:root{--sidebar-width:248px;--nav-item-radius:var(--radius-sm);--nav-active-bg:var(--color-accent-dim);--nav-muted:var(--color-text-secondary)}.main-content{min-width:0;transition:margin-left .18s cubic-bezier(.22,1,.36,1)}.demo-notice{padding:var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text-secondary);font-size:14px}.sidebar{transition:width .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.sidebar-logo{position:relative;min-height:88px;padding:var(--space-6) var(--space-5);justify-content:space-between}.sidebar-logo>a{min-width:0}.sidebar-brand{display:flex;align-items:center;flex-shrink:0}.sidebar-brandmark{display:none;object-fit:contain}.sidebar-nav{padding:var(--space-4)}.sidebar-section+.sidebar-section{margin-top:var(--space-5)}.sidebar-section-label{color:var(--nav-muted);font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;padding:var(--space-3) var(--space-3)}.sidebar-nav-item{border-radius:var(--nav-item-radius);min-height:46px;margin-bottom:var(--space-1);transition:none;font-size:14px}.sidebar-nav-item.active{background:var(--nav-active-bg);font-weight:600}.sidebar-nav-item.active:before{left:0;height:24px;width:3px}.sidebar-collapse-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer}.sidebar-collapse-toggle:hover{background:var(--color-surface-2);color:var(--color-text-primary)}@media (min-width:1025px){body.sidebar-collapsed{--sidebar-width:var(--sidebar-width-collapsed)}.sidebar.collapsed .sidebar-logo{flex-direction:column;justify-content:center;gap:16px;padding:22px 10px 16px}.sidebar.collapsed .sidebar-wordmark{display:none}.sidebar.collapsed .sidebar-brandmark{display:block}.sidebar.collapsed .sidebar-section-label{display:none}.sidebar.collapsed .sidebar-section+.sidebar-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.sidebar.collapsed .sidebar-nav{padding-inline:10px}.sidebar.collapsed .sidebar-nav-item{justify-content:center;gap:0;padding-inline:8px}.sidebar.collapsed .sidebar-nav-item>span{display:none}.sidebar.collapsed .sidebar-nav-item.active:before{left:0}.sidebar.collapsed .sidebar-user{display:flex;justify-content:center;padding-inline:8px}.sidebar.collapsed .sidebar-user-trigger{justify-content:center}.sidebar.collapsed .sidebar-user-trigger>:not(:first-child){display:none}.sidebar.collapsed .sidebar-notifications{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-notifications>span,.sidebar.collapsed .sidebar-user-card>div:last-child{display:none}}.sidebar-close{display:none;color:var(--color-text-secondary);width:36px;height:36px;border-radius:var(--radius-sm);font-size:28px;flex-shrink:0}.sidebar-user{padding:var(--space-4)}.sidebar-user>span{display:flex;width:100%}.sidebar-user-trigger{width:100%;min-width:0;justify-content:flex-start;padding:8px!important;height:48px!important;border-radius:12px!important;background:var(--color-surface-1)!important}.sidebar-user-trigger>span:nth-child(2){flex:1;text-align:left}.sidebar-notifications{position:relative;display:flex;align-items:center;gap:12px;margin:0 16px 8px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px}.sidebar-notifications:hover{background:var(--color-surface-1)}.sidebar-notifications .sidebar-bell{position:static;margin:0}.sidebar-notifications .sidebar-bell:after{content:"";position:absolute;inset:0}.sidebar-notifications>span{pointer-events:none}@media (max-width:1024px){.sidebar-collapse-toggle{display:none}.sidebar,.sidebar-overlay{display:none!important}.sidebar-close{display:grid;place-items:center}.sidebar-bell,.sidebar-notifications{display:none}}.mobile-topbar .notification-bell{width:44px;height:44px}.mobile-topbar-logo{display:inline-flex;align-items:center;min-height:44px}.notification-bell:focus-visible,.sidebar-brand:focus-visible,.sidebar-collapse-toggle:focus-visible,.sidebar-nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.notification-bell:focus-visible{border-radius:50%}.mobile-bottom-nav .bottom-nav-item{min-height:52px;min-width:44px;padding:2px 0}.mobile-bottom-nav .bottom-nav-icon{position:relative;width:52px;height:30px;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary)}.mobile-bottom-nav .bottom-nav-item.active .bottom-nav-icon{background:transparent;color:var(--color-bg-primary)}.bottom-nav-pill{position:absolute;inset:0;border-radius:var(--radius-full);background:var(--color-accent);box-shadow:var(--glow-accent)}.bottom-nav-glyph{position:relative;z-index:1;display:grid;place-items:center}.bottom-nav-label{display:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-item.active .bottom-nav-label,.bottom-nav-item.show-label .bottom-nav-label{display:block}.bottom-nav-badge{position:absolute;z-index:2;top:-4px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:12px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px rgba(23,27,34,.97)}.mobile-bottom-nav{height:68px;padding:6px 10px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));border-radius:999px;box-shadow:0 14px 36px rgba(0,0,0,.42),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)}.mobile-bottom-nav .bottom-nav-item{border-radius:999px;min-height:54px}.mobile-bottom-nav .bottom-nav-icon{height:32px}@media (max-width:360px){.mobile-bottom-nav{left:10px;right:10px;gap:2px;padding:6px 8px}.bottom-nav-item{font-size:12px}.mobile-bottom-nav .bottom-nav-icon{width:46px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bottom-nav-item,.main-content,.sidebar,.sidebar-nav-item{transition:none}}.sidebar-nav-item{position:relative}.sidebar-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-bg-primary);font-size:12px;font-weight:700;line-height:20px;text-align:center}.sidebar.collapsed .sidebar-nav-badge{position:absolute;top:4px;right:6px;min-width:16px;height:16px;padding:0 4px;font-size:12px;line-height:16px}.sidebar-arena{padding:var(--space-3) var(--space-4) 0}.sidebar-section-label--panel{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sidebar-pending-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--color-warning);box-shadow:0 0 0 3px rgba(255,200,87,.18)}.sidebar.collapsed .sidebar-pending-dot{position:absolute;top:8px;right:10px;margin:0}@media (min-width:1025px){.sidebar.collapsed .sidebar-arena{padding-inline:10px}.sidebar.collapsed .sidebar-arena-text{display:none}.sidebar.collapsed .sidebar-arena button{justify-content:center;padding:6px}}