:root{--bg-primary: #0a0e17;--bg-card: #111827;--bg-card-hover: #1a2235;--border: #1e2d45;--accent: #3b82f6;--accent-hover: #2563eb;--text-primary: #e0e6f0;--text-secondary: #8899aa;--text-muted: #4a5568;--green: #10b981;--red: #ef4444;--gold: #f59e0b;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.login-page[data-v-3e4f72d1]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#0d1a2e,#0a0e17 60%);padding:20px}.login-card[data-v-3e4f72d1]{background:#111827;border:1px solid #1e2d45;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 25px 60px #0009}.logo[data-v-3e4f72d1]{display:flex;align-items:center;gap:12px;margin-bottom:32px}.logo-icon[data-v-3e4f72d1]{font-size:28px;color:#3b82f6}.logo h1[data-v-3e4f72d1]{font-size:18px;font-weight:700;color:#e0e6f0;letter-spacing:-.3px}.mode-badge[data-v-3e4f72d1]{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:4px;margin-bottom:12px}.mode-badge.setup[data-v-3e4f72d1]{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.mode-badge.login[data-v-3e4f72d1]{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.hint[data-v-3e4f72d1]{font-size:13px;color:#89a;margin-bottom:24px;line-height:1.6}.setup-body[data-v-3e4f72d1]{margin-bottom:24px}.qr-container[data-v-3e4f72d1]{display:flex;justify-content:center;background:#fff;border-radius:10px;padding:16px;margin-bottom:16px}.qr-container[data-v-3e4f72d1] svg{width:200px;height:200px}.secret-block[data-v-3e4f72d1]{background:#0a0e17;border:1px solid #1e2d45;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.secret-label[data-v-3e4f72d1]{font-size:11px;color:#89a;text-transform:uppercase;letter-spacing:.5px}.secret-value[data-v-3e4f72d1]{font-family:Courier New,monospace;font-size:13px;color:#10b981;word-break:break-all;letter-spacing:1px}.form-group[data-v-3e4f72d1]{margin-bottom:20px}.form-group label[data-v-3e4f72d1]{display:block;font-size:12px;color:#89a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.code-input[data-v-3e4f72d1]{width:100%;background:#0a0e17;border:1px solid #1e2d45;border-radius:8px;color:#e0e6f0;font-size:28px;font-weight:600;padding:14px 16px;text-align:center;letter-spacing:8px;outline:none;transition:border-color .2s}.code-input[data-v-3e4f72d1]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.code-input[data-v-3e4f72d1]::placeholder{letter-spacing:4px;color:#4a5568}.btn-primary[data-v-3e4f72d1]{width:100%;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary[data-v-3e4f72d1]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-3e4f72d1]:disabled{opacity:.5;cursor:not-allowed}.alert[data-v-3e4f72d1]{border-radius:8px;padding:12px 14px;font-size:13px;margin-bottom:16px}.alert-error[data-v-3e4f72d1]{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.alert-success[data-v-3e4f72d1]{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.state-loading[data-v-3e4f72d1]{display:flex;align-items:center;gap:10px;color:#89a;font-size:13px;margin-bottom:16px}.spinner[data-v-3e4f72d1]{width:18px;height:18px;border:2px solid #1e2d45;border-top-color:#3b82f6;border-radius:50%;animation:spin-3e4f72d1 .7s linear infinite}.spinner-sm[data-v-3e4f72d1]{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-3e4f72d1 .7s linear infinite}@keyframes spin-3e4f72d1{to{transform:rotate(360deg)}}