:root{--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--accent-red:#ef4444;--a-bg:var(--bg-0);--a-surface:color-mix(in srgb, var(--bg-1) 92%, transparent);--a-border:var(--line);--a-text:var(--fg-0);--a-muted:var(--fg-2);--a-placeholder:var(--fg-3);--a-input-bg:var(--bg-0);--a-icon:var(--fg-3);--a-logo:var(--fg-0);--a-err-color:var(--err);--a-err-bg:color-mix(in srgb, var(--err) 10%, transparent);--a-err-border:color-mix(in srgb, var(--err) 35%, transparent);--a-btn-bg:var(--accent);--a-btn-hover:var(--accent);--a-btn-active:#1a5cc7;--a-check:var(--accent);--a-thm-bg:color-mix(in srgb, var(--bg-2) 88%, transparent);--a-thm-border:var(--line);--a-thm-color:var(--fg-2);--a-thm-hover:var(--bg-2);--a-accent:var(--accent);--a-logo-glow:color-mix(in srgb, var(--accent) 28%, transparent)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--a-bg);font-family:Inter,-apple-system,sans-serif;transition:background .25s;overflow:hidden}.auth-page{min-height:100vh;display:flex}.login-left{display:none}.auth-page{background:var(--a-bg);justify-content:center;transition:background .25s;position:relative}.login-right{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:48px 20px 62px;display:flex}.auth-card{width:100%;max-width:400px}.auth-logo-mark{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin-bottom:40px;display:flex}.auth-logo-img{filter:invert()brightness(.85);width:auto;height:52px;transition:filter .25s;display:block}.auth-form-box{padding:4px 0 0}.error-msg{background:var(--a-err-bg);border:1px solid var(--a-err-border);color:var(--a-err-color);border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.5;display:none}.error-msg.show{display:flex}.form-group{margin-bottom:14px}.form-group label{color:var(--a-text);margin-bottom:6px;font-size:13px;font-weight:600;line-height:1;transition:color .25s;display:block}.form-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.form-label-row label{margin-bottom:0}.input-wrapper{position:relative}.form-input{background:var(--a-input-bg);border:1px solid var(--a-border);width:100%;height:46px;color:var(--a-text);border-radius:8px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .25s,color .25s}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2f81f726}.form-input::placeholder{color:var(--a-placeholder)}.password-toggle{color:var(--a-icon);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--a-muted)}.forgot-link{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:500;text-decoration:none}.forgot-link:hover{color:var(--accent);text-decoration:underline}.btn-login{background:var(--a-btn-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:40px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.btn-login:hover:not(:disabled){background:var(--a-btn-hover)}.btn-login:active:not(:disabled){background:var(--a-btn-active)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.auth-divider{align-items:center;gap:12px;margin:20px 0 16px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--a-border);flex:1;height:1px;transition:background .25s}.auth-divider span{color:var(--a-muted);white-space:nowrap;text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;transition:color .25s}.alt-login-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.btn-alt-login{background:var(--a-input-bg);border:1px solid var(--a-border);height:40px;color:var(--a-text);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.btn-alt-login:hover{border-color:var(--accent);box-shadow:0 0 0 3px #2f81f71a}.btn-alt-login:active{background:var(--a-thm-hover)}.btn-alt-login svg{color:var(--a-icon);flex-shrink:0;transition:color .15s}.btn-alt-login:hover svg{color:var(--a-text)}.btn-alt-login--full{width:100%}@media (max-width:480px){.login-right{padding:32px 16px}.auth-card{max-width:100%}}.auth-page-header{margin-bottom:24px}.back-link{color:var(--a-muted);align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--accent)}.auth-icon-box{color:light-dark(#1d4ed8,#60a5fa);background:#2f81f71f;border:1px solid #2f81f740;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.auth-icon-box.error{background:color-mix(in srgb, var(--err) 10%, transparent);border-color:color-mix(in srgb, var(--err) 25%, transparent);color:var(--err)}.auth-form-heading{margin-bottom:24px}.auth-title{color:var(--a-text);letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:700;transition:color .25s}.auth-subtitle{color:var(--a-muted);margin:0;font-size:13px;line-height:1.6;transition:color .25s}.auth-success-card{background:color-mix(in srgb, var(--ok) 8%, transparent);border:1px solid color-mix(in srgb, var(--ok) 28%, transparent);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.auth-success-icon{color:var(--ok);flex-shrink:0;margin-top:1px}.auth-success-label{color:var(--ok);margin-bottom:3px;font-size:13px;font-weight:600}.auth-success-text{color:var(--a-muted);font-size:12px;line-height:1.55}.auth-form-footer{color:var(--a-muted);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:13px;display:flex}.auth-form-footer a{color:var(--accent);font-weight:600;text-decoration:none;transition:color .15s}.auth-form-footer a:hover{color:var(--accent);text-decoration:underline}.form-footer{text-align:center;color:var(--a-muted);margin-top:20px;font-size:13px}.form-footer a{color:var(--accent);font-weight:600;text-decoration:none}.form-footer a:hover{text-decoration:underline}.success-msg{background:color-mix(in srgb, var(--ok) 10%, transparent);border:1px solid color-mix(in srgb, var(--ok) 30%, transparent);color:var(--ok);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.5;display:none}.success-msg.show{display:flex}.success-msg svg{flex-shrink:0}
