.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;color:#333;min-width:300px}.login-container h1{margin:0 0 1rem;color:#667eea;font-size:2rem}.login-container p{margin:1rem 0;color:#666}.login-callback{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.callback-container{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;color:#333;min-width:300px}.callback-container h2{margin:0 0 1rem;color:#667eea}.error-container{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;color:#333;min-width:300px}.error-container h2{color:#e74c3c;margin:0 0 1rem}.error-container p{color:#666;margin:1rem 0}.error-container button{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:1rem}.error-container button:hover{background:#5568d3}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{width:100%;min-height:100vh}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}