@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-bg-start:#fdfbf7;--color-bg-end:#f0e6d3;--color-bg-gradient:linear-gradient(135deg, var(--color-bg-start) 0%, var(--color-bg-end) 100%);--color-surface:#fff;--color-surface-hover:#fafafa;--color-surface-dark:#1c1c1c;--color-surface-dark-2:#262626;--color-accent:#facc15;--color-accent-light:#fef08a;--color-accent-dark:#eab308;--color-text-primary:#111;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9ca3af;--color-text-on-dark:#fff;--color-text-on-accent:#111;--color-nav-bg:#fff;--color-nav-active-bg:#1c1c1c;--color-nav-active-text:#fff;--color-nav-idle-text:#6b6b6b;--color-border:#00000012;--color-border-dark:#ffffff1f;--color-positive:#22c55e;--color-negative:#ef4444;--color-neutral:#9ca3af;--shadow-card:0 2px 16px #00000012, 0 1px 4px #0000000a;--shadow-card-hover:0 8px 32px #0000001f, 0 2px 8px #0000000f;--shadow-pill:0 2px 12px #0000001a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--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;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--font-size-4xl:48px;--font-size-5xl:64px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.7;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--grid-cols:12;--grid-gap:var(--space-5);--grid-padding:var(--space-6)}@media (max-width:1280px){:root{--grid-gap:var(--space-4);--grid-padding:var(--space-5)}}@media (max-width:768px){:root{--grid-gap:var(--space-3);--grid-padding:var(--space-4);--font-size-4xl:36px;--font-size-5xl:48px}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:var(--color-bg-gradient);min-height:100vh;line-height:var(--line-height-normal);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.widget-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.widget-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.widget-card--dark{background:var(--color-surface-dark);color:var(--color-text-on-dark)}.kpi-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-light);line-height:var(--line-height-tight);letter-spacing:-.02em}.widget-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);letter-spacing:.02em;text-transform:uppercase}.pill-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:none;display:inline-flex}.pill-btn:hover{transform:translateY(-1px)}.pill-btn--active{background:var(--color-nav-active-bg);color:var(--color-nav-active-text)}.pill-btn--idle{color:var(--color-nav-idle-text);background:0 0}.pill-btn--accent{background:var(--color-accent);color:var(--color-text-on-accent)}.progress-bar-track{background:var(--color-border);border-radius:var(--radius-pill);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--color-accent);border-radius:var(--radius-pill);height:100%;transition:width var(--transition-slow)}.badge{padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.badge--positive{color:var(--color-positive);background:#22c55e1f}.badge--negative{color:var(--color-negative);background:#ef44441f}.badge--accent{background:var(--color-accent-light);color:var(--color-accent-dark)}