.app-notifications{position:relative}.app-notification-trigger{position:relative;display:grid;width:2.25rem;height:2.25rem;padding:0;place-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-app);color:var(--color-content-primary);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.app-notification-trigger:hover,.app-notification-trigger.is-open{border-color:var(--color-border-primary-hover);background:var(--color-fill-overlay-hover)}.app-notification-trigger:focus-visible{box-shadow:0 0 0 2px var(--color-border-focus);outline:none}.app-notification-dot{position:absolute;top:.375rem;right:.375rem;width:.375rem;height:.375rem;border:1px solid var(--color-bg-app);border-radius:var(--radius-full);background:var(--color-fill-destructive)}.app-notification-popover{position:absolute;z-index:30;top:calc(100% + .75rem);right:0;width:min(23rem,calc(100vw - 1.5rem));padding:.5rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-app);box-shadow:var(--shadow-md);animation:app-notifications-in .16s var(--ease-in-out) both}@keyframes app-notifications-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:none}}.app-notification-popover>header{display:flex;padding:.625rem .75rem .75rem;align-items:center;justify-content:space-between}.app-notification-popover>header strong{font-size:1rem;font-weight:var(--font-weight-medium)}.app-notification-popover>header span{color:var(--color-content-secondary);font-size:.75rem}.app-notification-item{display:grid;width:100%;min-height:4.25rem;padding:.75rem;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.75rem;align-items:center;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left}.app-notification-item:hover{background:var(--color-fill-overlay-hover)}.app-notification-item.is-opened{opacity:.68}.app-news-icon{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius-sm);background:var(--color-fill-info);color:var(--color-content-info)}.app-notification-copy{display:grid;min-width:0;gap:.125rem}.app-notification-copy strong{font-size:.8125rem;font-weight:var(--font-weight-medium)}.app-notification-copy>span{color:var(--color-content-secondary);font-size:.75rem;line-height:1rem}.app-item-unread{width:.4375rem;height:.4375rem;border-radius:var(--radius-full);background:var(--color-fill-destructive)}@media(max-width:480px){.app-notification-popover{position:fixed;top:6.25rem;right:.75rem;left:.75rem;width:auto}}@media(prefers-reduced-motion:reduce){.app-notification-popover{animation:none}}.app-topbar{position:relative;z-index:12;display:flex;height:4.25rem;padding:0 1.5rem;gap:.75rem;flex:0 0 4.25rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-subtle);background:#f8f7f4f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-topbar-left,.app-breadcrumb{display:flex;align-items:center}.app-topbar-left{min-width:0}.app-breadcrumb{gap:.5rem;color:var(--color-content-secondary);font-size:.8125rem}.app-breadcrumb strong,.app-mobile-title{color:var(--color-content-primary);font-weight:var(--font-weight-medium)}.app-context-divider{width:1px;height:1.5rem;margin:0 .875rem;flex:0 0 1px;background:var(--color-border-subtle)}.app-mobile-title,.app-mobile-menu{display:none}.app-icon-button{width:2.25rem;height:2.25rem;padding:0;flex:0 0 auto;place-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-app);cursor:pointer}.app-wallet-area{display:flex;flex-shrink:0;align-items:center;gap:.5rem}.app-wallet{display:flex;height:2.25rem;padding:0 .75rem;gap:.5rem;align-items:center;border:1px solid var(--color-fill-brand);border-radius:var(--radius-sm);background:var(--color-fill-brand);color:var(--color-content-inverse);cursor:pointer;font-size:.8125rem;font-weight:var(--font-weight-medium);white-space:nowrap;transition:background var(--duration-fast),border-color var(--duration-fast)}.app-wallet:hover{border-color:var(--color-fill-brand-hover);background:var(--color-fill-brand-hover)}.app-wallet.is-connected{border-color:var(--color-border-subtle);background:var(--color-bg-app);color:var(--color-content-primary)}.app-wallet.is-connected:hover{border-color:var(--color-border-primary-hover);background:var(--color-fill-overlay-hover)}.app-wallet-dot{width:.5rem;height:.5rem;flex:0 0 .5rem;border-radius:var(--radius-full);background:var(--color-accent-bronze-medium)}.app-wallet.is-connected .app-wallet-dot{background:var(--color-content-success);box-shadow:0 0 0 3px var(--color-fill-success)}.app-wallet-chevron{display:block;width:.875rem;height:.875rem;flex:0 0 .875rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;color:var(--color-content-secondary)}@media(max-width:900px){.app-mobile-menu{display:grid}.app-breadcrumb,.app-context-divider,.app-topbar-left.has-bank-selector .app-mobile-title{display:none}.app-mobile-title{display:block;min-width:0;margin-left:.75rem;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:680px){.app-topbar{height:3.75rem;padding:0 .75rem;flex-basis:3.75rem}}.app-sidebar-foot{padding:.75rem;border-top:1px solid var(--color-border-subtle)}.app-wallet-status{display:grid;padding:.875rem;gap:.625rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-page)}.app-wallet-status>div{display:flex;gap:.5rem;align-items:center;color:var(--color-content-secondary);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.app-wallet-status strong{font-size:.8125rem;font-weight:var(--font-weight-medium)}.app-wallet-status>button{justify-self:start;padding:0;border:0;background:transparent;cursor:pointer;font-size:.8125rem;font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:.2rem}.app-status-dot{width:.5rem;height:.5rem;flex:0 0 .5rem;border-radius:var(--radius-full);background:var(--color-accent-bronze-medium)}.app-status-dot.is-connected{background:var(--color-content-success);box-shadow:0 0 0 3px var(--color-fill-success)}.app-sidebar-legal{padding:.875rem .5rem .25rem}.app-sidebar-legal a{color:var(--color-content-secondary);font-size:.75rem;text-decoration:none}.app-sidebar-legal a:hover{color:var(--color-content-primary)}.app-nav{flex:1;min-height:0;overflow-y:auto;padding:1.25rem .75rem}.app-nav-label{margin:0 0 .5rem;padding:0 .625rem;color:var(--color-content-secondary);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase}.app-nav-label--info{margin-top:1.5rem}.app-nav-item{display:flex;width:100%;min-height:2.5rem;margin-bottom:.1875rem;align-items:center;border-radius:var(--radius-sm);background:transparent;color:var(--color-content-secondary);transition:background var(--duration-fast),color var(--duration-fast)}.app-nav-item:hover{background:var(--color-fill-hover);color:var(--color-content-primary)}.app-nav-item.is-active{background:var(--color-fill-selected);color:var(--color-content-primary);font-weight:var(--font-weight-medium)}.app-nav-link,.app-nav>a{display:flex;min-width:0;min-height:2.5rem;padding:.5rem .625rem;gap:.6875rem;flex:1;align-items:center;color:inherit;text-decoration:none}.app-nav>a{width:100%;margin-bottom:.1875rem;border-radius:var(--radius-sm);color:var(--color-content-secondary);transition:background var(--duration-fast),color var(--duration-fast)}.app-nav>a:hover{background:var(--color-fill-hover);color:var(--color-content-primary)}.app-nav-labs{display:flex;margin-right:.5rem;gap:.25rem}.app-nav-lab,.app-nav-lab-tag{padding:.1875rem .3125rem;border:1px solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-content-secondary);font-size:.5625rem;font-weight:var(--font-weight-semibold);letter-spacing:.06em;line-height:1;text-decoration:none;text-transform:uppercase}.app-nav-lab:hover,.app-nav-lab.is-active{border-color:var(--color-content-primary);background:var(--color-bg-inverse);color:var(--color-content-inverse)}.app-nav-lab-tag{margin-right:.5rem;border-color:transparent}.app-nav-glyph{display:grid;width:1.25rem;flex:0 0 1.25rem;place-items:center;color:var(--color-content-primary);font-size:1rem}.app-nav-live{width:.4375rem;height:.4375rem;margin-left:auto;border-radius:var(--radius-full);background:var(--color-content-success);box-shadow:0 0 0 3px var(--color-fill-success)}.app-nav-external{margin-left:auto;color:var(--color-content-secondary);font-size:.75rem}.app-sidebar{position:relative;z-index:20;display:flex;width:15.25rem;min-height:0;flex:0 0 15.25rem;flex-direction:column;border-right:1px solid var(--color-border-subtle);background:var(--color-bg-app)}.app-brand{display:flex;height:4.25rem;padding:0 1.25rem;align-items:center;border-bottom:1px solid var(--color-border-subtle)}.app-brand-link{display:flex;gap:.6875rem;align-items:center;color:var(--color-content-primary);text-decoration:none}.app-brand-link>span{font-size:.8125rem;font-weight:var(--font-weight-semibold);letter-spacing:.13em}.app-sidebar-close{display:none;width:2rem;height:2rem;margin-left:auto;padding:0;place-items:center;border:0;background:transparent;cursor:pointer;font-size:1.25rem}.app-sidebar-scrim{display:none}.app-sidebar-spacer{flex:1}@media(max-width:900px){.app-sidebar{position:fixed;top:2.0625rem;bottom:0;left:0;width:min(18rem,86vw);transform:translate(-105%);box-shadow:var(--shadow-md);transition:transform .22s var(--ease-in-out)}.app-sidebar.is-open{transform:none}.app-sidebar-close{display:grid}.app-sidebar-scrim{position:fixed;z-index:19;display:block;inset:2.0625rem 0 0;border:0;background:var(--color-bg-scrim)}}@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}html{background:var(--color-bg-inverse)}body{font-variant-numeric:tabular-nums}button{color:inherit;font:inherit}.app-shell{display:flex;flex-direction:column;height:100svh;overflow:hidden;background:var(--color-bg-inverse)}.app-console{display:flex;flex:1;min-height:0;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-bg-page)}.app-workspace{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column}.app-stage{flex:1;min-height:0;overflow:auto;background:var(--color-bg-page)}