/* Application shell. Tables, documents and editors keep their own widths. */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--line-soft);z-index:40}.brand{height:83px;display:flex;align-items:center;gap:10px;padding:18px 24px;color:var(--text);flex-shrink:0}.brand>img{width:35px;height:38px;object-fit:contain}.brand>span{display:flex;flex-direction:column;line-height:1.35}.brand strong{font-size:19px;font-weight:650;letter-spacing:-.4px}.brand small{font-size:12px;color:var(--muted);letter-spacing:.06em}.workspace-switch{display:flex;margin:0 16px 12px;padding:3px;border:1px solid var(--line);border-radius:var(--control-radius);gap:2px}.workspace-switch a{flex:1;text-align:center;color:var(--muted);padding:5px 3px;font-size:12px;border-radius:3px}.workspace-switch .active{background:var(--surface-raised);color:var(--text)}.side-nav{flex:1;min-height:0;overflow:auto;padding:0 12px 12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.nav-group{margin:10px 0 17px}.nav-group h2{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--quiet);font-weight:600;margin:0 12px 7px;white-space:nowrap}.nav-group>a{display:flex;gap:11px;align-items:center;padding:8px 12px;min-height:37px;border-radius:5px;color:#aab5c3;position:relative;line-height:1.35;font-size:13px;margin-bottom:2px}.nav-group>a:hover{background:var(--surface)}.nav-group>a.active{background:var(--accent-soft);color:#95c9fc}.nav-group>a.active:before{position:absolute;content:"";left:0;top:9px;bottom:9px;width:2px;border-radius:3px;background:var(--accent)}.nav-count{font-weight:500;margin-left:auto;font-size:11px;min-width:18px;text-align:center;color:var(--muted);background:var(--surface-raised);border-radius:3px}.sidebar-bottom{padding:12px 14px;border-top:1px solid var(--line-soft);flex-shrink:0}.sandbox-link{display:flex;align-items:center;gap:10px;background:none;border:0;padding:7px 8px;width:100%;text-align:left;color:var(--text);font-size:12px}.sandbox-link>span{display:flex;flex-direction:column}.sandbox-link small{font-size:10.5px;color:var(--quiet);margin-top:2px}.collapse-btn{display:flex;align-items:center;gap:11px;border:0;background:none;color:var(--quiet);width:100%;padding:10px 9px 3px;font-size:11px}.workspace{margin-left:var(--sidebar-width);min-height:100dvh;min-width:0}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:16px;padding:0 28px;background:var(--bg)}.top-context{font-size:12px;color:var(--quiet);white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:18px;margin-left:auto;min-width:0}.top-search{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.top-search kbd{border:1px solid var(--line);padding:0 5px;font-family:inherit;border-radius:3px;color:var(--quiet)}.local-indicator{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:11px;padding:6px 0;white-space:nowrap}.local-indicator>span{width:5px;height:5px;border-radius:50%;background:var(--warning)}.top-user{display:flex;gap:9px;align-items:center;color:var(--text);font-size:12px;border-left:1px solid var(--line);padding-left:18px}.top-user>span:last-child{display:flex;flex-direction:column;line-height:1.4}.top-user small{font-size:10px;color:var(--quiet)}.top-user .avatar{width:29px;height:29px;font-size:10px}.notification-link{position:relative}.notification-link b{position:absolute;top:-1px;right:-3px;background:var(--accent);border:2px solid var(--bg);width:16px;height:16px;border-radius:9px;color:#fff;font-size:8px;display:grid;place-items:center}.main-content{padding:30px 30px 0;min-height:calc(100dvh - var(--topbar-height));display:flex;flex-direction:column;min-width:0}.main-content>.page-footer{margin-top:auto;padding-top:32px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.page-head p{margin-top:8px;font-size:13px;color:var(--muted);max-width:720px}.page-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:1px}.page-footer{display:flex;gap:16px;justify-content:space-between;color:var(--quiet);font-size:10px;padding-bottom:18px;line-height:1.6}.page-footer>span:first-child{color:var(--muted)}.mobile-menu,.nav-scrim{display:none}.skip-link{position:fixed;left:16px;top:-100px;background:var(--surface);padding:12px;z-index:100}.skip-link:focus{top:12px}.nav-compact{--sidebar-width:74px}.nav-compact .brand{padding:17px 18px}.nav-compact .brand>span,.nav-compact .nav-group h2,.nav-compact .nav-group>a>span,.nav-compact .nav-count,.nav-compact .sidebar-bottom button>span,.nav-compact .workspace-switch{display:none}.nav-compact .side-nav{padding:0 10px}.nav-compact .nav-group{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.nav-compact .nav-group>a{padding:11px 16px}.nav-compact .sidebar-bottom{padding:12px}.nav-compact .collapse-btn .icon{transform:rotate(180deg)}
@media(min-width:1700px){.main-content{padding-left:40px;padding-right:40px}.topbar{padding-left:40px;padding-right:40px}}
@media(max-width:1150px){.top-context{display:none}.topbar-actions{gap:14px}.main-content{padding:24px 24px 0}.topbar{padding:0 24px}.top-user>span:last-child{display:none}.page-head{gap:16px}.page-actions{max-width:50%}}
@media(max-width:900px){:root,.nav-compact{--sidebar-width:232px}.workspace{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .15s ease}.nav-open .sidebar{transform:none}.nav-open .nav-scrim{display:block;position:fixed;inset:0;background:#0009;z-index:39}.mobile-menu{display:flex!important}.collapse-btn{display:none}.top-context{display:block}.topbar{padding:0 20px}.nav-compact .brand{padding:18px 24px}.nav-compact .brand>span,.nav-compact .nav-group>a>span,.nav-compact .nav-count,.nav-compact .sidebar-bottom button>span{display:flex}.nav-compact .nav-group h2{display:block}.nav-compact .workspace-switch{display:flex}.nav-compact .nav-group{border:0;padding:0}.nav-compact .nav-group>a{padding:8px 12px}}
@media(max-width:580px){h1{font-size:24px}.main-content{padding:20px 16px 0}.topbar{padding:0 16px;height:56px;gap:12px}.top-context,.top-search span,.top-search kbd{display:none}.topbar-actions{gap:12px}.top-user{padding-left:10px}.local-indicator{font-size:10px}.page-head{display:block;margin-bottom:22px}.page-head p{font-size:12px}.page-actions{margin-top:16px;max-width:none;justify-content:flex-start}.page-footer{display:block;font-size:9px}.page-footer span{display:block}.main-content>.page-footer{padding-top:28px}.top-search{padding:6px}.topbar .avatar{width:27px;height:27px}}

@media(min-width:901px){.topbar .mobile-menu{display:none}}