:root{color-scheme:light;--ink:#17394a;--muted:#607d8b;--teal:#087b72;--line:#d2e5e7}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:32px 20px;display:grid;place-items:center;background:radial-gradient(ellipse at 12% 10%,#c5ece9,transparent 52%),linear-gradient(135deg,#eff8f8,#f5f5fc);color:var(--ink);font-family:var(--app-font-sans,system-ui,sans-serif);line-height:1.6}.admin-auth-shell{display:grid;grid-template-columns:.88fr 1fr;width:min(1020px,100%);border:1px solid #d0e4e7;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #153c5220}.admin-auth-brand{padding:42px;display:flex;flex-direction:column;justify-content:space-between;gap:60px;background:radial-gradient(circle at 100% 100%,#247f7a,transparent 58%),linear-gradient(135deg,#103f55,#07575c);color:white}.admin-auth-brand img{object-fit:contain;background:#ffffff1c;border:1px solid #ffffff40;padding:8px;border-radius:20px}.eyebrow{font-size:.7rem;letter-spacing:.12em;font-weight:750;color:#98dfd8;margin-top:35px}.admin-auth-brand h1{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.22;margin:16px 0;letter-spacing:-.03em}.admin-auth-brand p:not(.eyebrow){font-size:.95rem;color:#d3e9e9}.brand-footer{display:flex;align-items:center;gap:13px}.brand-footer strong{font-size:.78rem}.brand-footer small{display:block;font-size:.74rem;color:#c3dddd}.security-symbol{display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;width:36px;height:36px;flex-shrink:0}.admin-auth-card{padding:38px 40px}.auth-progress{display:flex;gap:10px;margin-bottom:22px}.auth-progress span{padding:6px 12px;border:1px solid var(--line);border-radius:30px;font-size:.74rem;color:var(--muted)}.auth-progress .current{background:#e4f5f1;color:#086b60;border-color:#afe2d6;font-weight:750}h2{font-size:1.85rem;line-height:1.2;margin:0 0 12px;letter-spacing:-.025em}.muted{color:var(--muted)}#authDescription{margin:0 0 24px;font-size:.92rem}.auth-step{display:grid;gap:10px}[hidden]{display:none!important}label{font-size:.85rem;font-weight:700;margin-top:4px}input:not([type=checkbox]){width:100%;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#f8fbfc;color:var(--ink);font:inherit;font-size:1rem;box-shadow:0 3px 0 #dcebee66;margin-bottom:7px}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #54bcae;outline-offset:3px}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.primary,.secondary{width:100%;padding:13px 16px;border:0;border-radius:12px;font-weight:700;margin-top:7px}.primary{background:#117449;color:#fff;box-shadow:0 3px 0 #095d38}.secondary{background:#e7f4f2;color:#086b60;border:1px solid #bdded9}.text-button{border:0;background:none;color:#087b72;font-size:.8rem;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.auth-footer a{font-size:.8rem;color:#087b72;text-decoration:none}.small,small{font-size:.76rem;line-height:1.5}.notice{font-size:.84rem;background:#eff8f6;border:1px solid #d3e9e3;border-radius:12px;padding:12px 14px;margin:0 0 6px}.auth-message{padding:12px 14px;background:#fff4e8;color:#814512;border:1px solid #efd5b7;border-radius:12px;font-size:.84rem;margin-bottom:18px}.setup-instructions{font-size:.82rem;margin:0;padding-left:21px}.qr-wrap{text-align:center;background:#fff}.qr-wrap img{width:200px;height:200px;max-width:100%;object-fit:contain}details{font-size:.8rem;border:1px solid var(--line);border-radius:10px;padding:10px 12px}summary{cursor:pointer;color:#0b6b66}details code{display:block;overflow-wrap:anywhere;user-select:all;font-size:.85rem}.otp-input{font-size:1.7rem!important;text-align:center;letter-spacing:.32em;font-variant-numeric:tabular-nums}.recovery-codes{display:grid;gap:7px;border:1px solid var(--line);background:#f7fafb;padding:13px;border-radius:12px}.recovery-codes code{font-size:.74rem;text-align:center;overflow-wrap:anywhere;user-select:all}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:.82rem;padding:8px 0}.checkbox-label input{width:18px;height:18px;flex-shrink:0;accent-color:#117449;margin-top:3px}@media(max-width:760px){body{padding:16px 12px}.admin-auth-shell{grid-template-columns:1fr;border-radius:20px}.admin-auth-brand{padding:22px 24px;gap:18px}.admin-auth-brand img{width:50px;height:50px;float:right}.eyebrow{margin:0 60px 9px 0;font-size:.65rem}.admin-auth-brand h1{font-size:1.65rem;margin:0}.admin-auth-brand p:not(.eyebrow){margin:10px 0 0;font-size:.82rem}.brand-footer{display:none}.admin-auth-card{padding:26px 24px}h2{font-size:1.6rem}.auth-progress{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root{--teal:#078577;--ink:#153d4c;--muted:#6b8590;--line:#dce9eb}
body{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:19px;padding:35px 24px;background:radial-gradient(ellipse at 10% 5%,#d0eeea,transparent 47%),radial-gradient(ellipse at 90% 95%,#e0e8f6,transparent 45%),#f2f6f8}
.ambient{position:fixed;z-index:-1;pointer-events:none;border:1px solid #659d9914;border-radius:50%}.ambient-one{width:680px;height:680px;left:-260px;top:-260px;box-shadow:0 0 0 50px #6dc5b605,0 0 0 100px #6dc5b605}.ambient-two{width:450px;height:450px;right:-210px;bottom:-250px}
.admin-auth-shell{position:relative;isolation:isolate;width:min(1160px,100%);grid-template-columns:1fr 1.04fr;border:1px solid #fff;border-radius:30px;box-shadow:0 30px 85px #153c521d,0 8px 0 -2px #d7e5e5,0 10px 0 -2px #a7c8c92b;background:#fff}
.admin-auth-brand{position:relative;isolation:isolate;overflow:hidden;gap:32px;padding:36px 40px;background:radial-gradient(ellipse at 0 100%,#0e7771 0,transparent 62%),linear-gradient(145deg,#082f43,#104e5a 55%,#126762);border-right:1px solid #175563}
.admin-auth-brand:after{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#b0f1df14 .7px,transparent .7px);background-size:20px 20px;mask-image:linear-gradient(transparent,#000)}
.brand-top{display:flex;align-items:center;gap:15px}.school-emblem{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border-radius:22px;background:linear-gradient(145deg,#5daaa342,#0e415b);border:1px solid #9ddcd365;box-shadow:inset 0 2px 2px #e2fff04d,0 5px 0 #06273366,0 12px 22px #001d3340}.admin-auth-brand .school-emblem img{width:60px;height:60px;background:none;border:0;border-radius:0;padding:3px}.brand-top strong{display:block;max-width:290px;font-size:.85rem;font-weight:750;line-height:1.5;letter-spacing:.04em}.brand-top span{display:block;font-size:.7rem;color:#9ec7c9;margin-top:3px;letter-spacing:.04em}
.brand-story{padding-top:5px}.admin-auth-brand .eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:.62rem;letter-spacing:.13em;color:#94d9ca;font-weight:750}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#8de3b9;box-shadow:0 0 0 4px #8de3b913}.admin-auth-brand h1{font-size:clamp(1.8rem,3.25vw,2.75rem);line-height:1.22;letter-spacing:-.035em;margin:0 0 17px;font-weight:760}.admin-auth-brand h1 em{font-style:normal;color:#a9ebd4;display:inline-block}.admin-auth-brand .brand-description{max-width:390px;font-size:.88rem;line-height:1.85;margin:0;color:#c0d9dd}
.security-features{display:grid;gap:11px}.security-feature{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #9ed5cb25;background:linear-gradient(110deg,#9bc7c813,#053e4b30);border-radius:15px;box-shadow:inset 0 1px 0 #c2f2e80a}.feature-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:12px;background:linear-gradient(140deg,#46908854,#183e5070);border:1px solid #91ddce35;box-shadow:0 3px 0 #0733434d}.feature-icon i{font-size:1.1rem;color:#a3e7d1}.security-feature>div{flex:1;min-width:0}.security-feature strong{font-size:.79rem;font-weight:680}.admin-auth-brand .security-feature p{font-size:.7rem;line-height:1.55;margin:3px 0 0;color:#a9c9ce}.security-feature>.bi{color:#7ad7b7;font-size:1rem}.brand-footer{padding-top:20px;border-top:1px solid #afd7d026;gap:11px;margin-top:auto}.brand-footer strong{font-size:.69rem;font-weight:650;color:#d7efed}.brand-footer small{font-size:.65rem;color:#a0c5c8;margin-top:3px}.security-symbol{width:32px;height:32px;color:#abdcca;border-color:#b1e1d233}.brand-orbit{position:absolute;z-index:-1;width:380px;height:380px;border-radius:50%;border:1px solid #acecde0c;right:-185px;top:50px;display:grid;place-items:center;box-shadow:0 0 0 36px #8ce1d207,0 0 0 72px #8ce1d204;transform:rotate(-15deg)}.brand-orbit i{font-size:9rem;color:#b6f1e309}
.admin-auth-card{padding:34px 40px 30px;background:radial-gradient(ellipse at 100% 0,#f0faf8,transparent 42%),#fff;min-width:0}.card-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px;font-size:.57rem;font-weight:800;letter-spacing:.095em;color:#517680}.card-kicker>span:first-child{display:flex;align-items:center;gap:7px}.card-kicker>span:first-child i{font-size:.93rem;color:#148c7c}.private-label{display:flex;align-items:center;gap:4px;font-size:.62rem;font-weight:600;letter-spacing:0;color:#468b78;background:#ebf7f0;border:1px solid #d1eadd;border-radius:20px;padding:5px 9px;white-space:nowrap}
.auth-progress{display:flex;align-items:center;gap:14px;margin-bottom:30px}.auth-progress>span{display:flex;align-items:center;gap:10px;padding:0;border:0;border-radius:0;background:none;color:#8ba0a7}.auth-progress>span.current{background:none;border:0;color:#176453}.auth-progress>span>b{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:12px;background:#f0f4f6;border:1px solid #e0e8ed;font-size:.72rem;font-weight:750;box-shadow:0 3px 0 #e8eef0}.auth-progress>span.current>b{background:linear-gradient(140deg,#149581,#0b6d60);border-color:#229b86;color:#fff;box-shadow:inset 0 1px 1px #a5ecda4d,0 3px 0 #075747,0 7px 12px #047b6619}.auth-progress>span>span{border:0;padding:0;background:none;color:inherit;font-size:.74rem;font-weight:700}.auth-progress small{display:block;color:#8da0a7;font-size:.6rem;font-weight:450;margin-top:2px}.step-connector{height:1px;flex:1;min-width:14px;max-width:42px;background:linear-gradient(90deg,#c9dfd9,#dfe8eb)}
h2{font-size:clamp(1.65rem,2.5vw,2rem);font-weight:740;line-height:1.22;letter-spacing:-.035em;margin:0 0 11px}#authDescription{font-size:.84rem;margin:0 0 25px;line-height:1.7}.auth-step{gap:9px}label{font-size:.75rem;letter-spacing:.005em;margin-top:6px}.input-shell{display:flex;align-items:center;gap:0;min-width:0;border:1px solid #d6e5e7;border-radius:13px;background:linear-gradient(#f9fcfc,#f1f7f7);box-shadow:inset 0 1px 2px #12384703,0 3px 0 #e4eeee85;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}.input-shell:focus-within{border-color:#56ad9e;box-shadow:0 0 0 3px #219d8610}.input-shell>.bi{flex-shrink:0;margin-left:15px;font-size:1.05rem;color:#70a598}.input-shell input:not([type=checkbox]){min-height:49px;padding:13px 12px;border:0;box-shadow:none;background:transparent;font-size:.85rem;margin:0;outline:none}.input-shell input::placeholder{color:#a1b3b9;font-size:.79rem}.password-toggle{display:grid;place-items:center;width:42px;min-height:46px;flex-shrink:0;color:#769a98;background:transparent;border:0;font-size:1rem;margin-right:3px;border-radius:8px}.form-note{display:flex;align-items:flex-start;gap:7px;font-size:.67rem;color:#859b9f;line-height:1.6;margin:2px 0 6px}.form-note i{color:#6ba69a;margin-top:1px}.primary{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #0c8068;background:linear-gradient(135deg,#159780,#0b705b);color:#fff;border-radius:12px;padding:14px 17px;font-size:.84rem;font-weight:750;box-shadow:inset 0 1px 0 #89e5c854,0 4px 0 #075a48,0 10px 22px #09725818;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary:active{transform:translateY(1px)}.primary .bi{font-size:1rem}.primary:disabled{transform:none}
.access-guide{border:1px solid #e1ecec;border-radius:12px;background:#f8fbfb;padding:0;margin-top:23px}.access-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:.71rem;padding:13px 14px;color:#5d7f84;font-weight:600}.access-guide>summary::-webkit-details-marker{display:none}.access-guide>summary>span{display:flex;gap:8px;align-items:center}.access-guide>summary>.bi{font-size:.6rem;transition:transform .2s}.access-guide[open]>summary>.bi{transform:rotate(180deg)}.guide-content{padding:0 16px 13px;display:grid;gap:11px}.guide-content>div{border-top:1px solid #e4ecec;padding-top:10px}.guide-content strong{font-size:.72rem;color:#315b65}.guide-content p{font-size:.7rem;color:#789197;line-height:1.7;margin:4px 0 0}.auth-footer{gap:10px 15px;margin-top:21px;padding-top:18px}.auth-footer a{display:flex;align-items:center;gap:7px;font-size:.7rem}.auth-footer .text-button{font-size:.7rem;padding:0}.session-note{display:flex;align-items:center;gap:6px;font-size:.61rem;color:#91a5ab;flex-basis:100%;margin-top:3px}.page-footnote{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:0;font-size:.62rem;color:#8ba2a9;letter-spacing:.015em;text-align:center}.page-footnote>.bi{color:#72aa99}.page-footnote>span{margin:0 3px}.notice{font-size:.77rem}.auth-message{font-size:.77rem}.setup-instructions{font-size:.77rem}.qr-wrap{border:1px solid #deece7;border-radius:15px;margin:5px auto;padding:7px;box-shadow:0 5px 18px #14554108}.recovery-codes code{font-size:.71rem}
@media(min-width:1100px) and (min-height:820px){.admin-auth-brand{padding:42px 44px;gap:35px}.admin-auth-card{padding:38px 44px}.security-feature{padding:16px}.brand-story{padding-top:10px}}
@media(max-width:900px){.admin-auth-brand{padding:30px 26px}.admin-auth-card{padding:30px 28px}.brand-top{gap:11px}.brand-top strong{font-size:.74rem}.school-emblem{width:62px;height:62px}.admin-auth-brand .school-emblem img{width:50px;height:50px}.security-feature{gap:10px;padding:12px}.security-feature>.bi{display:none}}
@media(max-width:760px){body{padding:20px 14px;gap:17px}.admin-auth-shell{grid-template-columns:1fr;width:min(530px,100%);border-radius:24px}.admin-auth-brand{padding:23px 26px;gap:22px}.brand-top strong{font-size:.7rem}.brand-top span{font-size:.62rem}.school-emblem{width:54px;height:54px;border-radius:16px}.admin-auth-brand .school-emblem img{float:none;width:46px;height:46px}.brand-story{padding:0}.admin-auth-brand .eyebrow{font-size:.55rem;margin:0 0 10px}.admin-auth-brand h1{font-size:1.9rem;margin-bottom:11px}.admin-auth-brand .brand-description{font-size:.76rem;margin:0}.security-features{grid-template-columns:repeat(3,1fr);gap:7px}.security-feature{display:flex;flex-direction:column;align-items:flex-start;gap:9px;border-radius:12px;padding:11px 10px}.feature-icon{width:29px;height:29px;border-radius:9px}.feature-icon i{font-size:.85rem}.security-feature strong{font-size:.59rem;line-height:1.5;display:block}.admin-auth-brand .security-feature p{display:none}.brand-footer{display:none}.brand-orbit{right:-200px;top:-30px}.admin-auth-card{padding:26px}.card-kicker{margin-bottom:25px;font-size:.53rem}.private-label{font-size:.58rem;padding:4px 7px}.auth-progress{margin-bottom:25px}.auth-progress>span>b{width:34px;height:34px;border-radius:10px}.auth-progress>span>span{font-size:.71rem}.auth-progress small{font-size:.56rem}h2{font-size:1.65rem}#authDescription{font-size:.8rem;margin-bottom:20px}.page-footnote{font-size:.56rem;max-width:330px}.page-footnote>span{display:none}}
@media(max-width:370px){body{padding:12px 9px}.admin-auth-brand,.admin-auth-card{padding:22px 20px}.admin-auth-brand h1{font-size:1.7rem}.card-kicker{gap:5px}.private-label{font-size:.53rem}.recovery-codes{padding:10px 6px}.recovery-codes code{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.primary,.input-shell,.access-guide>summary>.bi{transition:none}.primary:hover{transform:none}}
/* A complete viewport, with help in compact dialogs instead of page expansion. */
body{height:100dvh;min-height:0;overflow:hidden;padding:18px 22px;gap:13px}
.admin-auth-shell{height:min(820px,calc(100dvh - 65px));min-height:0}
.admin-auth-brand,.admin-auth-card{min-height:0}
.admin-auth-card{display:flex;flex-direction:column;justify-content:center}
.card-kicker{margin-bottom:22px}.auth-progress{margin-bottom:24px}
.auth-footer{margin-top:16px;padding-top:14px}.access-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;font-size:.71rem;color:#5d7f84;font-weight:600;text-align:left;flex-shrink:0;margin-top:19px}.access-guide>span{display:flex;align-items:center;gap:8px}
.auth-dialog{width:min(460px,calc(100vw - 32px));padding:30px;border:1px solid #d5e9e5;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 25px 80px #042a3a38;max-height:calc(100dvh - 28px);font-family:inherit;line-height:1.7}.auth-dialog::backdrop{background:#052e43a8;backdrop-filter:blur(5px)}.auth-dialog h3{font-size:1.3rem;letter-spacing:-.03em;margin:10px 0 20px}.auth-dialog p,.auth-dialog li{font-size:.8rem;color:#617f88}.auth-dialog code{display:block;overflow-wrap:anywhere;padding:15px;background:#edf6f3;border-radius:12px;font-size:.9rem;user-select:all}.dialog-close{position:absolute;top:10px;right:12px;border:0;background:#eef5f4;color:#52776e;border-radius:50%;width:30px;height:30px;font-size:1.4rem;line-height:1}.dialog-icon{display:grid;place-items:center;width:42px;height:42px;background:#e6f6ef;border:1px solid #c6e8d9;color:#228c71;border-radius:13px;font-size:1.3rem}.guide-tabs{display:flex;gap:6px;margin-bottom:18px}.guide-tabs button{flex:1;padding:8px 5px;border:1px solid #dce9e7;border-radius:9px;background:#f6f9f9;color:#6c898d;font-size:.68rem}.guide-tabs [aria-pressed=true]{background:#e7f6ef;color:#13745c;border-color:#b6decd}.guide-panel{min-height:190px}.guide-panel h4{font-size:.9rem;margin:0 0 12px}.guide-panel ol{padding-left:20px;margin:0}.guide-panel p{margin:10px 0}
[data-stage=enroll] #enrollForm{display:grid;grid-template-columns:1fr 160px;align-items:center;column-gap:17px;row-gap:8px}[data-stage=enroll] .setup-instructions{grid-column:1;grid-row:1;font-size:.73rem;line-height:1.8}[data-stage=enroll] .qr-wrap{grid-column:2;grid-row:1 / 3;margin:0;padding:4px}[data-stage=enroll] .qr-wrap img{width:150px;height:150px}[data-stage=enroll] #showManualSetup{grid-column:1;grid-row:2;text-align:left;font-size:.68rem}[data-stage=enroll] #enrollForm>label{grid-column:1 / -1}[data-stage=enroll] .otp-input,[data-stage=enroll] .primary{grid-column:1 / -1}
.recovery-codes{grid-template-columns:1fr 1fr;gap:9px;padding:12px}.recovery-codes code{font-size:.7rem;word-break:break-all;line-height:1.7}.admin-auth-shell[data-stage=backup] .access-guide{margin-top:14px}
@media(max-height:850px) and (min-width:761px){body{padding:14px 20px;gap:10px}.admin-auth-shell{height:calc(100dvh - 55px);max-height:780px}.admin-auth-brand{padding:30px 34px;gap:23px}.admin-auth-card{padding:24px 34px}.brand-story{padding:0}.admin-auth-brand h1{font-size:2.35rem}.security-feature{padding:12px}.brand-footer{padding-top:17px}.card-kicker{margin-bottom:18px}.auth-progress{margin-bottom:19px}h2{font-size:1.8rem}#authDescription{margin-bottom:18px;font-size:.8rem}.auth-step{gap:7px}.input-shell input:not([type=checkbox]){min-height:45px;padding:10px 12px}.primary{padding:12px 15px}.access-guide{margin-top:15px;padding:10px 12px}.auth-footer{margin-top:14px;padding-top:12px}.notice{font-size:.73rem;padding:10px 12px}.otp-input{padding:10px!important;margin-bottom:2px!important}.auth-message{font-size:.72rem;padding:8px 11px;margin-bottom:10px}}
@media(max-height:710px) and (min-width:761px){body{padding:10px 16px}.admin-auth-shell{height:calc(100dvh - 43px)}.admin-auth-card{padding:18px 28px}.admin-auth-brand{padding:24px 30px;gap:18px}.school-emblem{width:60px;height:60px}.admin-auth-brand .school-emblem img{width:48px;height:48px}.admin-auth-brand h1{font-size:2rem}.security-feature{padding:10px}.card-kicker{margin-bottom:13px}.auth-progress{margin-bottom:16px}.auth-progress small{display:none}#authDescription{margin-bottom:12px}.auth-step{gap:5px}.auth-footer{margin-top:10px;padding-top:9px}.session-note{font-size:.57rem}.access-guide{margin-top:12px;padding:9px 11px}.page-footnote{font-size:.55rem}[data-stage=enroll] #enrollForm{grid-template-columns:1fr 132px}[data-stage=enroll] .qr-wrap img{width:122px;height:122px}}
@media(max-width:760px){body{padding:12px;gap:0}.admin-auth-shell{height:calc(100dvh - 24px);max-height:930px;grid-template-rows:auto 1fr}.admin-auth-brand{padding:17px 23px;gap:0;border-right:0;border-bottom:1px solid #9ecfc72a}.brand-story,.security-features,.brand-footer{display:none}.brand-top{gap:12px}.school-emblem{width:46px;height:46px;border-radius:14px}.admin-auth-brand .school-emblem img{width:40px;height:40px}.brand-top strong{font-size:.75rem}.brand-top span{font-size:.63rem}.admin-auth-card{padding:25px;justify-content:center}.card-kicker{margin-bottom:23px}.auth-progress{margin-bottom:27px}h2{font-size:1.75rem}#authDescription{margin-bottom:23px}.auth-step{gap:10px}.access-guide{margin-top:23px}.auth-footer{margin-top:20px}.page-footnote{display:none}.auth-dialog{padding:24px}.guide-panel{min-height:190px}.recovery-codes{gap:6px;padding:10px}.recovery-codes code{font-size:.66rem}[data-stage=enroll] #enrollForm{grid-template-columns:1fr 136px;column-gap:12px}[data-stage=enroll] .qr-wrap img{width:126px;height:126px}[data-stage=enroll] .setup-instructions{font-size:.69rem;line-height:1.75}.admin-auth-shell[data-stage=enroll] .auth-progress,.admin-auth-shell[data-stage=backup] .auth-progress{margin-bottom:18px}.admin-auth-shell[data-stage=enroll] #authDescription,.admin-auth-shell[data-stage=backup] #authDescription{margin-bottom:16px}}
@media(max-width:760px) and (max-height:760px){body{padding:8px}.admin-auth-shell{height:calc(100dvh - 16px);border-radius:21px}.admin-auth-brand{padding:12px 20px}.school-emblem{width:39px;height:39px;border-radius:12px}.admin-auth-brand .school-emblem img{width:33px;height:33px}.brand-top strong{font-size:.68rem}.brand-top span{font-size:.57rem}.admin-auth-card{padding:18px 22px}.card-kicker{margin-bottom:17px}.auth-progress{margin-bottom:19px}.auth-progress small{font-size:.54rem}h2{font-size:1.6rem}#authDescription{margin-bottom:18px;font-size:.76rem}.auth-step{gap:7px}.input-shell input:not([type=checkbox]){min-height:45px}.primary{padding:12px}.access-guide{margin-top:17px;padding:10px 12px}.auth-footer{margin-top:14px;padding-top:11px}.session-note{font-size:.57rem}.notice{font-size:.71rem;padding:10px 11px;margin-bottom:3px}.otp-input{padding:9px!important;margin-bottom:2px!important}.recovery-codes{padding:8px;gap:4px}.recovery-codes code{font-size:.62rem}.checkbox-label{font-size:.73rem;padding:5px 0}[data-stage=backup] .card-kicker,[data-stage=enroll] .card-kicker{margin-bottom:13px}.auth-message{font-size:.71rem;padding:8px 10px;margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.auth-dialog::backdrop{backdrop-filter:none}}
@media(min-width:761px) and (max-height:780px){.admin-auth-brand{gap:18px;padding:25px 32px}.brand-top .school-emblem{width:60px;height:60px}.admin-auth-brand .school-emblem img{width:48px;height:48px}.admin-auth-brand h1{font-size:2rem;margin-bottom:12px}.admin-auth-brand .brand-description{font-size:.79rem;line-height:1.75}.admin-auth-brand .eyebrow{margin-bottom:11px}.security-feature{padding:10px 12px}.brand-footer{padding-top:13px}.brand-footer small{font-size:.6rem}}
@media(max-width:760px) and (max-height:780px){.auth-progress small{display:none}.auth-progress{margin-bottom:17px}.card-kicker{margin-bottom:17px}#authDescription{margin-bottom:15px;line-height:1.5}.form-note{font-size:.62rem;line-height:1.45}.input-shell{margin-bottom:5px}.auth-footer{margin-top:11px}.access-guide{margin-top:13px}.brand-orbit{display:none}}

/* Keep compact cards readable without inheriting dashboard font minimums. */
.admin-auth-card label{font-size:.81rem}.admin-auth-card .card-kicker{font-size:.64rem}.admin-auth-card .private-label{font-size:.64rem}.admin-auth-card .input-shell input{font-size:.9rem}.admin-auth-card .form-note{font-size:.73rem}.admin-auth-card .access-guide{font-size:.75rem}.admin-auth-card #authDescription{font-size:.85rem}.admin-auth-card .session-note{font-size:.65rem}.auth-progress small{font-size:.63rem}.admin-auth-card .notice{font-size:.78rem}.admin-auth-card .primary{font-size:.88rem}
@media(max-width:760px){.admin-auth-card .input-shell input{font-size:16px}.admin-auth-card .card-kicker{font-size:.58rem}.admin-auth-card .private-label{font-size:.61rem}}
.admin-auth-card .setup-instructions li{font-size:inherit;line-height:inherit}
.admin-auth-card h2{font-size:clamp(1.55rem,2.35vw,2rem);line-height:1.2}
.admin-auth-card .small{font-size:.78rem;line-height:1.6}
@media(max-width:760px) and (max-height:780px){.admin-auth-card h2{font-size:1.5rem}.admin-auth-card .setup-instructions{line-height:1.65}.admin-auth-card .auth-footer{gap:8px}.admin-auth-card .auth-footer a,.admin-auth-card #restartLogin{font-size:.7rem}.admin-auth-card .session-note{font-size:.59rem}.admin-auth-card .notice{font-size:.72rem;line-height:1.6}.admin-auth-card .secondary{font-size:.8rem;padding:10px}.admin-auth-card .checkbox-label{font-size:.72rem}}

/* Premium navy palette for every administrator authentication step. */
:root{color-scheme:dark;--ink:#edf3ff;--muted:#b0c1db;--teal:#a9ccff;--line:#304565}
body{background:radial-gradient(ellipse at 8% 8%,#173b614d 0,transparent 44%),radial-gradient(ellipse at 95% 90%,#34345c38 0,transparent 44%),linear-gradient(135deg,#060d1b,#0b1528 54%,#101a2e)}
.ambient{border-color:#7ba7d814}.ambient-one{background:#28629e0c;box-shadow:0 0 0 50px #6198d205,0 0 0 100px #6198d204}.ambient-two{background:#8870bd0a}
.admin-auth-shell{background:#101c31;border-color:#7697c448;box-shadow:0 30px 85px #00000066,0 7px 0 -2px #17283f,0 9px 0 -2px #6388b42b}
.admin-auth-brand{background:radial-gradient(ellipse at 0 100%,#14607a59 0,transparent 58%),radial-gradient(ellipse at 100% 0,#54447235 0,transparent 56%),linear-gradient(145deg,#102b50,#142746 55%,#1c2b49);border-color:#6488b13d}
.school-emblem{background:linear-gradient(145deg,#4f76a959,#192f50);border-color:#a5c4ef66;box-shadow:inset 0 2px 2px #d5e5ff24,0 5px 0 #08172d66,0 12px 22px #00000033}
.brand-top span{color:#bdcee8}.admin-auth-brand .eyebrow{color:#c0d7f4}.eyebrow>span{background:#eacb8d;box-shadow:0 0 0 4px #eacb8d20}
.admin-auth-brand h1{color:#f4f7ff}.admin-auth-brand h1 em{color:#ebcf99;background:none;-webkit-text-fill-color:currentColor}
.admin-auth-brand .brand-description{color:#c6d5e9}
.security-feature,.security-feature:nth-child(2),.security-feature:nth-child(3){background:linear-gradient(110deg,#98beed12,#0b1c342b);border-color:#aecbee29;box-shadow:inset 0 1px 0 #ecf5ff0b}
.security-feature strong{color:#eef4ff}.security-feature:nth-child(1) .feature-icon{background:linear-gradient(140deg,#3b7eaa55,#20446b38);border-color:#8ac9ef4a}.security-feature:nth-child(1) .feature-icon i,.security-feature:nth-child(1)>.bi{color:#a9dcf8}
.security-feature:nth-child(2) .feature-icon{background:linear-gradient(140deg,#6969a34d,#3f477138);border-color:#b9b9ed45}.security-feature:nth-child(2) .feature-icon i,.security-feature:nth-child(2)>.bi{color:#d1d1f5}
.security-feature:nth-child(3) .feature-icon{background:linear-gradient(140deg,#a2875640,#574c3a30);border-color:#e1c68e45}.security-feature:nth-child(3) .feature-icon i,.security-feature:nth-child(3)>.bi{color:#efd6a6}
.admin-auth-brand .security-feature p{color:#bccde5}.brand-footer{border-color:#aec8e62b}.brand-footer strong{color:#e5edfa}.brand-footer small{color:#b8c9e2}.security-symbol{color:#e8c98f;border-color:#e8c98f45}.brand-orbit{border-color:#b4c8ed12;box-shadow:0 0 0 36px #b4c8ed06,0 0 0 72px #b4c8ed04}.brand-orbit i{color:#bed5f30b}
.admin-auth-card{background:radial-gradient(ellipse at 100% 0,#34496625 0,transparent 43%),radial-gradient(ellipse at 0 100%,#1b476423 0,transparent 40%),#101c31;color:var(--ink)}
.admin-auth-card{justify-content:safe center;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#466185 #101c31}.admin-auth-card>*{flex-shrink:0}
.card-kicker{color:#b6c8e3}.card-kicker>span:first-child i{color:#b2d6ff}.private-label{color:#e4cf9f;background:#d3b67d12;border-color:#d3b67d38}
.auth-progress>span{color:#a8bbd5}.auth-progress>span>b{color:#c4d3e7;background:#192941;border-color:#3b5070;box-shadow:0 3px 0 #081426}.auth-progress small{color:#a4b6d0}.auth-progress>span.current{color:#e4efff}.auth-progress>span.current>b{color:#fff;background:linear-gradient(140deg,#355eac,#62569c);border-color:#879ed4;box-shadow:inset 0 1px 1px #d5e6ff30,0 3px 0 #20365e,0 7px 12px #00000026}.step-connector{background:linear-gradient(90deg,#48688e,#75678966)}
.admin-auth-card h2,.auth-dialog h3,.guide-panel h4{color:#edf3ff}.admin-auth-card label{color:#dbe6f6}.muted{color:var(--muted)}
input:not([type=checkbox]){color:#edf4ff;background:#0a1629;border-color:#354d70;box-shadow:inset 0 2px 5px #00000026,0 3px 0 #08122266;caret-color:#b9d8ff}
input::placeholder{color:#94aac9;opacity:1}.input-shell{border-color:#354d70;background:linear-gradient(#11213a,#0c1a2e);box-shadow:inset 0 1px 3px #00000020,0 3px 0 #08122266}.input-shell:focus-within{border-color:#8fb8eb;box-shadow:0 0 0 3px #87b6f225}.input-shell>.bi,.password-toggle{color:#b0c5e5}.input-shell input::placeholder{color:#94aac9}.password-toggle:hover{color:#eef5ff;background:#9abcf01a}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#edf4ff;caret-color:#b9d8ff;box-shadow:0 0 0 1000px #11213a inset}
.primary{color:#fff;background:linear-gradient(115deg,#315cae,#4f4f9c 64%,#65518e);border-color:#8093ca;box-shadow:inset 0 1px 0 #cee1ff33,0 4px 0 #233759,0 10px 24px #00000030}.secondary{color:#d3e3ff;background:#1c304e;border-color:#49658a}
.access-guide{background:linear-gradient(110deg,#172b45,#1e2942);border-color:#3c5071;color:#cfdef2}.auth-footer{border-color:#344660}.auth-footer a,.text-button{color:#b5d1ff}.auth-footer a:hover,.text-button:hover{color:#e1edff}.session-note{color:#9db0cc}.form-note,.form-note i{color:#b2c3dc}.page-footnote{color:#99aecb}.page-footnote>.bi{color:#d1bb92}
.notice{background:#1a2e47;border-color:#425b7e;color:#d0def1}.auth-message{background:#352919;color:#ffe0af;border-color:#886c43}.setup-instructions{color:#c6d5e9}
.qr-wrap{color-scheme:light;background:#fff;border-color:#b3c6df;box-shadow:0 5px 18px #00000026}.recovery-codes{background:#0a172b;border-color:#3b5274;color:#dce9fd}.checkbox-label input{accent-color:#719bdf}
.auth-dialog{background:linear-gradient(145deg,#15263f,#111c30);border-color:#516886;color:#edf3ff;box-shadow:0 25px 80px #00000080}.auth-dialog::backdrop{background:#020712c7}.auth-dialog p,.auth-dialog li,.guide-content p{color:#bacce4}.auth-dialog code{background:#0a172a;color:#dce9fd}.dialog-close{background:#243b5b;color:#e2ecfa}.dialog-icon{background:#253d5c;border-color:#506c91;color:#b8d5ff}.guide-tabs button{background:#172941;border-color:#3f5676;color:#c1d1e8}.guide-tabs [aria-pressed=true]{background:#334c70;color:#f2f6ff;border-color:#8ba6cc}.guide-content>div{border-color:#344c6d}.guide-content strong,summary{color:#c7ddfa}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#a7ceff}::selection{color:#fff;background:#44679c}

@media(max-width:760px) and (max-height:780px){.admin-auth-shell:is([data-stage=password],[data-stage=backup]) .card-kicker{display:none}.admin-auth-shell:is([data-stage=password],[data-stage=backup]) .auth-step{gap:5px}.admin-auth-shell[data-stage=password] input{padding:10px 12px;min-height:43px}.admin-auth-shell[data-stage=backup] .recovery-codes code{line-height:1.5}.admin-auth-shell:is([data-stage=password],[data-stage=backup]) .auth-progress{margin-bottom:12px}.admin-auth-shell:is([data-stage=password],[data-stage=backup]) .access-guide{margin-top:10px}}

@media(min-width:761px) and (max-height:780px){.admin-auth-shell:is([data-stage=password],[data-stage=enroll],[data-stage=backup]) .card-kicker{margin-bottom:12px}.admin-auth-shell:is([data-stage=password],[data-stage=enroll],[data-stage=backup]) .auth-progress{margin-bottom:12px}.admin-auth-shell:is([data-stage=password],[data-stage=enroll],[data-stage=backup]) #authDescription{margin-bottom:12px}.admin-auth-shell:is([data-stage=password],[data-stage=enroll],[data-stage=backup]) .notice{padding:8px 12px}.admin-auth-shell:is([data-stage=password],[data-stage=enroll],[data-stage=backup]) .auth-footer{margin-top:10px;padding-top:10px}}

/* Sculpted surfaces: a navy chassis, raised controls and recessed fields. */
body{background:radial-gradient(ellipse at 10% 5%,#286ba754,transparent 46%),radial-gradient(ellipse at 95% 95%,#65559f45,transparent 44%),linear-gradient(135deg,#050c19,#0c172a 55%,#0b1222)}
.ambient-one{background:radial-gradient(ellipse at 76% 73%,#8ec8f180 0,#3a72ab60 22%,#142c4d 52%,#071324 78%);border-color:#b6ddf76b;box-shadow:inset -12px -15px 30px #8ecbfa38,inset 4px 6px 18px #e0f3ff38,inset -30px -35px 75px #03112666,0 0 20px #77bafb24,0 0 65px #4196ef30,0 0 125px #286fcd1f,0 0 0 35px #77b6ef08,0 0 0 72px #4b8fdb05}
.ambient-two{background:radial-gradient(ellipse at 28% 22%,#b6a6dc78 0,#756cac63 23%,#28334f 50%,#0a152a 78%);border-color:#dbd8ff80;box-shadow:inset 2px 3px 12px #fff0d652,inset 13px 16px 35px #b8aeed42,inset -25px -30px 65px #020817a6,0 0 18px #d8cafa24,0 0 65px #9b83db38,0 0 120px #6d65d026}
.admin-auth-shell{border-color:#92abc562;box-shadow:inset 0 1px 0 #edf5ff30,0 2px 0 #425472,0 7px 0 #17253c,0 9px 0 #65779755,0 20px 26px -10px #000000a8,0 38px 85px #00000070}
.admin-auth-shell::after{content:'';position:absolute;inset:0;z-index:2;border:1px solid #dce9ff12;border-top-color:#d8e7ff48;border-left-color:#c1d9ff29;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 4px #060e1a20}
.admin-auth-brand{box-shadow:inset 1px 1px 0 #e6f1ff26,inset -1px 0 0 #00000070,inset 0 -18px 25px -22px #000000b3;perspective:1000px}
.admin-auth-card{background:radial-gradient(ellipse at 100% 0,#5d759333,transparent 50%),linear-gradient(150deg,#14243d,#101c31 53%,#0d192d);box-shadow:inset 1px 0 0 #a2c4ee20,inset 0 1px 0 #edf5ff26,inset 0 -12px 24px -23px #000000c0}
.school-emblem{background:none;border:0;border-radius:0;box-shadow:none;transform:none}
.admin-auth-brand .school-emblem img{width:100%;height:100%;padding:0;filter:drop-shadow(0 5px 5px #00000045)}
.admin-auth-brand h1{text-shadow:0 2px 0 #07172c75,0 5px 15px #00000024}.admin-auth-brand h1 em{text-shadow:0 1px 0 #fff0cb25,0 3px 0 #66533255,0 6px 16px #00000030}
.security-features{gap:15px;perspective:900px}
.security-feature,.security-feature:nth-child(2),.security-feature:nth-child(3){background:linear-gradient(160deg,#335274d4,#1b3354df 50%,#192b47e8);border-color:#8aa6c24d;box-shadow:inset 0 1px 0 #e9f4ff38,inset 1px 0 0 #d8e9ff12,inset 0 -2px 3px #060f2270,0 4px 0 #0d2138,0 5px 0 #6882a135,0 10px 18px #00000024;transition:transform .2s ease,box-shadow .2s ease}
.feature-icon{box-shadow:inset 0 1px 0 #f5f8ff3b,inset 0 -2px 3px #030b2270,0 3px 0 #08182c,0 6px 8px #00000033}.feature-icon i{text-shadow:0 2px 1px #06172e}
.brand-orbit{width:440px;height:440px;right:-235px;top:70px;border:22px solid #657eac26;background:radial-gradient(circle at 35% 25%,#657fa417,#0d1b3433 75%);box-shadow:inset 5px 6px 8px #03091966,inset -2px -2px 5px #c1d6fa13,3px 6px 0 #06142845,0 0 0 2px #aac6ed12,0 0 0 32px #708bb510,0 0 0 34px #a5c5f30a;transform:perspective(700px) rotateY(-22deg) rotateX(12deg) rotateZ(-20deg)}
.brand-orbit i{color:#b8ccef13;text-shadow:1px 3px 0 #06142c42}
.private-label{background:linear-gradient(145deg,#4e463028,#171e30);border-color:#d0b88752;box-shadow:inset 0 1px 0 #ffe2a82b,0 3px 0 #071426,0 5px 8px #00000026}
.auth-progress>span>b{background:linear-gradient(145deg,#2c4161,#182943);box-shadow:inset 0 1px 0 #dceaff36,inset 0 -2px 3px #020a1c66,0 4px 0 #09162a,0 7px 10px #0000002b}
.auth-progress>span.current>b{background:linear-gradient(145deg,#5276b8,#415b99 50%,#665591);box-shadow:inset 0 2px 2px #d5e6ff5c,inset 0 -2px 3px #17275380,0 4px 0 #1c2e50,0 5px 0 #a1b3da38,0 9px 15px #00000040}
.input-shell,input:not([type=checkbox]){border-top-color:#081327;border-left-color:#213552;border-bottom-color:#5974967a;box-shadow:inset 0 3px 7px #00000066,inset 0 1px 0 #00000050,0 1px 0 #91afd52e}
.input-shell input:not([type=checkbox]){box-shadow:none}
.input-shell:focus-within{border-color:#8fb8eb;box-shadow:inset 0 2px 5px #00000045,0 0 0 3px #87b6f225,0 1px 0 #bedaff33}
.primary{background:linear-gradient(170deg,#446bb3,#345497 46%,#514a85);border-color:#9bb4de8c;border-bottom-color:#52668f;box-shadow:inset 0 2px 1px #dbeaff4d,inset 0 -3px 5px #16284380,0 5px 0 #172944,0 6px 0 #6481ac7a,0 11px 18px #00000040;text-shadow:0 1px 1px #0c2046;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 4px #13264766,0 2px 0 #172944,0 3px 0 #6481ac55,0 5px 8px #00000026}
.access-guide,.secondary{background:linear-gradient(160deg,#273d5b,#1b2b44);border-top-color:#7894ba75;border-bottom-color:#172842;box-shadow:inset 0 1px 0 #daeaff24,inset 0 -2px 3px #030b1c40,0 3px 0 #09172a,0 7px 12px #00000024}
.auth-dialog{box-shadow:inset 0 1px 0 #dbeaff33,0 6px 0 #142540,0 8px 0 #7895bc38,0 30px 85px #000000a6}.dialog-icon{box-shadow:inset 0 1px 0 #e2eeff40,0 3px 0 #10203a,0 7px 10px #00000040}.guide-tabs [aria-pressed=true]{box-shadow:inset 0 1px 0 #e4f0ff36,0 3px 0 #101c30}
@media(hover:hover) and (pointer:fine){.security-feature:hover{transform:translateY(-3px) rotateX(2deg);box-shadow:inset 0 1px 0 #e9f4ff45,inset 0 -2px 3px #060f2270,0 6px 0 #0d2138,0 8px 0 #6882a129,0 15px 23px #00000036}.primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.primary:active:not(:disabled){transform:translateY(3px)}}
@media(max-width:760px){.school-emblem{transform:none}.admin-auth-shell{box-shadow:inset 0 1px 0 #edf5ff30,0 4px 0 #17253c,0 6px 0 #65779744,0 15px 35px #00000066}.admin-auth-brand{box-shadow:inset 0 1px 0 #e6f1ff26,inset 0 -1px 0 #00000066}.admin-auth-card{box-shadow:inset 0 1px 0 #a2c4ee20}}
@media(prefers-reduced-motion:reduce){.school-emblem,.security-feature,.primary{transition:none}.school-emblem:hover,.security-feature:hover,.primary:hover:not(:disabled),.primary:active:not(:disabled){transform:none}}

.google-login-options{margin:20px 0 4px}
.google-login-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px;padding:11px 16px;border:1px solid #747775;border-radius:22px;background:#fff;color:#1f1f1f;font:500 14px/20px Arial,sans-serif;letter-spacing:.25px;text-decoration:none;cursor:pointer}
.google-login-button svg{flex:0 0 20px}
.google-login-button:hover{background:#f2f2f2;color:#1f1f1f}
.google-login-button:focus-visible{outline:3px solid #a8c7fa;outline-offset:3px}
.google-login-button:disabled{cursor:not-allowed;background:#e3e3e3;color:#444746}
.google-login-help{margin:10px 4px 0;color:#b8c9df;font-size:12px;line-height:1.55;text-align:center}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#a9bdd5;font-size:11px}
.auth-divider::before,.auth-divider::after{content:'';height:1px;background:#8aa6c240;flex:1}

/* Soft studio lighting stays behind the content and never animates. */
.admin-auth-brand{background:radial-gradient(ellipse at 8% 15%,#5a8fbe2b,transparent 48%),radial-gradient(ellipse at 0 100%,#227f943d,transparent 56%),radial-gradient(ellipse at 100% 0,#8c729b20,transparent 48%),linear-gradient(145deg,#102b50,#162c4b 55%,#1a2843)}
.admin-auth-brand::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(120deg,#d5e9ff0d,transparent 25%,transparent 67%,#e5c99208);border-top:1px solid #c7def53d}
.admin-auth-card{background:radial-gradient(ellipse at 100% 0,#8f9eae20,transparent 46%),radial-gradient(ellipse at 0 100%,#267e9e12,transparent 46%),linear-gradient(150deg,#14243d,#101c31 53%,#0d192d)}
.admin-auth-shell::after{border-top-color:#d2d5c570;border-left-color:#b7d7fa3d;box-shadow:inset 0 0 0 4px #060e1a20,inset 0 1px 0 #fff4d019}

/* Complete login view: wider identity panel, compact form, diffuse lighting. */
body{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:12px 22px;gap:8px;background:radial-gradient(ellipse at 12% 18%,#295a854d,transparent 52%),radial-gradient(ellipse at 90% 82%,#75648c30,transparent 50%),linear-gradient(135deg,#071323,#102039 56%,#0c1628)}
.ambient,.brand-orbit{display:none}
.admin-auth-shell{width:min(1240px,100%);grid-template-columns:minmax(0,1.2fr) minmax(390px,1fr);height:min(800px,calc(100dvh - 56px));overflow:visible}
.admin-auth-brand{border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0;padding:30px 38px;gap:22px;background:radial-gradient(ellipse at 8% 14%,#649dbe2b,transparent 58%),radial-gradient(ellipse at 95% 90%,#93807824,transparent 55%),linear-gradient(145deg,#163959,#152b46)}
.admin-auth-card{border-radius:inherit;border-top-left-radius:0;border-bottom-left-radius:0;padding:22px 30px;overflow:visible;justify-content:center;gap:0;background:linear-gradient(150deg,#142339,#0c192c)}
.admin-auth-card .card-kicker{margin-bottom:10px}
.admin-auth-card .auth-progress{margin-bottom:12px}
.admin-auth-card #authTitle{font-size:28px;line-height:1.2;margin:0 0 7px}
.admin-auth-card #authDescription{font-size:14px;line-height:1.45;margin:0 0 8px;color:#c7d6e8}
.admin-auth-card .google-login-options{margin:7px 0 0}
.admin-auth-card .google-login-button{min-height:44px;padding:9px 14px}
.admin-auth-card .google-login-help{font-size:12px;line-height:1.4;margin:7px 0 0;color:#bfcee0}
.admin-auth-card .auth-divider{font-size:12px;line-height:18px;margin:9px 0}
.admin-auth-card .auth-step{gap:6px}
.admin-auth-card label{font-size:14px;line-height:20px;margin:2px 0 0;color:#e0e9f5}
.admin-auth-card .input-shell{margin-bottom:3px}
.admin-auth-card .input-shell input:not([type=checkbox]){min-height:44px;padding:10px 12px;font-size:16px;line-height:22px}
.admin-auth-card .input-shell input::placeholder{font-size:14px;color:#b8c9df}
.admin-auth-card .password-toggle{min-height:44px}
.admin-auth-card .form-note{font-size:12px;line-height:1.4;margin:3px 0;color:#c1cfe1}
.admin-auth-card .primary{min-height:44px;padding:10px 14px;margin-top:5px;font-size:15px;line-height:20px}
.admin-auth-card .access-guide{min-height:40px;padding:9px 12px;margin-top:12px;font-size:14px;line-height:20px}
.admin-auth-card .auth-footer{gap:5px 12px;margin-top:12px;padding-top:10px}
.admin-auth-card .session-note{font-size:11px;line-height:16px;margin:0;color:#b9cbe0}
.admin-auth-card .auth-footer a{font-size:12px;line-height:18px}
.admin-auth-card .auth-message{margin-bottom:8px;padding:8px 10px}
.page-footnote{color:#b8c9de}
@media(min-width:761px) and (max-height:740px){
 .admin-auth-shell{height:calc(100dvh - 50px)}
 .admin-auth-card{padding:16px 28px}
 .admin-auth-card .card-kicker{margin-bottom:8px}
 .admin-auth-card .auth-progress{margin-bottom:10px}
 .admin-auth-brand{padding:25px 32px;gap:16px}
 .security-features{gap:12px}
 .security-feature{padding:11px 13px}
}
@media(max-width:760px){
 body{padding:10px;gap:0}
 .admin-auth-shell{width:min(530px,100%);grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 20px);max-height:none}
 .admin-auth-brand{padding:14px 22px;border-radius:24px 24px 0 0}
 .admin-auth-card{padding:20px 22px;border-radius:0 0 24px 24px}
 .admin-auth-card .card-kicker{margin-bottom:12px}
 .admin-auth-card .auth-progress{margin-bottom:14px}
}
@media(min-width:761px) and (max-height:600px){.admin-auth-shell{height:auto;min-height:calc(100dvh - 50px)}}