:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg:#f8fafc;--sidebar-bg:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#22c55e;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;width:260px;padding:1.5rem;display:flex}.main-content{flex:1;padding:2rem;overflow-y:auto}.card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;display:flex}.nav-item.active{color:var(--primary);background:#eff6ff}