.sidebar-logo{padding:20px;border-bottom:1px solid var(--border);}
.sidebar-logo a{font-size:1.2rem;font-weight:900;color:var(--clr-on-surface);text-decoration:none;}
.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto;}
.nav-section-title{font-size:0.62rem;font-weight:700;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;padding:12px 8px 6px;}
.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--clr-white-soft);font-size:0.82rem;font-weight:600;text-decoration:none;transition:all 0.2s;margin-bottom:2px;}
.sidebar-link:hover{background:var(--clr-white-hover);color:var(--clr-on-surface);}
.topbar{background:var(--clr-surface-elevated);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;}
.page-content{padding:28px 24px;}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:190;cursor:pointer;backdrop-filter:blur(2px);}
.sidebar-overlay.active{display:block;}