.dashboard-body{background:var(--bg)}.dash-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.dash-sidebar{background:#171b35;color:#d8dcf2;padding:22px;position:sticky;top:0;height:100vh}.dash-sidebar .logo{color:white;margin-bottom:34px}
.dash-nav a{display:flex;padding:11px 12px;border-radius:10px;color:#aeb7d4;margin:5px 0}.dash-nav a.active,.dash-nav a:hover{background:#5b5ce2;color:white}
.dash-main{padding:28px}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.dash-profile{display:flex;align-items:center;gap:10px}.dash-menu{display:none}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.metric strong{font-size:1.65rem;display:block}
.dash-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:22px}.recent-list{display:grid;gap:10px}.recent-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.progress{height:10px;background:var(--border);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;width:38%;background:linear-gradient(90deg,var(--primary),var(--accent))}
@media(max-width:950px){.dash-layout{grid-template-columns:1fr}.dash-sidebar{position:fixed;left:-270px;z-index:60;width:250px;transition:.2s}.dash-sidebar.open{left:0}.dash-menu{display:inline-flex}.metric-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}
@media(max-width:600px){.dash-main{padding:18px}.metric-grid{grid-template-columns:1fr}.dash-top{align-items:flex-start}.dash-profile span{display:none}}