:root{--bg-dark: #0b0f19;--bg-card: rgba(18, 24, 38, .75);--bg-card-hover: rgba(26, 35, 54, .85);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(16, 185, 129, .3);--primary-emerald: #10b981;--primary-emerald-hover: #059669;--primary-emerald-glow: rgba(16, 185, 129, .25);--accent-indigo: #6366f1;--accent-purple: #8b5cf6;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--status-connected: #10b981;--status-qr: #f59e0b;--status-disconnected: #ef4444;--status-not-started: #6b7280;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-main: 0 12px 32px -4px rgba(0, 0, 0, .45);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.08) 0px,transparent 50%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-main);transition:all .25s ease}.glass-card:hover{border-color:#ffffff24}.app-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-box{width:100%;max-width:440px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:#0b0f19cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:#fff;text-decoration:none}.brand-icon{background:linear-gradient(135deg,var(--primary-emerald),var(--accent-indigo));width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 16px var(--primary-emerald-glow)}.navbar-user{display:flex;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-emerald),#059669);color:#fff;box-shadow:0 4px 14px var(--primary-emerald-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-danger{background:#ef444426;color:#f87171;border-color:#ef44444d}.btn-danger:hover:not(:disabled){background:#ef444440;color:#fff}.btn-secondary{background:#ffffff0d;color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-icon{padding:.5rem;border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer}.btn-icon:hover{color:#fff;background:#ffffff1f}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-label{font-size:.825rem;font-weight:500;color:var(--text-muted)}.input-field{width:100%;padding:.65rem .85rem;background:#0f172a99;border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;font-family:var(--font-body);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{outline:none;border-color:var(--primary-emerald);box-shadow:0 0 0 3px var(--primary-emerald-glow)}textarea.input-field{resize:vertical;min-height:70px}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:9999px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-connected{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-qr{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-disconnected{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-not_started{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.pulse-dot{width:8px;height:8px;border-radius:50%}.status-connected .pulse-dot{background-color:#34d399;box-shadow:0 0 8px #34d399;animation:pulse 2s infinite}.status-qr .pulse-dot{background-color:#fbbf24;box-shadow:0 0 8px #fbbf24;animation:pulse 1.5s infinite}.status-disconnected .pulse-dot{background-color:#f87171}.status-not_started .pulse-dot{background-color:#9ca3af}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.7}}.key-box{display:flex;align-items:center;justify-content:space-between;background:#00000059;border:1px dashed var(--border-color);padding:.75rem 1rem;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;color:#34d399}.key-text{word-break:break-all}.blur-text{filter:blur(4px);-webkit-user-select:none;user-select:none}.code-block{background:#070a12;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;font-family:var(--font-mono);font-size:.85rem;color:#e5e7eb;position:relative;line-height:1.5;overflow:hidden}.code-block pre{margin:0;max-height:220px;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.78rem;font-family:var(--font-body)}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.alert-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#fde047}.alert-info{background:#6366f11f;border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.75rem;align-items:start}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.qr-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 0 30px #10b98133;max-width:280px;margin:1.5rem auto}.qr-image{width:220px;height:220px;object-fit:contain}