:root{--aaps-navy:#0b3553;--aaps-blue:#0f628e;--aaps-sky:#2da4d7;--aaps-orange:#f36b24;--aaps-green:#1a9f70;--aaps-red:#df4d3e;--aaps-yellow:#f0ad2f;--aaps-ink:#172431;--aaps-muted:#677b8d;--aaps-bg:#f2f7fa;--aaps-line:#d8e4ed;--aaps-shadow:0 14px 38px rgba(11,53,83,.09)}
html{background:var(--aaps-bg)}body{font-family:Aptos,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;color:var(--aaps-ink)!important}
/* Shared authentication screens */
.auth-page{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 5%,rgba(45,164,215,.15),transparent 30%),radial-gradient(circle at 92% 94%,rgba(243,107,36,.10),transparent 28%),linear-gradient(135deg,#eef5f9,#f8fafc);display:grid;place-items:center;padding:24px}.auth-shell{width:min(900px,96vw);display:grid;grid-template-columns:minmax(280px,.9fr) minmax(330px,1fr);background:#fff;border:1px solid var(--aaps-line);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(11,53,83,.13)}.auth-brand-panel{position:relative;background:linear-gradient(160deg,#082f4a,#0c567d);padding:34px 30px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:470px}.auth-brand-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--aaps-orange) 0 25%,var(--aaps-sky) 25% 50%,var(--aaps-green) 50% 75%,var(--aaps-red) 75% 100%)}.auth-banner{display:block;width:210px;max-height:245px;object-fit:contain;height:auto;background:transparent;margin:0 auto 26px}.auth-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9fd6ee}.auth-brand-copy h2{font-size:31px;letter-spacing:-.03em;margin:6px 0 8px}.auth-brand-copy p{max-width:340px;font-size:13px;line-height:1.6;color:#d6e7f1;margin:0}.brand-dots{display:flex;gap:7px;margin-top:24px}.brand-dots i{width:9px;height:9px;border-radius:50%;background:var(--aaps-orange)}.brand-dots i:nth-child(2){background:var(--aaps-sky)}.brand-dots i:nth-child(3){background:var(--aaps-green)}.brand-dots i:nth-child(4){background:var(--aaps-red)}.auth-card{padding:42px 40px;background:#fff;display:flex;flex-direction:column;justify-content:center}.auth-card-head{margin-bottom:18px}.auth-card-head h1{font-size:25px;color:var(--aaps-navy);margin:8px 0 5px;letter-spacing:-.02em}.auth-card-head p,.auth-intro{font-size:12px;line-height:1.55;color:var(--aaps-muted);margin:0}.auth-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eaf4f9;color:var(--aaps-blue);font-size:8px;font-weight:900;letter-spacing:.09em}.auth-chip.staff{background:#fff0e8;color:#b95118}.auth-field{margin:10px 0}.auth-field label{display:block;font-size:10px;font-weight:750;color:#536b7d;margin-bottom:5px}.auth-field input{width:100%;box-sizing:border-box;border:1px solid #c6d7e2;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}.auth-field input:focus{outline:none;border-color:var(--aaps-sky);box-shadow:0 0 0 3px rgba(45,164,215,.13)}.auth-button{display:block;width:100%;box-sizing:border-box;border:0;border-radius:10px;background:linear-gradient(135deg,var(--aaps-blue),#1479aa);color:#fff;padding:11px 13px;font:inherit;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;margin-top:13px;box-shadow:0 6px 14px rgba(15,98,142,.18)}.auth-button.link{margin-top:16px}.auth-foot{text-align:center;font-size:10px;color:#81909c;margin-top:16px}.auth-foot a{color:var(--aaps-blue);font-weight:700}.auth-alert{border-radius:10px;padding:10px 12px;font-size:11px;line-height:1.45;margin:8px 0}.auth-alert.error{background:#fff0ef;color:#a23e34;border:1px solid #ffd2ce}.auth-alert.success{background:#eaf8f0;color:#19734f;border:1px solid #ccebd8}
/* Main staff portal */
.staff-portal-page{background:linear-gradient(180deg,#eaf3f8 0,#f8fafc 330px)!important}.staff-portal-page .top{background:linear-gradient(120deg,#082f4a,#0d5b84)!important;padding:13px 20px!important;box-shadow:0 10px 30px rgba(11,53,83,.16)!important;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--aaps-orange),var(--aaps-sky),var(--aaps-green),var(--aaps-red)) 1}.staff-brand{display:flex;align-items:center;gap:14px}.staff-brand img{width:48px;height:48px;object-fit:contain;background:transparent}.staff-brand span{font-size:15px;font-weight:850;letter-spacing:.01em;color:#fff}.staff-signout{border-radius:9px!important;padding:8px 11px!important;background:rgba(255,255,255,.08)}.staff-portal-page .wrap{max-width:1200px!important}.staff-portal-page .hero{border-radius:20px!important;border:1px solid #d2e2ed!important;background:linear-gradient(135deg,#fff 0%,#f5fbfe 72%,#fff3ea 100%)!important;box-shadow:var(--aaps-shadow)!important;position:relative;overflow:hidden}.staff-portal-page .hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--aaps-blue),var(--aaps-sky),var(--aaps-orange),var(--aaps-green))}.staff-portal-page .hero h1{color:var(--aaps-navy);font-size:27px!important}.staff-portal-page .group{background:#eaf4f9!important;color:#2e6686!important;border:1px solid #d5e8f2}.staff-portal-page .summaryCard{border-radius:15px!important;border:1px solid var(--aaps-line)!important;box-shadow:0 9px 24px rgba(11,53,83,.06)!important;position:relative;overflow:hidden}.staff-portal-page .summaryCard:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--aaps-blue)}.staff-portal-page .summaryCard.action:before{background:var(--aaps-red)}.staff-portal-page .summaryCard.good:before{background:var(--aaps-green)}.staff-portal-page .summaryCard.info:nth-child(3):before{background:var(--aaps-orange)}.staff-portal-page .summaryCard.info:nth-child(4):before{background:var(--aaps-sky)}.staff-portal-page .section{border-radius:17px!important;border:1px solid var(--aaps-line)!important;box-shadow:var(--aaps-shadow)!important}.staff-portal-page .sectionHead{padding:15px 17px!important;background:linear-gradient(180deg,#fff,#fbfdfe)}.staff-portal-page .sectionHead h2{color:var(--aaps-navy)}.staff-portal-page .item{padding:14px 17px!important}.staff-portal-page .item:hover{background:#f8fcfe!important}.staff-portal-page .btn{border-radius:9px!important;background:linear-gradient(135deg,var(--aaps-blue),#1479aa)!important}.staff-portal-page .btn.secondary{background:#fff!important;color:#355c76!important}.staff-portal-page .actionBanner{border-radius:13px!important}
/* Staff inner pages */
.staff-inner-page{background:linear-gradient(180deg,#edf5f9,#f8fafc)!important}.staff-inner-top{background:linear-gradient(120deg,#082f4a,#0d5b84)!important;padding:11px 18px!important;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--aaps-orange),var(--aaps-sky),var(--aaps-green),var(--aaps-red)) 1}.staff-inner-topin{max-width:980px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.staff-brand-mini{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff!important}.staff-brand-mini img{width:40px;height:40px;object-fit:contain;background:transparent}.staff-brand-mini span{font-size:12px;font-weight:800}.staff-back{color:#d9eaf3!important;text-decoration:none;font-size:10px!important;padding:7px 9px;border:1px solid rgba(255,255,255,.22);border-radius:8px}.staff-inner-page .wrap{margin-top:24px!important}.staff-inner-page .card,.staff-inner-page .section{border-radius:17px!important;border:1px solid var(--aaps-line)!important;box-shadow:var(--aaps-shadow)!important}.staff-inner-page .card h1,.staff-inner-page .section h1{color:var(--aaps-navy)!important}.staff-inner-page .btn{background:linear-gradient(135deg,var(--aaps-blue),#1479aa)!important;border-radius:9px!important;font-weight:750}.staff-inner-page .btn.back,.staff-inner-page .btn.secondary{background:#fff!important;color:#355c76!important}.staff-inner-page input,.staff-inner-page select,.staff-inner-page textarea{border-radius:9px!important;border:1px solid #c8d7e3!important}.staff-inner-page input:focus,.staff-inner-page select:focus,.staff-inner-page textarea:focus{outline:none;border-color:var(--aaps-sky)!important;box-shadow:0 0 0 3px rgba(45,164,215,.12)}
@media(max-width:720px){.auth-page{padding:12px}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{min-height:auto;padding:24px 22px}.auth-banner{width:155px;max-height:185px;margin:0 auto 17px}.auth-brand-copy h2{font-size:24px}.auth-card{padding:28px 22px}.staff-brand img{width:44px;height:44px}.staff-brand span{display:none}.staff-inner-topin{align-items:flex-start}.staff-brand-mini img{width:38px;height:38px}.staff-brand-mini span{display:none}}