@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800;900&display=swap";:root,[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-subtle:#f1f5f9;--bg-card-hover:#fff;--border:#e2e8f0;--border-hover:#cbd5e1;--primary:#4f46e5;--primary-hover:#4338ca;--primary-bg:#eef2ff;--primary-glow:#4f46e533;--success:#059669;--success-hover:#047857;--success-bg:#ecfdf5;--success-border:#a7f3d0;--amber:#d97706;--amber-hover:#b45309;--amber-bg:#fef3c7;--amber-border:#fde68a;--cyan:#0891b2;--cyan-bg:#ecfeff;--danger:#dc2626;--danger-bg:#fef2f2;--text-1:#0f172a;--text-2:#334155;--text-3:#64748b;--text-4:#94a3b8;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a0d;--shadow:0 4px 20px -2px #0f172a0f, 0 2px 6px -1px #0f172a08;--shadow-lg:0 20px 35px -8px #0f172a1f;--glow-emerald:0 4px 14px #05966940;--glow-primary:0 4px 14px #4f46e540}[data-theme=dark]{--bg-main:#0b101b;--bg-card:#141d2e;--bg-card-subtle:#1a263c;--bg-card-hover:#22324f;--border:#ffffff14;--border-hover:#6366f173;--primary:#6366f1;--primary-hover:#4f46e5;--primary-bg:#6366f126;--primary-glow:#6366f14d;--success:#10b981;--success-hover:#059669;--success-bg:#10b98126;--success-border:#10b98159;--amber:#f59e0b;--amber-hover:#d97706;--amber-bg:#f59e0b26;--amber-border:#f59e0b66;--cyan:#06b6d4;--cyan-bg:#06b6d426;--danger:#ef4444;--danger-bg:#ef444426;--text-1:#f8fafc;--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#64748b;--shadow-sm:0 1px 3px #0000004d;--shadow:0 8px 24px -4px #00000073;--shadow-lg:0 20px 35px -8px #000000a6;--glow-emerald:0 0 24px #10b98140;--glow-primary:0 0 24px #6366f14d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .25s,color .25s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif;font-weight:800}.mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}.card:hover{box-shadow:0 8px 30px -4px #0f172a1a}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--glow-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-emerald{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #05966940}.btn-emerald:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 20px #05966959}.btn-outline{background:var(--bg-card);color:var(--text-2);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-card-subtle);color:var(--text-1);border-color:var(--border-hover)}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);width:38px;height:38px;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.btn-icon:hover{color:var(--text-1);border-color:var(--border-hover);transform:scale(1.06)}.input-field{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-1);outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0f172a8c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);padding:26px;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleUp;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.spin-anim{animation:1s linear infinite spinAround}@keyframes spinAround{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (width<=640px){.modal-content{max-height:92vh;padding:18px;overflow-y:auto}}