:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", var(--font-sans);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1);--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#6366f126;--color-accent:#06b6d4;--color-gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--color-gradient-accent:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--color-gradient-card:linear-gradient(180deg, #ffffff0d 0%, #fff0 100%)}[data-theme=dark]{--bg-app:#090d16;--bg-surface:#111827;--bg-surface-elevated:#1f293d;--bg-surface-glass:#111827bf;--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--text-main:#f9fafb;--text-muted:#9ca3af;--text-subtle:#6b7280;--border-subtle:#ffffff14;--border-strong:#ffffff26;--border-focus:#6366f1;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-glow:0 0 20px #6366f159;--badge-success-bg:#10b98126;--badge-success-text:#34d399;--badge-warning-bg:#f59e0b26;--badge-warning-text:#fbbf24;--badge-error-bg:#ef444426;--badge-error-text:#f87171;--badge-info-bg:#3b82f626;--badge-info-text:#60a5fa}[data-theme=light]{--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-surface-glass:#ffffffd9;--bg-hover:#0000000a;--bg-active:#00000014;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--border-subtle:#00000014;--border-strong:#00000029;--border-focus:#4f46e5;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--shadow-glow:0 0 20px #6366f133;--badge-success-bg:#10b9811a;--badge-success-text:#059669;--badge-warning-bg:#f59e0b1a;--badge-warning-text:#d97706;--badge-error-bg:#ef44441a;--badge-error-text:#dc2626;--badge-info-bg:#3b82f61a;--badge-info-text:#2563eb}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-main);font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);padding:1.5rem}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.card-interactive:hover{transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-gradient-primary);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{opacity:.95;box-shadow:0 6px 20px #6366f180}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-main);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-outline{color:var(--text-main);border-color:var(--border-strong);background:0 0}.btn-outline:hover{background:var(--bg-hover)}.btn-icon{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:1px solid #0000;padding:.5rem}.btn-icon:hover{color:var(--text-main);background:var(--bg-hover)}.input-group{flex-direction:column;gap:.375rem;display:flex}.input-label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.input-field{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem .875rem;font-size:.875rem}.input-field:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow);outline:none}.badge{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-error{background:var(--badge-error-bg);color:var(--badge-error-text)}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.metric-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--color-gradient-primary);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.metric-value{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-main);font-size:1.75rem;font-weight:800}.metric-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}