@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-primary:#070b13;--bg-secondary:#0d1527;--bg-card:#121c33;--bg-card-hover:#172440;--bg-input:#0a101d;--border:hsla(0,0%,100%,.08);--border-subtle:hsla(0,0%,100%,.05);--border-focus:#38bdf8;--accent-cyan:#06b6d4;--accent-cyan-glow:rgba(6,182,212,.25);--accent-blue:#3b82f6;--accent-indigo:#6366f1;--danger:#ef4444;--danger-bg:rgba(239,68,68,.12);--danger-border:rgba(239,68,68,.35);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.12);--warning-border:rgba(245,158,11,.35);--success:#10b981;--success-bg:rgba(16,185,129,.12);--success-border:rgba(16,185,129,.35);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-lg:0 10px 25px -5px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(6,182,212,.25);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 15%,rgba(6,182,212,.08) 0,transparent 40%),radial-gradient(circle at 85% 85%,rgba(59,130,246,.08) 0,transparent 40%),linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:100% 100%,100% 100%,40px 40px,40px 40px;pointer-events:none;z-index:0}.font-mono,code,pre{font-family:JetBrains Mono,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.app-container{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:24px 20px 60px;display:flex;flex-direction:column;gap:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease}.card:hover{border-color:hsla(0,0%,100%,.14)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:600;padding:9px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;color:var(--text-primary);background:var(--bg-secondary)}.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 0 16px rgba(14,165,233,.35);border:1px solid hsla(0,0%,100%,.2)}.btn-primary:hover:not(:disabled){box-shadow:0 0 24px rgba(14,165,233,.55)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-outline{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){background:hsla(0,0%,100%,.05);color:var(--text-primary);border-color:hsla(0,0%,100%,.2)}.btn-sm{padding:6px 11px;font-size:.8rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1}.badge-danger{background:var(--danger-bg);color:#f87171;border:1px solid var(--danger-border)}.badge-warning{background:var(--warning-bg);color:#fbbf24;border:1px solid var(--warning-border)}.badge-success{background:var(--success-bg);color:#34d399;border:1px solid var(--success-border)}.badge-neutral{background:hsla(0,0%,100%,.06);color:var(--text-secondary);border:1px solid var(--border)}.badge-info{background:rgba(6,182,212,.12);color:#38bdf8;border:1px solid rgba(6,182,212,.35)}.input,.textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.6);display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse-slow{animation:pulseGlow 1.5s ease-in-out infinite}