:root{--bg:#f4f7fb;--panel:#fff;--text:#172033;--muted:#718096;--line:#e6ebf2;--blue:#2563eb;--dark:#0f172a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit}.shell{min-height:100vh;display:flex}.sidebar{background:var(--dark);color:#fff;width:260px;padding:22px}.brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.logo{background:linear-gradient(135deg,#60a5fa,#22c55e);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.nav{gap:6px;display:grid}.nav button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:11px 12px;font-size:15px}.nav button.active,.nav button:hover{color:#fff;background:#1e293b}.content{flex:1;padding:28px}.top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.top h1{margin:0;font-size:28px}.top p{color:var(--muted);margin:6px 0 0}.primary{background:var(--blue);color:#fff;border:0;border-radius:14px;padding:12px 16px;font-weight:800}.cards{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:18px;display:grid}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 30px #0f172a0d}.card span{color:var(--muted);font-size:14px}.card strong{margin:8px 0;font-size:26px;display:block}.card em{color:var(--muted);font-size:13px;font-style:normal}.finance{background:linear-gradient(#fff,#fffbeb);border-color:#fde68a}.pill{color:#1d4ed8;background:#dbeafe;border-radius:999px;margin:0 8px 14px 0;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.muted{color:#64748b;background:#f1f5f9}@media (max-width:900px){.shell{display:block}.sidebar{width:auto}.cards{grid-template-columns:1fr}.content{padding:18px}.top{display:block}.primary{width:100%;margin-top:14px}}