.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:#f7f9fc;border-right:1px solid #d5dde6;padding:0 16px 18px;color:#526170;display:flex;flex-direction:column}
.brand{height:68px;display:flex;align-items:center;padding:0 8px;margin:0 -14px 14px;border-bottom:1px solid #d5dde6;background:#fff}.brand img{width:146px;height:auto;display:block;object-fit:contain;margin-left:8px}
.nav-group{display:grid;gap:4px}.nav-link{position:relative;display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 13px;border-radius:5px;color:#4e5f70;font-size:.93rem;font-weight:650;transition:.12s}.nav-link:hover{background:#eef3f8;color:var(--navy)}.nav-link.is-active{background:#e5f0fb;color:#1269b9;font-weight:750}.nav-link.is-active:before{content:"";position:absolute;left:-14px;top:7px;bottom:7px;width:4px;background:var(--blue);border-radius:0 3px 3px 0}.nav-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.nav-icon svg{width:19px;height:19px}.nav-section{margin:24px 12px 9px;color:#8f9baa;font-size:.68rem;font-weight:800;letter-spacing:.1em}.sidebar-spacer{flex:1}.sidebar-meta{margin:18px 2px 0;padding:12px 10px;border-top:1px solid #dde4eb;color:#8793a0;font-size:.72rem;line-height:1.5}.sidebar-meta strong{display:block;color:#5c6a78;font-size:.76rem;margin-bottom:2px}
.main-wrap{min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 24px;position:sticky;top:0;z-index:20}.topbar-heading strong{font-size:1rem;font-weight:750}.topbar-heading span,.topbar-icon{display:none}.topbar-actions{display:flex;align-items:center;gap:9px}.role-wrap{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#fff}.role-chip{border:0;background:transparent;padding:4px 0;min-width:104px;color:#394654}.dev-label{color:#929eaa;font-size:.65rem;font-weight:800;letter-spacing:.06em}.user-chip{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 9px;border-left:1px solid var(--line)}.user-chip-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:.72rem;font-weight:800}
.content{max-width:1500px;margin:0 auto;padding:24px 26px 36px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:16px;align-items:start}.dashboard-right-stack{display:grid;gap:16px}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#edf1f5}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:7px;padding:32px}.login-logo{width:210px;margin:0 auto 26px;display:block}
@media(max-width:1280px){:root{--sidebar:216px}.content{padding:20px}.topbar{padding:0 20px}.dashboard-shell{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}}
@media(max-width:1100px){.dashboard-shell{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar-meta{display:none}.nav-group{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{position:static}.topbar-actions{flex-wrap:wrap}.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.content{padding:16px}.page-head{align-items:flex-start;flex-direction:column}.grid-2,.grid-3,.grid-4,.nav-group{grid-template-columns:1fr}.role-wrap{display:none}}

.sidebar .nav-group:first-of-type{padding-top:4px}.sidebar-meta{background:#f0f4f8;border:1px solid #dfe6ed;border-radius:6px;padding:12px}.sidebar-meta strong{color:#244d78}


/* v0.10 FINAL DESIGN POLISH */
.sidebar{background:#f6f8fb}
.brand{height:72px;margin:0 -16px 16px;padding:0 20px;justify-content:flex-start}
.brand img{width:150px;margin-left:0}
.nav-group{gap:3px}
.nav-link{min-height:44px;padding:10px 12px}
.nav-section{margin-top:22px}
.sidebar-meta{margin-top:auto;background:transparent;border:0;border-top:1px solid #dfe5ec;border-radius:0;padding:14px 8px 2px}
.topbar{height:72px}
.content{padding-top:22px}
@media(max-width:1280px){
  :root{--sidebar:220px}
  .brand img{width:142px}
}