:root{--ds-primary-50:#f6f2fb;--ds-primary-100:#ece3f7;--ds-primary-200:#d8c6ef;--ds-primary-300:#bfa0e2;--ds-primary-400:#a37bd4;--ds-primary-500:#8b5fbf;--ds-primary-600:#744aa6;--ds-primary-700:#5d3a85;--ds-primary-800:#452a62;--ds-primary-900:#2f1c44;--ds-primary:var(--ds-primary-500);--ds-primary-contrast:#fff;--ds-accent-100:#fdeef5;--ds-accent-300:#f6b9d4;--ds-accent-500:#e87fb0;--ds-bg:#faf8fc;--ds-surface:#fff;--ds-surface-2:#f6f2fb;--ds-border:#ece8f1;--ds-text:#2c2435;--ds-text-muted:#7b7287;--ds-success:#3aa776;--ds-success-bg:#e6f5ee;--ds-warning:#d99a2b;--ds-warning-bg:#fbf2e0;--ds-danger:#d65b6a;--ds-danger-bg:#fbe9eb;--ds-info:var(--ds-primary-500);--ds-chart-1:#8b5fbf;--ds-chart-2:#e87fb0;--ds-chart-3:#5bb4d6;--ds-chart-4:#6bbf8b;--ds-chart-5:#d99a2b;--ds-chart-6:#b07bd4;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:18px;--ds-radius-full:999px;--ds-shadow-sm:0 1px 2px #2f1c440f;--ds-shadow-md:0 4px 16px #2f1c4414;--ds-shadow-lg:0 12px 32px #2f1c441f;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-space-8:48px;--ds-font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ds-font-display:"Fraunces", Georgia, "Times New Roman", serif;--ds-text-xs:12px;--ds-text-sm:13px;--ds-text-base:15px;--ds-text-lg:18px;--ds-text-xl:22px;--ds-text-2xl:28px;--ds-text-3xl:36px;--ds-ease:.16s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--ds-font-sans);font-size:var(--ds-text-base);color:var(--ds-text);background:var(--ds-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}a{color:var(--ds-primary-600);text-decoration:none}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);padding:var(--ds-space-5)}.ds-card__title{font-size:var(--ds-text-lg);margin-bottom:var(--ds-space-4)}.ds-card__subtitle{font-size:var(--ds-text-sm);color:var(--ds-text-muted);font-weight:400}.ds-stat{gap:var(--ds-space-2);flex-direction:column;display:flex}.ds-stat__label{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-muted);font-weight:500;display:flex}.ds-stat__icon{border-radius:var(--ds-radius-md);background:var(--ds-primary-100);width:32px;height:32px;color:var(--ds-primary-600);font-size:var(--ds-text-base);place-items:center;display:grid}.ds-stat__value{font-size:var(--ds-text-2xl);letter-spacing:-.02em;font-weight:700;line-height:1.1}.ds-stat__hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.ds-btn{justify-content:center;align-items:center;gap:var(--ds-space-2);font-family:inherit;font-size:var(--ds-text-base);border-radius:var(--ds-radius-md);cursor:pointer;transition:background var(--ds-ease), box-shadow var(--ds-ease), transform var(--ds-ease);border:1px solid #0000;padding:10px 18px;font-weight:600;display:inline-flex}.ds-btn:disabled{opacity:.6;cursor:not-allowed}.ds-btn--primary{background:var(--ds-primary-500);color:var(--ds-primary-contrast);box-shadow:var(--ds-shadow-sm)}.ds-btn--primary:not(:disabled):hover{background:var(--ds-primary-600)}.ds-btn--ghost{color:var(--ds-primary-600);border-color:var(--ds-border);background:0 0}.ds-btn--ghost:not(:disabled):hover{background:var(--ds-primary-50)}.ds-field{gap:var(--ds-space-2);flex-direction:column;display:flex}.ds-label{font-size:var(--ds-text-sm);color:var(--ds-text);font-weight:500}.ds-input{font-family:inherit;font-size:var(--ds-text-base);color:var(--ds-text);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);width:100%;transition:border-color var(--ds-ease), box-shadow var(--ds-ease);padding:11px 14px}.ds-input:focus{border-color:var(--ds-primary-400);box-shadow:0 0 0 3px var(--ds-primary-100);outline:none}.ds-badge{font-size:var(--ds-text-xs);border-radius:var(--ds-radius-full);background:var(--ds-primary-100);color:var(--ds-primary-700);align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.ds-spinner{border:3px solid var(--ds-primary-100);border-top-color:var(--ds-primary-500);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.kpi-grid{gap:var(--ds-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=980px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{cursor:pointer;text-align:left;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);width:100%;box-shadow:var(--ds-shadow-sm);padding:var(--ds-space-5);transition:border-color var(--ds-ease), box-shadow var(--ds-ease), transform var(--ds-ease);font-family:inherit;position:relative}.kpi-card:hover{border-color:var(--ds-primary-300);transform:translateY(-2px)}@property --ds-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.kpi-card[aria-pressed=true]{background:linear-gradient(var(--ds-primary-50), var(--ds-primary-50)) padding-box, conic-gradient(from var(--ds-angle), var(--ds-primary-500), var(--ds-accent-500), var(--ds-primary-300), var(--ds-primary-500)) border-box;z-index:1;border:3.5px solid #0000;animation:3s linear infinite ds-border-rotate;transform:translateY(-6px)scale(1.02);box-shadow:0 14px 28px -10px #8b5fbf73,0 4px 10px #2f1c441a}.kpi-card[aria-pressed=true] .ds-stat__value,.kpi-card[aria-pressed=true] .ds-stat__label{color:var(--ds-primary-700)}@keyframes ds-border-rotate{to{--ds-angle:360deg}}@media (prefers-reduced-motion:reduce){.kpi-card[aria-pressed=true]{animation:none}}.ds-muted{color:var(--ds-text-muted)}.ds-center{place-items:center;display:grid}