@import "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-app:#030509;--bg-surface:#0a0d18;--bg-card:#0f142366;--bg-card-solid:#0f1423;--bg-card-hover:#191e3280;--bg-glass:#0f142340;--bg-glass-hover:#191e3259;--border:#ffffff14;--border-hover:#ffffff26;--text-1:#e8ecf4;--text-2:#94a3b8;--text-3:#5a6a88;--blue:#3b82f6;--blue-hover:#60a5fa;--blue-dim:#3b82f626;--green:#10b981;--green-dim:#10b98126;--yellow:#fbbf24;--yellow-dim:#fbbf2426;--red:#ef4444;--red-dim:#ef444426;--purple:#a78bfa;--purple-dim:#a78bfa26;--font-sans:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:12px;--radius-sm:8px;--radius-lg:20px;--shadow-sm:0 4px 12px #0003;--shadow-lg:0 20px 40px #0006, 0 0 40px #3b82f60d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-1);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 0,#3b82f60d 0%,#0000 50%),radial-gradient(circle at 100% 100%,#a78bfa08 0%,#0000 50%);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(8px);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6cc,#2563ebcc);border-color:#3b82f680;box-shadow:0 4px 14px #3b82f633}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#60a5fae6,#3b82f6e6);border-color:#60a5fa80;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.btn-icon{cursor:pointer;color:inherit;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:inline-flex}.btn-icon:hover{background:#ffffff1a}.hover-row{transition:all .2s;position:relative}.hover-row:hover{box-shadow:inset 4px 0 0 var(--blue);background:#ffffff14}.input,.textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-1);font-family:var(--font-sans);background:#0a0f1a99;outline:none;padding:12px 14px;font-size:14px;transition:all .2s}.textarea{resize:vertical;min-height:100px}.input:focus,.textarea:focus{border-color:var(--blue);background:#0a0f1acc;box-shadow:0 0 0 2px #3b82f633}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.badge{letter-spacing:.3px;border:1px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{background:var(--blue-dim);color:var(--blue);border-color:#3b82f633}.badge-green{background:var(--green-dim);color:var(--green);border-color:#10b98133}.badge-yellow{background:var(--yellow-dim);color:var(--yellow);border-color:#fbbf2433}.badge-red{background:var(--red-dim);color:var(--red);border-color:#ef444433}.badge-neutral{background:var(--bg-card);color:var(--text-2);border-color:var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}#root{text-align:left;padding:0}svg.lucide,svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;min-width:1em;min-height:1em;color:inherit;display:inline-block}
