:root{--qlas-green:#123d2e;--qlas-green-2:#0f2e23;--qlas-gold:#f2c14e;--qlas-gold-2:#d8a928;--qlas-soft:#f6faf8;--qlas-danger:#dc3545;--qlas-warning:#f2b705;--qlas-success:#22a06b;--qlas-ink:#17382b}
body.qlas-login-page{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(242,193,78,.22),transparent 30%),linear-gradient(135deg,#0b261d 0%,#123d2e 48%,#071911 100%);min-height:100vh;color:#fff;overflow-x:hidden}
body.qlas-login-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;opacity:.25;pointer-events:none}
.qlas-login-shell{position:relative;z-index:1;width:min(1500px,calc(100vw - 44px));min-height:calc(100vh - 44px);margin:22px auto;display:grid;grid-template-columns:minmax(520px,1.18fr) minmax(430px,.82fr);gap:22px;align-items:stretch}
.qlas-brand-panel,.qlas-login-card{border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.32);backdrop-filter:blur(18px)}
.qlas-brand-panel{border-radius:34px;padding:42px;background:linear-gradient(145deg,rgba(20,78,58,.92),rgba(10,39,29,.96));overflow:hidden;position:relative}
.qlas-brand-panel:after{content:"";position:absolute;right:-150px;bottom:-180px;width:430px;height:430px;border-radius:50%;background:rgba(242,193,78,.12)}
.qlas-brand-top{display:flex;align-items:center;gap:18px;margin-bottom:26px;position:relative;z-index:1}.qlas-brand-logo{width:92px;height:92px;object-fit:contain;border-radius:50%;background:#fff;padding:9px;box-shadow:0 15px 34px rgba(0,0,0,.24)}.qlas-brand-divider{width:2px;height:56px;background:linear-gradient(transparent,var(--qlas-gold),transparent)}
.qlas-institution-block{position:relative;z-index:1;margin-bottom:34px;text-transform:uppercase;letter-spacing:.08em}.qlas-institution-block p{margin:0}.qlas-university{font-size:18px;font-weight:900;color:#fff}.qlas-library{font-size:16px;font-weight:800;color:#f7d878;margin-top:5px!important}.qlas-campus{font-size:12px;color:#dcefe7;margin-top:6px!important;letter-spacing:.05em}
.qlas-hero-copy{position:relative;z-index:1;max-width:820px}.qlas-kicker{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(242,193,78,.14);border:1px solid rgba(242,193,78,.35);color:#ffe298;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.qlas-hero-copy h1{margin:18px 0 12px;font-size:clamp(42px,4.7vw,74px);line-height:.98;font-weight:950;letter-spacing:-.055em;color:#fff}.qlas-subtitle{margin:0 0 14px;color:#f2c14e;font-size:clamp(19px,2vw,28px);font-weight:850}.qlas-description{margin:0;color:#e9f6ef;font-size:18px;line-height:1.62;max-width:780px}
.qlas-feature-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}.qlas-feature-card{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;padding:16px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.qlas-feature-card span{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(242,193,78,.18);color:#ffe19a;font-size:20px}.qlas-feature-card strong{font-size:15px;color:#fff}.qlas-feature-card small{font-size:12px;color:#cfe4da;line-height:1.35}
.qlas-security-banner{position:relative;z-index:1;margin-top:24px;display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:rgba(0,0,0,.18);border-left:4px solid var(--qlas-gold);color:#eaf7f1}.qlas-security-banner strong{color:#f9d675;white-space:nowrap}.qlas-security-banner span{line-height:1.45}
.qlas-login-panel{display:flex;align-items:center;justify-content:center}.qlas-login-card{width:100%;border-radius:34px;padding:34px;background:rgba(255,255,255,.12)}.qlas-card-header{display:flex;align-items:center;gap:16px;margin-bottom:22px}.qlas-card-logo-wrap{width:72px;height:72px;border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:0 16px 36px rgba(0,0,0,.24)}.qlas-card-logo-wrap img{width:58px;height:58px;object-fit:contain}.qlas-card-header h2{margin:0;font-size:30px;font-weight:950;letter-spacing:-.03em}.qlas-card-header p{margin:5px 0 0;color:#dbe9e2;font-size:14px}.qlas-live-time{height:auto;min-height:46px;display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 14px;border-radius:16px;background:rgba(0,0,0,.17);border:1px solid rgba(255,255,255,.12);font-size:14px}.qlas-live-time strong{color:#fff;font-weight:800}.qlas-role-indicator{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.qlas-role-pill{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.qlas-role-pill.admin{background:rgba(242,193,78,.18);color:#ffe09a;border:1px solid rgba(242,193,78,.36)}.qlas-role-pill.scanner{background:rgba(34,160,107,.16);color:#aaf0d2;border:1px solid rgba(34,160,107,.34)}
.qlas-login-form label{font-size:14px!important;color:#eef8f3!important;margin-bottom:8px!important}.qlas-field{height:58px!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.22)!important;margin-bottom:16px!important}.qlas-field input,.qlas-field select{color:#17382b!important;font-size:15px!important}.qlas-role-switch{background:rgba(0,0,0,.16);padding:6px;border-radius:18px;margin-bottom:16px}.qlas-role-switch .wpu-role-btn{border-radius:14px}.qlas-login-options{margin:4px 0 18px!important}.qlas-login-btn{height:58px!important;border-radius:18px!important;background:linear-gradient(135deg,var(--qlas-gold),var(--qlas-gold-2))!important;color:#17300f!important;font-weight:950!important;box-shadow:0 14px 30px rgba(242,193,78,.24)!important}.qlas-login-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.qlas-status-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:18px 0}.qlas-status-badge{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:800;color:#eaf8f1}.qlas-status-badge b{width:9px;height:9px;border-radius:50%;background:var(--qlas-success);box-shadow:0 0 0 5px rgba(34,160,107,.14)}.qlas-status-badge.warn b{background:var(--qlas-warning);box-shadow:0 0 0 5px rgba(242,183,5,.14)}.qlas-status-badge.ai b{background:#60a5fa;box-shadow:0 0 0 5px rgba(96,165,250,.14)}.qlas-contact-admin{padding:11px 12px;border-radius:14px;background:rgba(242,193,78,.1);border:1px dashed rgba(242,193,78,.36);color:#ffe8ac;font-size:13px;font-weight:700;text-align:center}.qlas-auth-warning{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:12px;border-radius:14px;background:rgba(0,0,0,.14);color:#e8f5ee}.qlas-auth-warning p{margin:0;font-size:13px;line-height:1.4}.qlas-footer-credit{text-align:center;margin-top:15px;color:#d5e8df;font-size:12px;line-height:1.45}
@media(max-width:1180px){.qlas-login-shell{grid-template-columns:1fr}.qlas-login-panel{align-items:stretch}.qlas-login-card{max-width:none}.qlas-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.qlas-login-shell{width:min(100vw - 24px,100%);margin:12px auto;gap:12px}.qlas-brand-panel,.qlas-login-card{border-radius:24px;padding:24px 18px}.qlas-brand-logo{width:72px;height:72px}.qlas-hero-copy h1{font-size:38px}.qlas-subtitle{font-size:18px}.qlas-description{font-size:15px}.qlas-feature-grid{grid-template-columns:1fr}.qlas-security-banner{flex-direction:column}.qlas-card-header{flex-direction:column;text-align:center}.qlas-login-options{align-items:flex-start}.qlas-role-switch{display:grid;grid-template-columns:1fr}.qlas-field{height:56px!important}}
@media print{body.qlas-login-page{background:#fff;color:#111}.qlas-login-shell{display:block;width:100%;margin:0}.qlas-login-card,.qlas-brand-panel{box-shadow:none;border:1px solid #ddd;background:#fff;color:#111}.qlas-login-panel{margin-top:12px}.qlas-login-form,.qlas-status-grid{display:none}.qlas-hero-copy h1,.qlas-university{color:#111}.qlas-subtitle,.qlas-library{color:#7a5a00}.qlas-description,.qlas-campus{color:#333}}


/* OFFICIAL ARIAL FONT OVERRIDE */
html, body, body *, input, textarea, select, button, table, th, td { font-family: Arial, Helvetica, sans-serif !important; }


/* LOGIN PAGE CLEANUP: remove Secure System Login logo box and keep access portal label readable */
.qlas-login-card .qlas-card-logo-wrap{display:none!important;}
.qlas-login-card .qlas-card-header-clean,
.qlas-login-card .qlas-card-header{justify-content:center;text-align:center;margin-bottom:18px;}
.qlas-login-card .qlas-card-header-clean > div,
.qlas-login-card .qlas-card-header > div{width:100%;}
.qlas-login-card .qlas-card-header h2{color:#ffffff!important;}
.qlas-login-card .qlas-card-header p{color:#f8e3a0!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase;font-size:13px!important;}
.qlas-hero-copy .qlas-kicker{display:none!important;}