@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #06080f;--surface: #0d1117;--surface-2: #161b26;--surface-3: #1c2333;--border: #21293a;--border-2: #2d3a50;--primary: #FACC15;--primary-hover: #fbbf24;--primary-dim: rgba(250,204,21,.12);--primary-glow: rgba(250,204,21,.25);--accent-1: #7c3aed;--accent-2: #2563eb;--accent-grad: linear-gradient(135deg, #7c3aed, #2563eb);--hero-grad: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124,58,237,.18) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 80% 10%, rgba(250,204,21,.08) 0%, transparent 60%);--text: #f1f5f9;--muted: #8b9ab0;--subtle: #4b5a6e;--error: #f87171;--error-dim: rgba(248,113,113,.12);--success: #34d399;--success-dim: rgba(52,211,153,.12);--warning: #fbbf24;--yellow: #FACC15;--yellow-dim: rgba(250,204,21,.12);--yellow-border: rgba(250,204,21,.25);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "Fira Mono", "Consolas", monospace;--radius: 12px;--radius-lg: 16px;--sidebar-w: 220px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}button{font-family:var(--font);cursor:pointer}input,textarea,select{font-family:var(--font);color:var(--text)}a{color:inherit}input,textarea,select{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input::placeholder,textarea::placeholder{color:var(--subtle)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}select option{background:var(--surface-2);color:var(--text)}.btn-primary{background:var(--primary);color:#000;border:none;border-radius:10px;font-size:14px;font-weight:700;padding:11px 24px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:8px;letter-spacing:-.01em}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:500;padding:9px 18px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:7px}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s}.card:hover{border-color:var(--border-2)}.glass-card{background:#0d1117b3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:20px}.tag-yellow{color:var(--primary);background:var(--primary-dim);border:1px solid var(--primary-glow)}.tag-green{color:var(--success);background:var(--success-dim);border:1px solid rgba(52,211,153,.2)}.tag-purple{color:#a78bfa;background:#7c3aed26;border:1px solid rgba(124,58,237,.3)}.tag-blue{color:#60a5fa;background:#2563eb26;border:1px solid rgba(37,99,235,.3)}.tag-muted{color:var(--muted);background:var(--surface-2);border:1px solid var(--border)}.grad-text{background:linear-gradient(135deg,#facc15,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grad-text-purple{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow),0 0 60px #facc151a}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes liveBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(250,204,21,.15);border-top-color:var(--primary);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.fade-in{animation:fadeIn .3s ease both}.slide-up{animation:slideUp .4s ease both}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:24px 0}.grad-border{position:relative;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#facc154d,#7c3aed4d)}.grad-border>*{border-radius:calc(var(--radius-lg) - 1px);background:var(--surface)}.glow-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}