@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#111827;background-color:#f5f5f5}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f5f5}#root{min-height:100vh}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:#f5f5f5}.login-card{width:min(520px,100%);background:#fff;border-radius:12px;box-shadow:0 12px 30px #0f172a14,0 1px 3px #0f172a1a;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.login-header{display:flex;align-items:center;gap:1rem}.login-header .logo{width:48px;height:48px;border-radius:10px;border:1px solid #e5e7eb;padding:.5rem;background:#fff}.login-eyebrow{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.login-header h1{margin:.1rem 0 0;font-size:1.9rem;color:#111827}.auth-surface{border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;min-height:220px;background:#fafafa}.loading-container{text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.loading-container p{margin:0;font-size:.95rem}.spinner{width:36px;height:36px;margin:0 auto 1rem;border-radius:50%;border:3px solid #e5e7eb;border-top-color:#2563eb;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-card{text-align:center;color:#4b5563}.state-card.error{border:1px solid #fca5a5;border-radius:8px;padding:1rem;background:#fef2f2;color:#b91c1c}.state-card code{display:block;margin-top:.5rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:#b91c1c}.sign-in-panel{display:flex;flex-direction:column;gap:1rem}.sign-in-panel__providers{display:flex;flex-direction:column;gap:.75rem}.sign-in-panel__back{align-self:flex-start;background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;padding:.25rem 0;margin-bottom:.5rem}.sign-in-panel__back:hover{text-decoration:underline}.sign-in-panel__back:disabled{color:#9ca3af;cursor:not-allowed}.sign-in-panel__legal{margin:.5rem 0 0;font-size:.8rem;color:#6b7280;text-align:center;line-height:1.5}.sign-in-panel__legal a{color:#2563eb;text-decoration:none}.sign-in-panel__legal a:hover{text-decoration:underline}.provider-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;color:#1f2937;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.provider-button:hover:not(:disabled){border-color:#cbd5f5;box-shadow:0 4px 12px #4f46e514}.provider-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.provider-button:disabled{opacity:.6;cursor:not-allowed}.provider-button__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.provider-button__icon img{width:20px;height:20px;object-fit:contain}.provider-button__label{flex:1;text-align:left}.provider-button--google{background:#fff}.provider-button[style*=--provider-color]{border-color:var(--provider-color)}.email-form{display:flex;flex-direction:column;gap:1rem}.email-form__field{display:flex;flex-direction:column;gap:.375rem}.email-form__label{font-size:.875rem;font-weight:500;color:#374151}.email-form__input{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#1f2937;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.email-form__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.email-form__input:disabled{background:#f3f4f6;cursor:not-allowed}.email-form__input::placeholder{color:#9ca3af}.email-form__error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:.875rem}.email-form__submit{padding:.875rem 1.5rem;background:#2563eb;border:none;border-radius:8px;font-size:.95rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .15s ease}.email-form__submit:hover:not(:disabled){background:#1d4ed8}.email-form__submit:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.email-form__submit:disabled{background:#93c5fd;cursor:not-allowed}.email-form__hint{margin:.5rem 0 0;font-size:.8rem;color:#6b7280;text-align:center;line-height:1.5}.email-form__hint a{color:#2563eb;text-decoration:none}.email-form__hint a:hover{text-decoration:underline}.error-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:min(480px,calc(100% - 2rem));background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 10px 25px #b91c1c26,0 4px 10px #0000001a;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-banner__content{margin-bottom:.75rem}.error-banner__message{margin:0;color:#b91c1c;font-size:.95rem;line-height:1.4}.error-banner__code{display:block;margin-top:.375rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#991b1b}.error-banner__actions{display:flex;gap:.5rem}.error-banner__button{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.error-banner__button--retry{background:#b91c1c;border:1px solid #b91c1c;color:#fff}.error-banner__button--retry:hover{background:#991b1b;border-color:#991b1b}.error-banner__button--dismiss{background:transparent;border:1px solid #fca5a5;color:#b91c1c}.error-banner__button--dismiss:hover{background:#fee2e2}.signout-complete{text-align:center;padding:1rem 0}.signout-complete__icon{width:48px;height:48px;margin:0 auto 1rem;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#059669}.signout-complete__title{margin:0 0 .5rem;font-size:1.25rem;color:#111827}.signout-complete__message{margin:0 0 .75rem;color:#4b5563;font-size:.95rem}.signout-complete__hint{margin:0;color:#9ca3af;font-size:.85rem}@media (max-width: 640px){.login-card{padding:1.75rem}.login-header h1{font-size:1.5rem}.provider-button{padding:.75rem .875rem}}