*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh}.login-container[data-v-7f4f7056]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.login-card[data-v-7f4f7056]{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:450px;width:100%;text-align:center}h2[data-v-7f4f7056]{color:#333;margin-bottom:30px;font-size:24px}.loading-state[data-v-7f4f7056]{padding:20px}.spinner[data-v-7f4f7056]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-7f4f7056 1s linear infinite;margin:0 auto 15px}@keyframes spin-7f4f7056{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-7f4f7056]{padding:20px}.error-message[data-v-7f4f7056]{color:#e74c3c;margin-bottom:15px}.user-info[data-v-7f4f7056]{padding:10px}.user-card[data-v-7f4f7056]{display:flex;align-items:center;gap:15px;margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;text-align:left}.avatar[data-v-7f4f7056]{width:60px;height:60px;border-radius:50%}.avatar-placeholder[data-v-7f4f7056]{width:60px;height:60px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.user-details[data-v-7f4f7056]{flex:1}.user-details p[data-v-7f4f7056]{margin:5px 0;font-size:14px}.login-prompt[data-v-7f4f7056]{padding:10px}.hint[data-v-7f4f7056]{color:#666;margin-bottom:30px}.login-btn[data-v-7f4f7056]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 30px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;margin-bottom:20px}.login-btn[data-v-7f4f7056]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.logout-btn[data-v-7f4f7056],.retry-btn[data-v-7f4f7056]{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background .3s}.logout-btn[data-v-7f4f7056]:hover,.retry-btn[data-v-7f4f7056]:hover{background:#c0392b}.retry-btn[data-v-7f4f7056]{background:#3498db}.retry-btn[data-v-7f4f7056]:hover{background:#2980b9}.auth-info[data-v-7f4f7056]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:5px;text-align:left}.auth-info p[data-v-7f4f7056]{margin:0 0 10px;font-size:12px;color:#666}.auth-url[data-v-7f4f7056]{font-size:10px;word-break:break-all;color:#333}.callback-container[data-v-a86aefe0]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.callback-card[data-v-a86aefe0]{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;width:100%;text-align:center}.loading-state[data-v-a86aefe0],.error-state[data-v-a86aefe0],.success-state[data-v-a86aefe0]{padding:20px}.spinner[data-v-a86aefe0]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-a86aefe0 1s linear infinite;margin:0 auto 20px}@keyframes spin-a86aefe0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon[data-v-a86aefe0]{width:60px;height:60px;background:#2ecc71;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px}.error-message[data-v-a86aefe0]{color:#e74c3c;margin:15px 0}.action-buttons[data-v-a86aefe0]{display:flex;gap:10px;justify-content:center;margin-top:20px}.retry-btn[data-v-a86aefe0],.login-btn[data-v-a86aefe0]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.retry-btn[data-v-a86aefe0]{background:#3498db;color:#fff}.retry-btn[data-v-a86aefe0]:hover{background:#2980b9}.login-btn[data-v-a86aefe0]{background:#95a5a6;color:#fff}.login-btn[data-v-a86aefe0]:hover{background:#7f8c8d}h3[data-v-a86aefe0]{color:#333;margin-bottom:10px}p[data-v-a86aefe0]{color:#666}