@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root,[data-theme=dark]{--color-bg:#121212;--color-card:#1e1e1e;--color-card-hover:#262626;--color-border:#2a2a2a;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-accent-purple:#8b5cf6;--color-accent-green:#10b981;--color-accent-red:#ef4444;--color-accent-orange:#f59e0b;--color-accent-blue:#3b82f6;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 4px 6px -1px #00000080, 0 2px 4px -1px #0006}[data-theme=light]{--color-bg:#f4f5f7;--color-card:#fff;--color-card-hover:#f9fafb;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-accent-purple:#7c3aed;--color-accent-green:#059669;--color-accent-red:#dc2626;--color-accent-orange:#d97706;--color-accent-blue:#2563eb;--color-success:#059669;--color-danger:#dc2626;--color-warning:#d97706;--shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.5;transition:background-color .2s,color .2s}.card,header,aside,main,nav,section,footer{transition:background-color .2s,border-color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.main-content{flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:28px 32px;display:flex}.title{letter-spacing:-.02em;font-size:28px;font-weight:600}.title-sm{color:var(--color-text-secondary);font-size:16px;font-weight:500}.metric-value{letter-spacing:-.02em;font-size:32px;font-weight:700}.card{background-color:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:24px;transition:transform .2s,border-color .2s}.card:hover{border-color:#3f3f3f}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pill{color:var(--color-text-secondary);background-color:#ffffff0d;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:background-color .2s;display:inline-flex}.pill:hover,.pill.active{color:var(--color-bg);background-color:#fff}.change{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 8px;font-size:14px;font-weight:500;display:inline-flex}.change.positive{color:var(--color-success);background-color:#10b9811a}.change.negative{color:var(--color-danger);background-color:#ef44441a}.topbar{justify-content:space-between;align-items:center;display:flex}.filters-group{gap:8px;display:flex}.dashboard-grid-1{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.dashboard-grid-2{grid-template-columns:2fr 1fr;gap:24px;display:grid}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input::placeholder{color:var(--color-text-secondary);opacity:.7}input:-webkit-autofill{-webkit-text-fill-color:#fff!important;background-color:#ffffff0a!important;box-shadow:inset 0 0 0 30px #1a1a1a!important}