@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Syne:wght@400;500;600;700;800&display=swap";:root{--accent:#00e5a0;color:#e8e8ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#04040d;font-family:Syne,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait!important}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid var(--accent)!important}input,textarea{color:#e8e8ff;background:#04040d;border:1px solid #29293e;border-radius:8px;width:100%;padding:12px 14px;font:13px JetBrains Mono,monospace}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#67677d}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#080810}::-webkit-scrollbar-thumb{background:#29293e;border-radius:3px}@keyframes ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes spin{to{transform:rotate(360deg)}}.primary-button{background:var(--accent);color:#04040d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:14px 20px;font:700 12px JetBrains Mono,monospace;display:flex}.secondary-button{color:#aaaabe;background:0 0;border:1px solid #29293e;border-radius:8px;padding:8px 12px;font-size:12px}.error-message{color:#ff9a9a;overflow-wrap:anywhere;background:#ff6b6b0c;border:1px solid #ff6b6b40;border-radius:8px;padding:12px 14px;font:12px/1.6 JetBrains Mono,monospace}.session-state{color:#aaaabe;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.auth-layout{grid-template-columns:1fr 420px;align-items:center;gap:80px;max-width:1120px;min-height:100vh;margin:auto;padding:70px 32px;display:grid}.brand{letter-spacing:-1px;font-size:26px;font-weight:800}.brand span{color:var(--accent)}.auth-eyebrow{color:#9e9eb6;letter-spacing:1px;align-items:center;gap:10px;margin:70px 0 22px;font:10px/1.8 JetBrains Mono,monospace;display:flex}.live-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 14px #00e5a055}.auth-intro h1{letter-spacing:-2px;font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1.12}.auth-intro>p{color:#9696b0;max-width:390px;margin-top:22px;font-size:15px;line-height:1.8}.auth-features{color:var(--accent);gap:18px;margin-top:36px;font:11px JetBrains Mono,monospace;display:grid}.auth-features strong{color:#b8b8cd;margin-left:16px;font-family:Syne,system-ui,sans-serif;font-size:14px;font-weight:500}.auth-privacy{color:#7a7a96;border-top:1px solid #1e1e3a;max-width:360px;margin-top:42px;padding-top:20px;font-size:12px;line-height:1.8}.auth-card{background:#080810;border:1px solid #242439;border-radius:16px;padding:32px;box-shadow:0 20px 70px #0005}.auth-tabs{background:#04040d;border:1px solid #1e1e3a;border-radius:8px;gap:6px;margin-bottom:30px;padding:5px;display:flex}.auth-tabs button{color:#9090ac;background:0 0;border:0;border-radius:5px;flex:1;padding:10px;font-size:13px}.auth-tabs button.active{color:var(--accent);background:#00e5a015}.auth-card h2{letter-spacing:-.5px;font-size:23px}.auth-card>p{color:#9292ac;margin-top:8px;font-size:13px;line-height:1.6}.auth-form{gap:19px;margin-top:28px;display:grid}.auth-form label{color:#b8b8cd;gap:8px;font-size:12px;display:grid}.auth-form small{color:#82829f;font-size:11px}.auth-form .primary-button{margin-top:6px}.account-bar{color:#9696b0;border-bottom:1px solid #1e1e3a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:20px;font-size:12px;display:flex}.account-bar strong{color:#e8e8ff}.account-email{overflow-wrap:anywhere}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.dashboard-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dashboard-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:20px;display:grid}.dashboard-error{margin-bottom:20px}.connection-progress{color:#78a7ff;align-items:center;gap:18px;padding:38px 0;display:flex}.connection-progress strong{font-size:15px;display:block}.connection-progress p{color:#9292ac;overflow-wrap:anywhere;margin-top:8px;font:12px/1.7 JetBrains Mono,monospace}.connection-progress.compact{gap:12px;padding:20px 0}.connection-progress.compact strong{font-size:13px}.connection-progress.compact p{font-size:11px}.connection-spinner{border:3px solid #78a7ff25;border-top-color:#78a7ff;border-radius:50%;flex-shrink:0;width:30px;height:30px;animation:.8s linear infinite spin;display:inline-block}.connection-progress.compact .connection-spinner{border-width:2px;width:23px;height:23px}.connecting-details h2{overflow-wrap:anywhere;font:700 20px JetBrains Mono,monospace}.connecting-details>p{color:#9292ac;margin-top:10px;font-size:12px}.connection-error{color:#ff9a9a;margin-top:16px;font:11px/1.7 JetBrains Mono,monospace}.empty-state{text-align:center;border:1px dashed #29293e;border-radius:12px;flex-direction:column;align-items:center;gap:18px;padding:80px 24px;display:flex}.empty-state h2{font-size:24px}.empty-state p{color:#9292ac;max-width:420px;font-size:14px;line-height:1.8}.empty-state button{margin-top:10px}.server-modal{max-height:90dvh;overflow-y:auto}.vps-key-label{color:#999;letter-spacing:1px;gap:8px;font-size:10px;display:grid}.vps-key-label small{letter-spacing:0;color:#9292ac;font-size:11px;line-height:1.6}@media (width<=900px){.auth-layout{grid-template-columns:1fr 380px;gap:36px}.auth-intro h1{font-size:36px}}@media (width<=740px){.auth-layout{grid-template-columns:1fr;gap:32px;max-width:480px;padding:36px 20px}.auth-eyebrow{margin-top:32px}.auth-intro h1{font-size:34px}.auth-features,.auth-privacy{display:none}.auth-card{padding:24px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.account-email{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}