*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#e0e0e0;min-height:100vh}.container{max-width:600px;margin:0 auto;padding:60px 20px}.card{background:#16161e;border:1px solid #2a2a3a;border-radius:12px;padding:40px}.card.wide{max-width:100%}h1{font-size:1.5rem;font-weight:600;margin-bottom:4px}.subtitle{color:#888;margin-bottom:32px}form{display:flex;flex-direction:column;gap:12px}input[type=email],input[type=password]{background:#0a0a0f;border:1px solid #2a2a3a;border-radius:8px;padding:12px 16px;color:#e0e0e0;font-size:1rem;outline:none}input[type=email]:focus,input[type=password]:focus{border-color:#6366f1}button{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;cursor:pointer;font-weight:500}button:hover{background:#5558e6}button:disabled{opacity:.6;cursor:not-allowed}button.link{background:none;color:#888;padding:0;font-size:.875rem}button.link:hover{color:#e0e0e0}.error{color:#ef4444;margin-top:12px;font-size:.875rem}.switch-auth{margin-top:16px;font-size:.875rem;color:#888;text-align:center}.switch-auth a{color:#6366f1;text-decoration:none}.switch-auth a:hover{text-decoration:underline}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.info-row{display:flex;align-items:center;gap:8px;padding:8px 0}.label{color:#888;font-size:.875rem;min-width:80px}.badge{background:#6366f1;color:#fff;padding:2px 10px;border-radius:12px;font-size:.75rem;text-transform:uppercase;font-weight:600}.muted{color:#666;font-size:.875rem}.small{font-size:.8rem}hr{border:none;border-top:1px solid #2a2a3a;margin:24px 0}h2{font-size:1.1rem;margin-bottom:16px}.status{display:flex;align-items:center;gap:8px;padding:16px;border-radius:8px}.status.connected{background:#0a2a1a;border:1px solid #166534}.dot{width:8px;height:8px;border-radius:50%}.dot.green{background:#22c55e}.pairing{display:flex;flex-direction:column;gap:16px}.pairing-code{background:#0a0a0f;border:1px solid #2a2a3a;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:4px}.pairing-code code{font-size:1.5rem;font-weight:700;letter-spacing:4px;color:#6366f1}.telegram-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2aabee;color:#fff;text-decoration:none;border-radius:8px;padding:12px 24px;font-weight:500;font-size:1rem}.telegram-btn:hover{background:#229ed9}.wizard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.wizard-step{width:32px;height:32px;border-radius:50%;background:#2a2a3a;color:#888;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.wizard-step.active{background:#6366f1;color:#fff}.wizard-line{width:60px;height:2px;background:#2a2a3a}.wizard-content{display:flex;flex-direction:column;gap:16px}.wizard-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.channel-card{background:#0a0a0f;border:1px solid #2a2a3a;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.channel-card.disabled{opacity:.5}.channel-header{display:flex;align-items:center;justify-content:space-between}.channel-name{font-weight:500}.badge.coming-soon{background:#2a2a3a;color:#888}.badge.connected-badge{background:#166534;color:#22c55e}