body{color:#fff;background:#0a0f1c;margin:0;font-family:Inter,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{background:#111827;flex-direction:column;width:260px;padding:24px;display:flex}.logo{color:#60a5fa;margin-bottom:32px;font-size:28px;font-weight:700}.sidebar nav{flex-direction:column;gap:12px;display:flex}.nav-link{color:#cbd5e1;border-radius:12px;padding:14px 18px;text-decoration:none;transition:background .2s,color .2s;display:block}.nav-link:hover,.nav-link.active{color:#f8fafc;background:#1f2937}.nav-link.active{border-left:4px solid #60a5fa}.main-panel{flex:1;padding:30px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.topbar h1{margin:0;font-size:32px}.topbar span{color:#94a3b8;margin-top:4px;display:block}.user-chip{color:#e2e8f0;background:#111827;border:1px solid #334155;border-radius:9999px;padding:10px 16px;font-size:14px}.content-outlet{width:100%}.page-title{margin-bottom:20px;font-size:28px;font-weight:700}.page-panel{flex-direction:column;gap:20px;display:flex}.grid-2,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.card{background:#1e293b;border-radius:16px;min-height:160px;padding:24px}.large-card{grid-column:span 2;min-height:220px}.route-fallback,.access-denied{color:#fff;background:#111827;border-radius:16px;max-width:780px;padding:24px}.access-denied h2{margin-top:0}@media (width<=900px){.dashboard-grid,.grid-2{grid-template-columns:1fr}.sidebar{width:220px}}