.sidebar{width:var(--width);min-width:var(--width);background:var(--sidebar-bg);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;}
.sidebar-logo{padding:20px 16px 14px;font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,transparent,transparent)}
.sidebar-logo span{font-size:10px;font-weight:400;color:var(--sidebar-text);margin-left:auto;background:rgba(255,255,255,.06);padding:2px 8px;border-radius:4px}
.topbar{background:var(--card);border-bottom:1px solid var(--border);padding:8px 16px;display:flex;align-items:center;min-height:44px;box-shadow:0 1px 3px var(--shadow);position:sticky;top:0;z-index:50}
.topbar-left{flex:1}
.topbar-right{display:flex;align-items:center;gap:8px}
.topbar-right #userName{font-size:12px;font-weight:600;color:var(--text);margin-right:4px}
.topbar-right button{background:var(--hover);border:1px solid var(--border);color:var(--text);padding:5px 9px;border-radius:7px;cursor:pointer;font-size:13px;transition:.12s}
.topbar-right button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.sidebar-nav{padding:8px 8px;flex:1}
.nav-group-label{padding:12px 12px 4px;font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-family:'Inter',-apple-system,sans-serif}
.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--sidebar-text);border:none;background:none;width:100%;text-align:left;border-radius:8px;transition:all .12s;margin-bottom:1px;font-family:'Inter',-apple-system,sans-serif;letter-spacing:.1px}
.nav-item:hover{background:var(--sidebar-hover);color:#e2e8f0;transform:translateX(2px)}
.nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(26,73,113,.3)}
.nav-spacer{flex:1;min-height:12px}
.nav-admin{display:none}