.shell{grid-template-columns:var(--st-sidebar) minmax(0,1fr);transition:grid-template-columns .2s ease}.shell.sidebar-collapsed{grid-template-columns:var(--st-sidebar-collapsed) minmax(0,1fr)}
#sidebar{width:var(--st-sidebar);padding:14px 11px;display:flex;flex-direction:column;overflow:visible;transition:width .2s ease;background:linear-gradient(165deg,var(--st-green-950),var(--st-green-900))}.sidebar-collapsed #sidebar{width:var(--st-sidebar-collapsed)}
.brand{min-height:52px;padding:0 24px 18px 7px}.sidebar-home{display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:white;text-align:left;border-radius:9px}.sidebar-home:hover{background:#ffffff0d}.sidebar-home:focus-visible{outline:2px solid #8ce6b0;outline-offset:3px}.brand-copy{display:grid;min-width:0}.brand-copy b,.brand-copy small{white-space:nowrap}.sidebar-toggle{position:absolute;z-index:8;top:14px;right:-22px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;color:white;background:transparent}.sidebar-toggle::before{content:"";position:absolute;inset:4px;border:1px solid #9ad9bc;border-radius:10px;background:#126b51;box-shadow:0 2px 7px #001b1440;transition:background .15s ease,transform .15s ease}.sidebar-toggle span{position:relative;font-size:18px;font-weight:900;line-height:1}.sidebar-toggle:hover::before{background:#1d8465;transform:scale(1.04)}.sidebar-toggle:focus-visible{outline:2px solid #a5edc0;outline-offset:2px;border-radius:12px}
.sidebar-collapsed .brand{padding-left:3px;padding-right:3px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav span,.sidebar-collapsed .privacy,.sidebar-collapsed .sidebar-logout{font-size:0}.sidebar-collapsed .sidebar-home{justify-content:center;width:100%;gap:0}
#nav{overflow:auto;scrollbar-width:thin}.nav{width:100%;min-height:40px}.nav i{font-size:16px}.nav span{white-space:nowrap}.sidebar-collapsed .nav{min-height:42px}.sidebar-footer{margin-top:auto;padding-top:12px}.privacy{position:static;margin-bottom:8px}.sidebar-logout{width:100%;padding:9px;border-radius:9px;background:#ffffff0e;color:#e5f1ed;font-weight:800}.sidebar-logout:hover{background:#ffffff1b}.build-info{display:block;margin-top:8px;color:#b9cec6;font-size:9px;line-height:1.35}.sidebar-collapsed .build-info{font-size:0}
header{height:var(--st-topbar);position:sticky;top:0;z-index:4;padding:0 var(--st-space-6);box-shadow:0 1px 0 var(--st-border)}.page-heading{min-width:150px}.page-heading h1{font-size:18px;line-height:1.05}.topbar-context{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--st-muted);font-size:12px}
.global-project{display:grid;gap:2px;margin-left:18px;font-size:9px;text-transform:uppercase;color:var(--st-muted);font-weight:800}.global-project select{min-width:180px;border:1px solid var(--st-border);border-radius:9px;padding:7px 30px 7px 9px;background:white;color:var(--st-text)}
.global-search{position:relative;flex:1;max-width:380px}.global-search input{width:100%;height:36px;border:1px solid var(--st-border);border-radius:10px;padding:0 13px;background:var(--st-green-50)}.global-search-results{position:absolute;left:0;right:0;top:42px;z-index:12;display:grid;padding:6px;border:1px solid var(--st-border);border-radius:10px;background:white;box-shadow:var(--st-shadow)}.global-search-results button{display:grid;grid-template-columns:52px 1fr;gap:2px 8px;padding:8px;text-align:left;border-radius:7px;background:white;color:var(--st-text)}.global-search-results button:hover{background:var(--st-green-50)}.global-search-results button span{grid-row:1/3;color:var(--st-muted);font-size:10px;text-transform:uppercase}.global-search-results button small{color:var(--st-muted)}.global-search-results p{margin:7px;color:var(--st-muted)}
.head-actions{gap:7px}.head-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--st-border);border-radius:9px;background:white;color:var(--st-green-900);font-weight:900;text-decoration:none}.server-state{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:99px;background:#edf1ef;color:var(--st-unknown);font-size:11px;font-weight:800}.server-state i{width:7px;height:7px;border-radius:50%;background:currentColor}.server-state.online{background:#e6f7ed;color:var(--st-success)}.server-state.degraded{background:#fff0df;color:var(--st-warning)}.server-state.offline{background:#fbe8e8;color:var(--st-danger)}.profile-control{position:relative}.profile-menu{position:absolute;right:0;top:42px;z-index:14;width:220px;padding:12px;border:1px solid var(--st-border);border-radius:11px;background:white;box-shadow:var(--st-shadow);display:grid;gap:6px;color:var(--st-text)}.profile-menu>span,.profile-menu>small{overflow:hidden;text-overflow:ellipsis;color:var(--st-muted)}.profile-menu hr{width:100%;border:0;border-top:1px solid var(--st-border)}.profile-menu button,.profile-menu a{padding:7px;text-align:left;border-radius:7px;background:white;color:var(--st-green-900);text-decoration:none;font-weight:700}.profile-menu button:hover,.profile-menu a:hover{background:var(--st-green-50)}
#content{max-width:var(--st-content-max);margin:0 auto;padding:16px 18px 36px}.drawer-backdrop{display:none}