@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");:root{--gray-950:#000;--gray-900:#0a0a0c;--gray-850:#101013;--gray-800:#16161a;--gray-700:#222228;--gray-600:#323238;--gray-500:#52525a;--gray-400:#8c8c96;--gray-300:#b0b0b8;--gray-200:#c8c8d0;--gray-100:#e0e0e5;--gray-50:#f4f4f6;--green-900:#001a0a;--green-800:#003318;--green-700:#005228;--green-600:#007a3d;--green-500:#00a352;--green-400:#0c6;--green-300:#1ae67a;--green-200:#4df59a;--green-100:#80ffba;--green-50:#d6ffe8;--red-900:#1a0000;--red-800:#3d0000;--red-700:#5c0000;--red-600:#7a0000;--red-500:#b60000;--red-400:#df0000;--red-300:#ff1a1a;--red-200:#ff4d4d;--red-100:#ff8080;--red-50:#ffdada;--amber-900:#1a0f00;--amber-800:#3d2400;--amber-700:#664000;--amber-600:#995f00;--amber-500:#cc7f00;--amber-400:#ff9d00;--amber-300:#ffb633;--amber-200:#fc6;--amber-100:#ffe0a0;--amber-50:#fff4da;--color-bg:var(--gray-950);--color-bg-raised:var(--gray-900);--color-bg-card:#0c0c0f;--color-bg-hover:#111114;--color-border:var(--gray-700);--color-border-subtle:hsla(0,0%,100%,.05);--color-text-primary:var(--gray-50);--color-text-body:var(--gray-200);--color-text-secondary:var(--gray-400);--color-text-tertiary:var(--gray-500);--color-accent:var(--green-400);--color-accent-hover:var(--green-300);--color-accent-subtle:rgba(0,204,102,.08);--color-accent-muted:rgba(0,204,102,.15);--color-danger:var(--red-400);--color-danger-hover:var(--red-300);--color-danger-subtle:rgba(223,0,0,.08);--color-warning:var(--amber-400);--color-warning-subtle:rgba(255,157,0,.08);--color-positive:var(--green-400);--glass-bg:#0c0c0f;--glass-bg-hover:#111114;--glass-border:hsla(0,0%,100%,.07);--glass-blur:20px;--gradient-accent:linear-gradient(135deg,var(--green-400),var(--green-600));--gradient-accent-diagonal:linear-gradient(135deg,var(--green-500),var(--green-300));--gradient-positive:linear-gradient(135deg,#0c6,#005228);--gradient-negative:linear-gradient(135deg,#df0000,#7a0000);--gradient-surface:linear-gradient(135deg,var(--gray-800),var(--gray-900));--font-heading:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--text-xs:11px;--text-sm:13px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-none:0.92;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-heading:-0.04em;--tracking-normal:0;--tracking-wide:0.06em;--tracking-caps:0.1em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.4);--shadow-md:0 8px 24px rgba(0,0,0,.5);--shadow-lg:0 16px 48px rgba(0,0,0,.6);--shadow-glow:0 0 40px rgba(0,204,102,.15);--shadow-glow-strong:0 0 60px rgba(0,204,102,.25);--shadow-danger-glow:0 0 40px rgba(223,0,0,.15);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--dur-fast:150ms;--dur-normal:300ms;--dur-slow:500ms;--dur-slide:700ms}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-body);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);font-weight:var(--weight-bold)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:var(--color-accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}button{font-family:var(--font-heading);cursor:pointer;border:none;background:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard{min-height:100vh;padding:var(--space-8);background:var(--color-bg)}.dashboard__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.dashboard__title{font-size:var(--text-3xl);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-8)}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform var(--dur-normal) var(--ease-out),background var(--dur-fast) var(--ease-out)}.metric-card:hover{transform:translateY(-4px);background:var(--glass-bg-hover)}.metric-card__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.metric-card__value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-accent);line-height:var(--leading-none);margin-bottom:var(--space-2)}.metric-card__delta{font-size:var(--text-base);font-weight:var(--weight-medium)}.metric-card__delta.positive{color:var(--color-positive)}.metric-card__delta.negative{color:var(--color-danger)}.metric-card__conversion{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-2)}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-8)}.chart-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.chart__title{font-size:var(--text-xl);margin-bottom:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:all var(--dur-normal) var(--ease-out);cursor:pointer}.btn--accent{background:var(--gradient-accent);color:var(--gray-950);box-shadow:var(--shadow-glow)}.btn--accent:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn--ghost:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-in{animation:fadeIn var(--dur-normal) var(--ease-out)}.slide-up{animation:slideUp var(--dur-slow) var(--ease-out)}