.app-sidebar{--sb-w:216px;width:var(--sb-w);z-index:60;background:var(--bg-sidebar,#fff);border-right:1px solid var(--border,#e8e8e8);flex-direction:column;flex-shrink:0;height:100vh;transition:background .2s,border-color .2s,transform .2s cubic-bezier(.2,0,0,1);display:flex;position:fixed;top:0;left:0}.sb-wordmark{border-bottom:1px solid var(--border,#e8e8e8);align-items:center;padding:20px 18px 18px;transition:border-color .2s;display:flex}.sb-wordmark img{width:100%;max-width:180px;height:auto;filter:var(--logo-filter,none);transition:filter .2s,opacity .12s;display:block}.sb-wordmark:hover img{opacity:.8}.sb-brand{border-bottom:1px solid var(--border,#e8e8e8);transition:border-color .2s;position:relative}.sb-brand__trigger{cursor:pointer;text-align:left;width:100%;font-family:var(--font,ui-monospace,monospace);background:0 0;border:none;align-items:center;gap:9px;padding:12px 14px;transition:background .1s;display:flex}.sb-brand__trigger:hover,.sb-brand.is-open .sb-brand__trigger{background:var(--bg-hover,#f5f5f5)}.sb-brand__mark{background:var(--avatar-bg,#000);width:26px;height:26px;color:var(--avatar-fg,#fff);letter-spacing:.02em;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background .2s,color .2s;display:flex}.sb-brand__text{flex:1;min-width:0}.sb-brand__name{color:var(--fg-primary,#000);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.sb-brand__url{color:var(--fg-muted-text,#707070);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.3;display:block;overflow:hidden}.sb-brand__chev{color:var(--fg-muted,#999);flex-shrink:0;transition:transform .2s}.sb-brand.is-open .sb-brand__chev{transform:rotate(180deg)}.sb-brand__menu{background:var(--submenu-bg,var(--bg-surface,#fff));border:1px solid var(--submenu-border,var(--border,#e8e8e8));box-shadow:var(--submenu-shadow,0 4px 24px #0000001f);opacity:0;pointer-events:none;z-index:80;border-radius:4px;padding:4px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 6px);left:10px;right:10px;transform:translateY(-4px)}.sb-brand.is-open .sb-brand__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.sb-brand__option{cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:7px 9px;text-decoration:none;transition:background .1s;display:flex}.sb-brand__option:hover{background:var(--submenu-hover,var(--bg-hover,#f5f5f5))}.sb-brand__option-text{flex:1;min-width:0}.sb-brand__option-name{color:var(--fg-primary,#000);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:1.3;font-family:var(--font,monospace);display:block;overflow:hidden}.sb-brand__option-url{color:var(--fg-muted-text,#707070);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.3;font-family:var(--font,monospace);display:block;overflow:hidden}.sb-brand__check{color:var(--fg-primary,#000);opacity:0;flex-shrink:0}.sb-brand__option.is-active .sb-brand__check{opacity:1}.sb-brand__divider{background:var(--submenu-divider,var(--border,#e8e8e8));height:1px;margin:4px 2px}.sb-brand__add{cursor:pointer;color:var(--fg-secondary,#666);font-size:12px;font-weight:500;font-family:var(--font,monospace);border-radius:3px;align-items:center;gap:8px;padding:7px 9px;transition:background .1s,color .1s;display:flex}.sb-brand__add:hover{background:var(--submenu-hover,var(--bg-hover,#f5f5f5));color:var(--fg-primary,#000)}.sb-nav{flex:1;padding:8px 0 12px;overflow-y:auto}.sb-section{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted-text,#707070);font-size:9px;font-weight:600;font-family:var(--font,monospace);opacity:.85;padding:14px 18px 5px}.sb-item{cursor:pointer;align-items:center;gap:10px;padding:8px 18px;text-decoration:none;transition:background .1s;display:flex;position:relative}.sb-item:hover,.sb-item.is-active{background:var(--bg-hover,#f5f5f5)}.sb-item.is-active:before{content:"";background:var(--fg-primary,#000);border-radius:0 2px 2px 0;width:2px;position:absolute;top:4px;bottom:4px;left:0}.sb-item__icon{width:16px;height:16px;color:var(--fg-muted,#999);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-item.is-active .sb-item__icon{color:var(--fg-primary,#000)}.sb-item__label{color:var(--fg-secondary,#666);font-size:13px;font-weight:400;font-family:var(--font,monospace);flex:1}.sb-item.is-active .sb-item__label{color:var(--fg-primary,#000);font-weight:500}.sb-item__badge{font-size:10px;font-weight:600;font-family:var(--font,monospace);background:var(--fg-primary,#000);color:var(--fg-inverse,#fff);letter-spacing:.02em;border-radius:9999px;padding:1px 6px}.sb-theme-toggle{background:var(--toggle-bg,#f0f0f0);border:1px solid var(--border-input,#767676);width:32px;height:32px;color:var(--toggle-fg,#888);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .18s;display:flex}.sb-theme-toggle:hover{border-color:var(--fg-primary,#000);color:var(--fg-primary,#000)}.sb-footer{border-top:1px solid var(--border,#e8e8e8);align-items:center;gap:8px;padding:0 10px 10px;transition:border-color .2s;display:flex}.sb-footer .sb-account{border-top:0;flex:1;min-width:0}.sb-account{border-top:1px solid var(--border,#e8e8e8);transition:border-color .2s;position:relative}.sb-account__trigger{cursor:pointer;text-align:left;width:100%;font-family:var(--font,monospace);background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;transition:background .1s;display:flex}.sb-account__trigger:hover,.sb-account.is-open .sb-account__trigger{background:var(--bg-hover,#f5f5f5)}.sb-account__avatar{background:var(--avatar-bg,#000);width:28px;height:28px;color:var(--avatar-fg,#fff);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:background .2s,color .2s;display:flex}.sb-account__text{flex:1;min-width:0}.sb-account__name{color:var(--fg-primary,#000);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.sb-account__plan{color:var(--fg-muted-text,#707070);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.3;display:block;overflow:hidden}.sb-account__chev{color:var(--fg-muted,#999);flex-shrink:0;transition:transform .2s}.sb-account.is-open .sb-account__chev{transform:rotate(180deg)}.sb-account__menu{background:var(--submenu-bg,var(--bg-surface,#fff));border:1px solid var(--submenu-border,var(--border,#e8e8e8));box-shadow:var(--submenu-shadow,0 4px 24px #0000001f);opacity:0;pointer-events:none;z-index:80;border-radius:4px;padding:4px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);left:10px;right:10px;transform:translateY(4px)}.sb-account.is-open .sb-account__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.sb-menu-item{font-size:12px;font-weight:400;font-family:var(--font,monospace);color:var(--fg-primary,#000);cursor:pointer;border-radius:3px;align-items:center;gap:9px;padding:8px 10px;text-decoration:none;transition:background .1s;display:flex}.sb-menu-item:hover{background:var(--submenu-hover,var(--bg-hover,#f5f5f5))}.sb-menu-item__icon{width:14px;height:14px;color:var(--fg-muted,#999);flex-shrink:0;align-items:center;display:flex}.sb-menu-item--danger,.sb-menu-item--danger .sb-menu-item__icon{color:var(--danger,#c0392b)}[data-theme=dark] .sb-menu-item--danger,[data-theme=dark] .sb-menu-item--danger .sb-menu-item__icon{color:#f87171}.sb-menu-item[aria-disabled=true]{cursor:default;opacity:.55}.sb-menu-item[aria-disabled=true]:hover{background:0 0}.sb-menu-divider{background:var(--submenu-divider,var(--border,#e8e8e8));height:1px;margin:4px 2px}button.sb-menu-item{text-align:left;width:100%;font-family:inherit;font-size:12px;line-height:inherit;appearance:none;background:0 0;border:0}button.sb-menu-item[aria-disabled=true]{cursor:default;opacity:.55}.sb-account__menu .logout-error{font-family:var(--font,monospace);color:var(--danger,#c0392b);margin:4px 2px 2px;padding:0 8px;font-size:11px;line-height:1.4}.sb-account__menu .live-status{margin:0;padding:0 10px;font-size:11px}.sb-mobile-toggle{z-index:120;background:var(--bg-surface,#fff);border:1px solid var(--border-input,#767676);width:32px;height:32px;color:var(--fg-primary,#000);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;display:none;position:fixed;top:12px;left:12px}.sb-scrim{z-index:55;opacity:0;background:#00000059;transition:opacity .2s;display:none;position:fixed;inset:0}@media (max-width:900px){.app-sidebar{visibility:hidden;transition:background .2s,border-color .2s,transform .2s cubic-bezier(.2,0,0,1),visibility .2s;transform:translate(-100%)}.app-sidebar.is-open{visibility:visible;transform:translate(0);box-shadow:4px 0 24px #0000002e}.sb-mobile-toggle{display:flex}.sb-scrim.is-visible{opacity:1;display:block}.main{padding-top:56px;margin-left:0!important}}.app-sidebar a:focus-visible,.app-sidebar button:focus-visible,.sb-mobile-toggle:focus-visible{outline:2px solid var(--focus-ring,#000);outline-offset:2px;border-radius:var(--radius-md,4px)}.sb-nav a:focus-visible{outline-offset:-2px}.sb-brand:not(.is-open) .sb-brand__menu,.sb-account:not(.is-open) .sb-account__menu{visibility:hidden}@media (prefers-reduced-motion:reduce){.app-sidebar,.sb-brand__menu,.sb-account__menu,.sb-scrim{transition:none}}