@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-primary:#07090e;--bg-secondary:#0d121f;--bg-card:rgba(15,23,42,.75);--bg-card-hover:rgba(30,41,59,.85);--border-subtle:hsla(0,0%,100%,.08);--border-highlight:rgba(59,130,246,.35);--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-blue:#3b82f6;--accent-blue-glow:rgba(59,130,246,.25);--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#ef4444;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--sidebar-width:270px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0,transparent 40%),radial-gradient(circle at 85% 85%,rgba(139,92,246,.06) 0,transparent 40%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.03) 0,transparent 60%);background-attachment:fixed}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:14px}.glass-panel:hover{border-color:hsla(0,0%,100%,.14)}.code-font{font-family:JetBrains Mono,monospace}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-blue{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-green{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-amber{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-rose{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-purple{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px var(--accent-blue-glow)}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.btn-secondary{background:hsla(0,0%,100%,.05);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn-danger{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.4)}.btn-danger:hover{background:rgba(239,68,68,.35)}.input-field{width:100%;padding:10px 14px;border-radius:8px;background:rgba(15,23,42,.85);border:1px solid var(--border-subtle);color:#fff;font-size:.875rem;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-glow)}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.pulse-dot{width:8px;height:8px;border-radius:50%;display:inline-block;animation:pulseGlow 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}