.app-shell{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:#08182b;border-right:1px solid var(--border);overflow:auto}
.brand{display:flex;align-items:center;gap:10px;padding:5px 7px 22px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#76dcff);box-shadow:0 0 28px rgba(46,183,229,.26)}
.brand-title{font-weight:900;letter-spacing:.02em}.brand-sub{font-size:.72rem;color:var(--muted)}
.nav-group{margin:8px 0 24px}.nav-label{padding:0 9px 8px;color:#6f8ba8;text-transform:uppercase;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.nav-link{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 11px;margin:2px 0;border-radius:10px;font-weight:700}.nav-link:hover,.nav-link.active{background:rgba(46,183,229,.10);border-color:rgba(46,183,229,.24);color:var(--text)}
.main{min-width:0}.topbar{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:rgba(7,20,38,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(41,68,97,.7)}
.content{padding:26px;max-width:1600px;margin:auto}.top-actions{display:flex;gap:9px;align-items:center}.role-chip{font-size:.8rem;color:var(--muted)}
.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.page-head h1{margin:.2rem 0 0;font-size:clamp(1.75rem,2.8vw,2.55rem)}
.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.section{margin:26px 0}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px}.section-title h2{margin:0;font-size:1.05rem}.section-title p{margin:0;color:var(--muted);font-size:.86rem}

/* ===== Mobile/navigation polish ===== */
.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.brand-row .brand{flex:1;min-width:0}.sidebar-collapse{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:#0d223a;color:var(--text);font-size:1.35rem;line-height:1;display:grid;place-items:center;margin-top:5px}.sidebar-collapse:hover{border-color:var(--accent)}
.app-shell.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-link span{display:none}.app-shell.sidebar-collapsed .sidebar{padding:18px 10px}.app-shell.sidebar-collapsed .nav-link{text-align:center}.app-shell.sidebar-collapsed .brand-row{display:block}.app-shell.sidebar-collapsed .sidebar-collapse{margin:8px auto 14px;transform:rotate(180deg)}
.topbar-left{display:flex;align-items:center;gap:10px}.mobile-menu-button{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:#0d223a;color:var(--text);font-size:1.2rem}.mobile-menu-scrim{display:none}