:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f8fafc;background:#020617;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100vh}body{background:radial-gradient(circle at top right,rgba(139,92,246,.2),transparent 22%),radial-gradient(circle at 20% 20%,rgba(14,165,233,.14),transparent 24%),#020617;color:#f8fafc}a{color:inherit;text-decoration:none}button,select{font:inherit}.dashboard-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:32px 24px;border-right:1px solid rgba(148,163,184,.16);background:#020617e0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.logo{font-size:1.7rem;font-weight:900;letter-spacing:-.05em}.logo span{color:#8b5cf6}.sidebar-nav{display:grid;gap:10px;margin-top:42px}.sidebar-nav a,.sidebar-card,.metric-card,.chart-card,.orders-panel,.alerts-panel,.alert-card,.export-btn,select{border-radius:24px;border:1px solid rgba(148,163,184,.16);background:#0f172ac2;box-shadow:0 26px 80px #00000059}.sidebar-nav a{padding:16px 20px;color:#94a3b8;font-weight:700;transition:.18s ease}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:linear-gradient(135deg,#8b5cf642,#0ea5e91f);transform:translate(4px)}.sidebar-card{margin-top:48px;padding:24px}.sidebar-card p,.eyebrow,.metric-card p,.chart-head span,.alert-card span{margin:0;color:#8b5cf6;font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800}.sidebar-card strong{display:block;margin-top:14px;font-size:1.35rem;letter-spacing:-.05em}.sidebar-card span{display:block;margin-top:14px;color:#94a3b8;line-height:1.7}.dashboard-main{padding:36px}.dashboard-header,.filters-row,.chart-head,.metrics-grid,.charts-grid,.content-grid,.table-row{display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px}.dashboard-header h1{max-width:720px;margin:16px 0 0;font-size:clamp(2.6rem,6vw,4.8rem);line-height:.9;letter-spacing:-.06em}.filters-row{flex-wrap:wrap;gap:12px}select,.export-btn{color:#f8fafc;padding:16px 22px;outline:0}.export-btn{cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);font-weight:800}.metrics-grid,.charts-grid,.content-grid{gap:20px;margin-top:28px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.chart-card,.orders-panel,.alerts-panel{padding:28px}.metric-card{animation:float-card 4s ease-in-out infinite}.metric-card:nth-child(2){animation-delay:.4s}.metric-card:nth-child(3){animation-delay:.8s}.metric-card:nth-child(4){animation-delay:1.2s}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.metric-card strong{display:block;margin-top:18px;font-size:2.4rem;letter-spacing:-.07em}.metric-card span{display:inline-flex;margin-top:16px;padding:10px 16px;border-radius:999px;color:#22c55e;background:#22c55e1f;font-weight:800}.charts-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr)}.chart-card.large{grid-row:span 2}.chart-head{justify-content:space-between;align-items:center}.chart-head h2{margin:0;font-size:1.6rem;letter-spacing:-.05em}.chart-box{height:280px;margin-top:24px}.chart-card.large .chart-box{height:620px}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,1fr)}.orders-table,.alerts-list{display:grid;gap:12px;margin-top:24px}.table-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1fr 1fr;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;background:#0f172a80;color:#e2e8f0}.table-head{color:#94a3b8;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.status-pill{justify-self:start;border-radius:999px;padding:10px 14px;background:#22c55e24;color:#4ade80;font-weight:800;font-size:.85rem}.status-pill.danger{background:#ef44441f;color:#fb7185}.alert-card{padding:22px;transition:.28s ease}.alert-card.highlight{border-color:#8b5cf68c;box-shadow:0 0 0 1px #8b5cf638,0 30px 90px #8b5cf624}.alert-card p{margin:0;color:#38bdf8;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.alert-card strong{display:block;margin-top:12px;line-height:1.7;font-size:1rem}.alert-card span{display:block;margin-top:14px;color:#94a3b8}@media (max-width: 1180px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar-card{margin-top:24px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid,.content-grid{grid-template-columns:1fr}.chart-card.large{grid-row:auto}.chart-card.large .chart-box,.chart-box{height:320px}}@media (max-width: 700px){.dashboard-main,.sidebar{padding:20px}.sidebar-nav,.metrics-grid,.table-row{grid-template-columns:1fr}.dashboard-header{display:grid}}