:root{--cream:#fff8ed;--paper:#fffdf8;--ink:#172033;--blue:#2458d6;--navy:#173268;--orange:#f39a32;--teal:#1f9f92;--muted:#667085;--line:rgba(23,32,51,.13);--white:#fff;--shadow:0 24px 70px rgba(31,42,68,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}body{background:radial-gradient(circle at 10% 10%,rgba(246,207,85,.22),transparent 26%),radial-gradient(circle at 92% 18%,rgba(31,159,146,.15),transparent 24%),var(--cream)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px}.auth-frame{width:min(100%,1020px);display:grid;grid-template-columns:.82fr 1.18fr;background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.auth-brand{background:linear-gradient(150deg,var(--navy),#20499e);color:white;padding:48px;display:flex;flex-direction:column;justify-content:space-between;min-height:650px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(140deg,var(--orange) 0 34%,var(--teal) 34% 67%,var(--blue) 67%);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.18)}.brand-name{font-weight:900;font-size:1.08rem;line-height:1.08}.brand-name small{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.63);margin-top:5px}.auth-brand h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:.98;letter-spacing:-.055em;margin:38px 0 18px}.auth-brand p{color:rgba(255,255,255,.78);font-size:1.05rem;max-width:370px}.auth-points{display:grid;gap:12px;margin-top:28px}.auth-point{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.82);font-size:.93rem}.auth-point span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900;flex:0 0 auto}.auth-main{padding:46px 48px}.kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--blue);font-size:.75rem}.auth-main h2{font-size:2.2rem;line-height:1.02;letter-spacing:-.045em;margin:8px 0}.intro{color:var(--muted);margin:0 0 24px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#eef2fb;padding:5px;border-radius:14px;margin-bottom:22px}.mode-switch button{border:0;border-radius:10px;padding:12px;background:transparent;font-weight:850;color:var(--muted)}.mode-switch button.active{background:#fff;color:var(--ink);box-shadow:0 5px 16px rgba(31,42,68,.08)}.role-label{font-weight:800;margin-bottom:9px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.role-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;text-align:left}.role-card strong{display:block;margin-bottom:3px}.role-card small{color:var(--muted);line-height:1.3}.role-card.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,88,214,.10);background:#f7f9ff}.role-icon{font-size:1.35rem;margin-bottom:8px}.form{display:grid;gap:13px}.field{display:grid;gap:6px}.field label{font-size:.85rem;font-weight:800}.field input{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:13px 14px;outline:none}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,88,214,.10)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.full{grid-column:1/-1}.btn{border:0;border-radius:13px;padding:13px 18px;font-weight:850;min-height:50px}.btn-primary{background:var(--blue);color:white;box-shadow:0 12px 25px rgba(36,88,214,.22)}.btn-primary:hover{background:#194bc2}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.status{min-height:24px;margin-top:12px;color:var(--muted);font-size:.9rem}.status.error{color:#b42318}.status.success{color:#027a48}.role-copy{padding:12px 14px;border-radius:12px;background:#f7f9ff;color:#475467;font-size:.86rem;margin:3px 0 2px}.hidden{display:none!important}.auth-foot{margin-top:20px;font-size:.78rem;color:var(--muted);text-align:center}.auth-foot a{color:var(--blue);font-weight:750}@media(max-width:820px){.auth-frame{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:28px}.auth-brand h1{font-size:2.5rem;margin:28px 0 12px}.auth-points{display:none}.auth-main{padding:32px 26px}}@media(max-width:560px){.role-grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.auth-shell{padding:0}.auth-frame{border-radius:0;min-height:100vh}}

.dev-mode-banner{margin:0 0 18px;padding:13px 15px;border:1px solid rgba(243,154,50,.45);background:#fff7e8;border-radius:14px;display:grid;gap:3px}
.dev-mode-banner strong{font-size:.86rem;color:#8a4d08}
.dev-mode-banner span{font-size:.8rem;line-height:1.4;color:#6b5a45}
.dev-quick{border:1px dashed var(--blue);background:#f7f9ff;color:var(--blue)}
.dev-last-login{margin-top:2px}