/* Reference login composition. Scoped to the staff login. */
.auth-reference-scene {background: radial-gradient(ellipse at 100% 35%,#00457d55,transparent 50%),linear-gradient(135deg,#001020,#031b36 55%,#00101e) !important; isolation:isolate;}
.auth-reference-scene::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(145deg,transparent 15%,#008be52b 15.1%,transparent 29%),linear-gradient(20deg,transparent 16%,#00bcff66 16.1%,#0063b344 17%,transparent 22%);}
.auth-reference-scene .auth-admin-container {flex-direction:column;padding:40px 32px 20px !important;}
.auth-reference-scene .auth-admin-layout {width:min(100%,1180px);min-height:0;grid-template-columns:1fr 1.1fr;gap:32px 64px;}
.auth-reference-scene .auth-admin-language {top:0;right:0;background:#00346766;}
.auth-reference-scene .auth-admin-hero {display:block;height:auto;overflow:visible;}
.auth-reference-scene .auth-admin-brand-stage {width:min(100%,370px);margin:30px auto;}
.auth-reference-scene .auth-admin-heading {margin:24px 0;text-align:center;}
.auth-reference-scene .auth-admin-heading h1 {font-size:clamp(26px,2.6vw,38px);letter-spacing:-.025em;}
.auth-reference-scene .auth-admin-heading p {font-size:17px;line-height:1.45;color:#b5c9e7;}
.auth-reference-scene .auth-admin-card {margin:64px 0 0;min-height:0;padding:30px;border-radius:24px;border-color:#00baff;background:linear-gradient(125deg,#00213be8,#00152aeb 55%,#003253bd);box-shadow:0 20px 70px #0005,inset 0 0 30px #007dcb15;backdrop-filter:none;}
.auth-reference-card-heading {display:flex;align-items:center;gap:16px;margin-bottom:24px;}
.auth-reference-card-heading > i {display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;background:#003e7777;color:#53c9ff;font-size:28px;}
.auth-reference-card-heading h2 {margin:0 0 5px;color:#f8fbff;font-size:19px;font-weight:700;}
.auth-reference-card-heading p {margin:0;color:#a5b9d7;font-size:14px;}
.auth-reference-scene .auth-admin-card .form-label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.auth-reference-scene .auth-admin-card .auth-admin-input-wrap .form-control {min-height:60px;border:1px solid #36506b;border-radius:15px;background:#0b2036aa;color:#fff;padding-left:62px;font-size:16px;}
.auth-reference-scene #username {border-color:#00baff;}
.auth-reference-scene .auth-admin-card .auth-admin-input-wrap .form-control:focus {border-color:#00baff;box-shadow:0 0 0 3px #00baff25;}
.auth-reference-scene .auth-admin-card form .mb-3 {margin-bottom:20px !important;}
.auth-reference-scene .auth-admin-options {margin:8px 0 26px;gap:12px;font-size:14px;}
.auth-reference-scene .auth-admin-options a,.auth-reference-scene .auth-admin-support a {color:#00c0ff;}
.auth-reference-scene #btn_admin_auth {min-height:56px;border-radius:16px;background:linear-gradient(105deg,#00b9e9,#0064f5);border:1px solid #00abff;font-size:19px;box-shadow:0 6px 22px #008eff25;}
.auth-reference-scene .auth-admin-divider {margin:22px 0;color:#9fb5d2;}
.auth-reference-scene .auth-admin-sso {min-height:56px;border-color:#00bcff;border-radius:16px;font-size:16px;}
.auth-reference-scene .auth-admin-support {margin:18px 0 0;padding-top:18px;border-top:1px solid #7db5e326;font-size:14px;gap:14px;flex-wrap:wrap;}
.auth-reference-tagline {display:flex;justify-content:space-between;align-items:end;grid-column:1/-1;color:#72d9ff;font-size:11px;line-height:1.25;}
.auth-reference-tagline span:last-child {color:#d7eaff;}
.auth-reference-scene .auth-admin-pillars {position:static;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin:0;padding:22px 8px;border:1px solid #214866;border-radius:24px;background:#001225b3;}
.auth-reference-scene .auth-admin-pillar {text-align:center;border-right:1px solid #234460;padding:0 8px;}
.auth-reference-scene .auth-admin-pillar:last-child {border:0;}
.auth-reference-scene .auth-admin-pillar i {color:#00b4ff;font-size:27px;margin-bottom:10px;}
.auth-reference-scene .auth-admin-pillar strong {color:white;font-size:13px;}
.auth-reference-scene .auth-admin-pillar span {color:#a9bfdb;font-size:12px;line-height:1.25;margin-top:5px;}
.auth-reference-scene .auth-footer {position:static !important;width:100%;margin:12px 0 0;text-align:center !important;color:#8ca8c5;}
@media(max-width:900px) {
.auth-reference-scene .auth-admin-container {padding:24px 24px 12px !important;}
.auth-reference-scene .auth-admin-layout {grid-template-columns:1fr;max-width:580px;gap:18px;}
.auth-reference-scene .auth-admin-language {top:0;right:-8px;min-height:36px;font-size:12px;padding:0 12px;}
.auth-reference-scene .auth-admin-brand-stage {width:240px;max-width:65%;margin:12px auto 20px;}
.auth-reference-scene .auth-admin-heading {margin:18px -8px 0;}
.auth-reference-scene .auth-admin-heading h1 {font-size:clamp(24px,5.9vw,34px);}
.auth-reference-scene .auth-admin-heading p {font-size:16px;margin-top:8px;}
.auth-reference-scene .auth-admin-card {margin:0;padding:20px;border-radius:22px;}
.auth-reference-card-heading {gap:12px;margin-bottom:16px;}
.auth-reference-card-heading h2 {font-size:17px;}
.auth-reference-card-heading p {font-size:13px;}
.auth-reference-card-heading > i {width:50px;height:50px;}
.auth-reference-scene .auth-admin-options {font-size:12px;}
.auth-reference-scene .auth-admin-remember {gap:7px;}
.auth-reference-scene .auth-admin-support {font-size:12px;justify-content:center;}
.auth-reference-scene .auth-admin-pillars {padding:16px 0;}
.auth-reference-scene .auth-admin-pillar {padding:0 4px;}
.auth-reference-scene .auth-admin-pillar strong {font-size:11px;}
.auth-reference-scene .auth-admin-pillar span {font-size:10px;}
}
@media(max-width:360px) {.auth-reference-scene .auth-admin-container {padding-inline:14px !important;}.auth-reference-scene .auth-admin-card {padding:16px;}.auth-reference-scene .auth-admin-options {flex-wrap:wrap;}.auth-reference-card-heading p {font-size:12px;}}
.auth-reference-scene .auth-admin-pillar strong,.auth-reference-scene .auth-admin-pillar span {text-transform:none;}