:root{--sidebar-w:240px;--sidebar-collapsed-w:64px;--sidebar-transition:.2s ease}.app-layout{height:100vh;display:flex;overflow:hidden}.app-main{flex:1;min-width:0;overflow-y:auto}.app-sidebar{width:var(--sidebar-w);background:var(--surface);height:100vh;transition:width var(--sidebar-transition);z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}[data-theme=wsk-dark] .app-sidebar{background:var(--surface-container-lowest)}[data-theme=wsk-light] .app-sidebar{background:var(--surface-secondary)}.sidebar-toggle-btn{z-index:30;transition:left var(--sidebar-transition);position:fixed;top:20px}.app-sidebar.collapsed{width:var(--sidebar-collapsed-w)}.sidebar-label{opacity:1;white-space:nowrap;transition:opacity .15s;overflow:hidden}.app-sidebar.collapsed .sidebar-label{opacity:0;pointer-events:none;width:0}.sidebar-section-header{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 8px 3px;font-size:10px;font-weight:600;transition:opacity .15s}.app-sidebar.collapsed .sidebar-section-header{opacity:0;height:0;padding:0;overflow:hidden}.sidebar-nav-item{cursor:pointer;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:7px 8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.sidebar-nav-item,.sidebar-nav-item:hover,.sidebar-nav-item:visited{color:var(--muted);border-bottom:none;padding-bottom:7px}.sidebar-nav-item.active{border-bottom:none;padding-bottom:7px}.sidebar-nav-item:hover{background:var(--surface-secondary);color:var(--foreground)}.sidebar-nav-item.active{background:var(--accent-soft);color:var(--accent);border-bottom:none;padding-bottom:7px}.app-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:8px 0}.sidebar-pill{background:var(--surface-tertiary);border:1px solid var(--border);color:var(--foreground);white-space:nowrap;pointer-events:none;box-shadow:var(--surface-shadow);z-index:100;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:500;display:none;position:absolute;top:50%;left:56px;transform:translateY(-50%)}.app-sidebar.collapsed .sidebar-nav-item:hover .sidebar-pill{display:block}.sidebar-hamburger-btn{display:none}@media (max-width:1023px){.sidebar-hamburger-btn{z-index:60;display:flex;position:fixed;top:12px;left:12px}.sidebar-toggle-btn{display:none}.app-sidebar{z-index:50;height:100%;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);width:var(--sidebar-w)!important}.app-sidebar.mobile-open{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.app-sidebar,.app-sidebar *,.sidebar-label,.sidebar-pill{transition:none!important}}.sidebar-backdrop{display:none}@media (max-width:1023px){.sidebar-backdrop{z-index:40;background:#00000080;display:block;position:fixed;inset:0}}