:root{--bg-main:#070a13;--bg-surface:#0e1424;--bg-card:#131c31;--bg-card-hover:#19243d;--bg-input:#0a0f1d;--bg-glass:#0e1424d9;--bg-glass-heavy:#080c16f2;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#60a5fa;--primary-glow:#2563eb4d;--accent-cyan:#0891b2;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-inverse:#0f172a;--border-subtle:#ffffff14;--border-card:#ffffff24;--border-focus:#3b82f6;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 6px 20px #0006;--shadow-lg:0 14px 36px #0000008c;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}[data-theme=light]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#f8fafc;--bg-glass:#ffffffe6;--bg-glass-heavy:#fffffffa;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#3b82f6;--primary-glow:#2563eb2e;--accent-cyan:#0284c7;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--text-main:#0f172a;--text-muted:#475569;--text-dim:#94a3b8;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-card:#cbd5e1;--border-focus:#2563eb;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 10px 30px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5;transition:background-color .25s,color .25s;overflow-x:hidden}[data-theme=dark] body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at top,#2563eb1f 0%,#070a1300 70%);width:50vw;height:380px;position:fixed;top:0;left:25%}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .15s}input,textarea,select{color:var(--text-main);background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-sm);outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #2563eb33}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressPulse{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.2s forwards fadeIn}.container{max-width:1240px;margin:0 auto;padding:0 16px}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 14px #2563eb73}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-card);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary-light)}.btn-ghost{border-radius:var(--radius-sm);color:var(--text-muted);justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-main);background:var(--bg-card-hover)}.badge{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-light);background:#2563eb1f;border:1px solid #2563eb4d}.badge-success{color:#10b981;background:#0596691f;border:1px solid #0596694d}.badge-warning{color:#f59e0b;background:#d977061f;border:1px solid #d977064d}.progress-bar-container{background:var(--bg-input);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2563eb,#06b6d4,#3b82f6) 0 0/200% 100%;border-radius:3px;height:100%;transition:width .3s;animation:2s infinite progressPulse}input[type=range]{appearance:none;background:var(--border-card);border:none;border-radius:3px;outline:none;width:100%;height:5px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:all .15s;box-shadow:0 0 6px #2563eb99}input[type=range]::-webkit-slider-thumb:hover{background:var(--primary-light);transform:scale(1.2)}