:root{--blue:#082f5b;--blue2:#0b4778;--cyan:#1aa8b7;--cyan-soft:#eaf9fa;--page:#f3f7fb;--text:#172b3a;--muted:#667b8b;--line:#dce6ed;--danger:#a83232}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--page);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}.manager-login-shell{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(440px,1.1fr);min-height:100vh}.manager-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,7vw,90px);color:#fff;background:radial-gradient(circle at 80% 15%,rgba(64,194,211,.35),transparent 30%),linear-gradient(145deg,#062746,var(--blue))}.manager-brand-panel img{width:190px;filter:brightness(0) invert(1);margin-bottom:30px}.manager-brand-panel>span,.eyebrow{font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.manager-brand-panel>span{color:#9ce5ec}.manager-brand-panel h1{max-width:560px;margin:12px 0;font-size:clamp(34px,4vw,55px);line-height:1.06}.manager-brand-panel p{max-width:520px;color:rgba(255,255,255,.75);line-height:1.6}.back-site{position:absolute;top:28px;left:34px;color:#d9f7fa;text-decoration:none;font-weight:700}.security-note{display:grid;gap:4px;max-width:470px;margin-top:25px;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08)}.security-note small{color:rgba(255,255,255,.7)}.manager-login-card{display:grid;place-items:center;padding:30px}.manager-login-card>div{width:min(100%,480px);padding:clamp(25px,5vw,48px);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 22px 55px rgba(11,55,88,.1)}.eyebrow{color:var(--cyan)}h2{margin:8px 0 4px;font-size:30px}p{color:var(--muted);line-height:1.5}form{display:grid;gap:15px;margin-top:24px}label{display:grid;gap:7px;font-size:13px;font-weight:800}input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#fbfdfe;color:var(--text);font:inherit}input:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(26,168,183,.13)}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.toggle-password{position:absolute;right:6px;top:6px;width:38px;height:36px;border:0;border-radius:9px;background:var(--cyan-soft);color:var(--blue);cursor:pointer}.manager-primary{min-height:48px;border:0;border-radius:11px;background:linear-gradient(100deg,var(--blue),var(--blue2));color:#fff;font-weight:850;cursor:pointer}.manager-primary:disabled{opacity:.65;cursor:wait}.manager-link,.student-access{display:block;margin:18px auto 0;border:0;background:none;color:var(--blue2);font-weight:750;text-align:center;text-decoration:none;cursor:pointer}.student-access{padding-top:16px;border-top:1px solid var(--line);font-size:13px}.form-message{display:none;margin-top:14px;padding:11px 12px;border-radius:10px;background:#f1f7fa;color:var(--blue);font-size:13px}.form-message.show{display:block}.form-message.error{background:#fff0f0;color:var(--danger)}
@media(max-width:850px){.manager-login-shell{grid-template-columns:1fr}.manager-brand-panel{min-height:320px;padding:80px 26px 35px}.manager-brand-panel h1{font-size:34px}.manager-brand-panel img{width:145px;margin-bottom:18px}.manager-login-card{padding:18px}.back-site{left:26px}}