:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070b18}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(124,58,237,.24),transparent 32%),radial-gradient(circle at top right,rgba(32,211,238,.16),transparent 30%),linear-gradient(135deg,#070b18,#081024 45%,#0d1328)!important}.appShell{min-height:100vh;color:#fff}.sidebar{width:270px;min-height:100vh;display:flex;flex-direction:column;padding:28px 20px;background:#050916db;border-right:1px solid rgba(255,255,255,.08)}.mainArea{padding:34px 0 48px}.logoMark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;font-weight:900;background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 18px 50px #38bdf83d}.navItem{padding:13px 16px;border-radius:14px;color:#ffffffad;font-weight:600}.navItem.active{color:#fff;background:linear-gradient(135deg,#7c3aed85,#38bdf824)}.upgradeBox{margin-top:auto;padding:20px;border-radius:22px;background:linear-gradient(135deg,#7c3aed47,#38bdf81a);border:1px solid rgba(255,255,255,.1)}.card{padding:26px;border-radius:26px;color:#fff;background:linear-gradient(180deg,#ffffff1b,#ffffff0b)!important;border:1px solid rgba(255,255,255,.09);box-shadow:0 26px 90px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metricCard{min-height:150px}.softBadge{width:fit-content;color:#ffffffdb!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.1)}.greenBadge{width:fit-content;color:#80f7b1!important;background:#22c55e29!important;border:1px solid rgba(34,197,94,.28)}.primaryButton{color:#fff!important;border-radius:999px!important;font-weight:800!important;border:0!important;background:linear-gradient(135deg,#9333ea,#3b82f6,#06b6d4)!important}.outlineButton{color:#fff!important;border-radius:999px!important;border-color:#ffffff2e!important}.lineChart{min-height:315px}.lineChart svg{width:100%;height:260px;border-radius:20px;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 25%,12.5% 100%}.donut{width:230px;height:230px;margin:0 auto;display:grid;place-items:center;border-radius:50%;font-size:2rem;font-weight:900;background:radial-gradient(circle,#0b1024 0 42%,transparent 43%),conic-gradient(#7c3aed 0,#7c3aed 45%,#06b6d4 45%,#06b6d4 75%,#f59e0b 75%,#f59e0b 90%,#22c55e 90%,#22c55e);box-shadow:0 24px 90px #38bdf824}.progress>div{background:linear-gradient(90deg,#7c3aed,#38bdf8)!important}.tableRow{align-items:center;padding:18px;border-radius:18px;background:#ffffff0e;border:1px solid rgba(255,255,255,.06)}.recommendation{background:radial-gradient(circle at top left,rgba(147,51,234,.3),transparent 38%),linear-gradient(180deg,#ffffff1b,#ffffff0b)!important}.eyebrow{color:#38bdf8;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.gradientText{color:transparent!important;background:linear-gradient(135deg,#c084fc,#60a5fa,#22d3ee);-webkit-background-clip:text;background-clip:text}.miniInsight{padding:16px;border-radius:18px;color:#ffffffb8;background:#ffffff12}@media (max-width: 980px){.sidebar{display:none}.mainArea{padding:24px 0}.tableRow{grid-template-columns:1fr!important}}