:root{--color-primary:#242b64;--color-primary-soft:#eef1fb;--color-secondary:#447dc0;--color-accent:#00cfa5;--color-accent-dark:#009c7f;--color-text:#343640;--color-muted:#656565;--color-line:#e5e5e5;--color-surface:#fff;--color-background:#f5f7fb;--shadow-panel:0 20px 60px #242b641f;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}#app{min-height:100vh}.login-page{grid-template-columns:minmax(320px,460px) minmax(280px,420px);justify-content:center;align-items:stretch;gap:32px;min-height:100vh;padding:48px 24px;display:grid}.login-panel,.status-panel{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-panel);border-radius:8px}.login-panel{flex-direction:column;justify-content:center;gap:36px;padding:42px;display:flex}.brand{align-items:center;gap:18px;display:flex}.brand-mark{background:var(--color-primary);color:#fff;border-radius:8px;flex:none;place-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:grid}.eyebrow{color:var(--color-secondary);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}h1,h2,p{margin-top:0}h1{color:var(--color-primary);letter-spacing:0;margin-bottom:0;font-size:30px;line-height:1.15}h2{color:var(--color-primary);letter-spacing:0;margin-bottom:18px;font-size:22px;line-height:1.2}.login-form{gap:18px;display:grid}.field{color:var(--color-primary);gap:8px;font-size:14px;font-weight:700;display:grid}.input-shell{border:1px solid var(--color-line);min-height:48px;color:var(--color-secondary);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.input-shell:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 3px #447dc024}.input-shell input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0}.input-shell input::placeholder{color:#8b8f9a}.primary-button{background:var(--color-accent);color:#073d35;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button:hover:not(:disabled){background:#17dcb5}.primary-button:disabled{cursor:not-allowed;opacity:.55}.recovery-link{color:var(--color-secondary);justify-self:center;font-size:14px;font-weight:700;text-decoration:none}.recovery-link:hover{text-decoration:underline}.status-panel{background:linear-gradient(180deg, #eef1fbcc, #fff), var(--color-surface);align-self:center;padding:34px}.status-panel ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.status-panel li{border-left:4px solid var(--color-accent);color:var(--color-muted);background:#fff;border-radius:6px;padding:13px 14px;font-size:15px}@media (width<=820px){.login-page{grid-template-columns:1fr;padding:24px 16px}.login-panel{padding:28px 20px}.brand{align-items:flex-start}h1{font-size:24px}.status-panel{align-self:stretch;padding:24px 20px}}