.spinner{flex-shrink:0;color:var(--primary-orange);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--background-black: #202020;--background-table-black: #111111;--background-gray: #333333;--background-gray-hover: #292929;--divider: #444444;--primary-orange: #f0ab00;--input-field-background: #3d3d3d;--text-highlight: #f5f5f5;--text-dark-gray: #a3a3a3;--button-gray-disabled: #666666;--text-orange: #d08014;--primary-orange-light: rgba(240, 171, 0, .12);--text-red: #ee405f;--text-red-bg: rgba(238, 64, 95, .1);--text-green: #06a877;--radius: 6px;--radius-lg: 10px;--font: "Nunito", sans-serif;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-black);font-family:var(--font);color:var(--text-highlight);min-height:100vh;display:flex;align-items:center;justify-content:center;scrollbar-gutter:stable}#root{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:var(--background-table-black);border-radius:10px}*::-webkit-scrollbar-corner{background:transparent}.logo{display:block;width:200px;height:42px;margin:0 auto 28px;object-fit:contain}.card{background:var(--background-gray);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:36px 40px;width:420px;max-width:95vw}.card h1{font-size:19px;font-weight:700;margin-bottom:4px}.subtitle{font-size:13px;color:var(--text-dark-gray);margin-bottom:24px;line-height:1.55}.field-label{display:block;font-size:11px;font-weight:600;color:var(--text-dark-gray);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.input-field{width:100%;background:var(--input-field-background);border:1px solid var(--divider);border-radius:var(--radius);color:var(--text-highlight);font-size:14px;padding:11px 14px;font-family:var(--font);outline:none;transition:border-color var(--transition);margin-bottom:20px}.input-field:focus{border-color:var(--primary-orange)}.input-field::placeholder{color:var(--button-gray-disabled)}.input-field.error{border-color:var(--text-red)}.input-field:disabled{opacity:.6;cursor:not-allowed}.btn-primary{width:100%;background:var(--primary-orange);color:#1a1a1a;font-size:14px;font-weight:700;border:none;border-radius:var(--radius);padding:12px;cursor:pointer;letter-spacing:.2px;transition:background var(--transition);margin-bottom:14px;font-family:var(--font)}.btn-primary:hover:not(:disabled){background:var(--text-orange)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-banner{background:var(--text-red-bg);border:1px solid var(--text-red);border-radius:var(--radius);padding:11px 14px;margin-bottom:18px;display:flex;align-items:flex-start;gap:10px}.error-icon{flex-shrink:0;margin-top:1px}.error-text{font-size:12px;color:#f08080;line-height:1.55}.error-text strong{display:block;margin-bottom:2px;color:#f08080}.footer-note{text-align:center;font-size:11px;color:var(--button-gray-disabled);margin-top:20px;line-height:1.6}.footer-note a{color:var(--primary-orange);text-decoration:none}.footer-note a:hover{text-decoration:underline}.login-divider{display:flex;align-items:center;gap:12px;margin:4px 0 16px;color:var(--text-dark-gray);font-size:11px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--divider)}.btn-sso{width:100%;background:transparent;color:var(--text-dark-gray);font-size:13px;font-weight:500;border:1px solid var(--divider);border-radius:var(--radius);padding:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:border-color var(--transition),color var(--transition);font-family:var(--font)}.btn-sso:hover:not(:disabled){border-color:var(--text-dark-gray);color:var(--text-highlight)}.btn-sso:disabled{opacity:.6;cursor:not-allowed}.ms-icon{height:18px}.email-locked{display:flex;align-items:center;gap:10px;background:var(--input-field-background);border:1px solid var(--divider);border-radius:var(--radius);padding:10px 14px;margin-bottom:20px}.email-locked-icon{color:var(--text-green);flex-shrink:0}.email-locked-value{flex:1;font-size:13px;color:var(--text-highlight)}.email-locked-change{font-size:11px;color:var(--primary-orange);cursor:pointer;background:none;border:none;font-family:var(--font);white-space:nowrap;flex-shrink:0}.email-locked-change:hover{text-decoration:underline}.workspace-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto}.workspace-card{display:flex;align-items:center;gap:14px;width:100%;background:var(--input-field-background);border:1.5px solid var(--divider);border-radius:var(--radius);padding:13px 16px;cursor:pointer;transition:border-color var(--transition),background var(--transition);font-family:var(--font);text-align:left}.workspace-card:hover{border-color:var(--primary-orange);background:var(--background-gray-hover)}.workspace-avatar{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#1a1a1a;flex-shrink:0;letter-spacing:.5px}.workspace-info{flex:1;min-width:0}.workspace-name{font-size:13px;font-weight:600;color:var(--text-highlight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-url{font-size:11px;color:var(--text-dark-gray);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-arrow{color:var(--button-gray-disabled);flex-shrink:0;margin-left:auto;transition:color var(--transition),transform var(--transition)}.workspace-card:hover .workspace-arrow{color:var(--primary-orange);transform:translate(2px)}.workspace-card--loading{border-color:var(--primary-orange);pointer-events:none}.workspace-spinner{margin-left:auto}.info-note{font-size:11px;color:var(--button-gray-disabled);text-align:center;margin-top:-8px;margin-bottom:16px;line-height:1.5}.info-note a{color:var(--primary-orange);text-decoration:none}.info-note a:hover{text-decoration:underline}