*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#e8f7ff;background:radial-gradient(ellipse at top right,#10577a,#051326 65%);font:16px/1.7 Arial,sans-serif}body:has(.login-panel){display:grid;place-items:center;padding:25px}.brand{font-size:25px;font-weight:900;text-decoration:none;letter-spacing:2px;color:white}.brand span{color:#66e4f3}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#75e5f1;margin-top:26px}h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:15px 0}.muted,p{color:#b8cfdf}.login-panel{max-width:470px;width:100%;padding:35px;border:1px solid #65dcec50;border-radius:18px;background:#091e34;box-shadow:0 30px 80px #0004}label{display:block;font-size:14px;margin:20px 0 7px}input{width:100%;padding:13px;border-radius:7px;border:1px solid #7bb3d270;background:#041528;color:#fff;font:inherit}button{display:inline-flex;justify-content:center;align-items:center;padding:12px 20px;background:#65dfed;border:1px solid #65dfed;border-radius:7px;color:#05253b;font:inherit;font-weight:bold;cursor:pointer}form>button{margin-top:24px;width:100%}.back,a{color:#7de8f4}.back{font-size:14px;text-decoration:none}.staff-note{font-size:12px;color:#95b2ca;border-top:1px solid #65dcec30;margin-top:25px;padding-top:20px}.error,.notice{padding:13px;border-radius:6px;font-size:14px}.error{background:#6d183850;color:#ffbfd0;border:1px solid #ef759755}.notice{background:#16456a60;border:1px solid #67ddeb40}.workspace{max-width:1250px;margin:auto;padding:0 5%}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #65dcec30;padding:25px 0;gap:20px}.header-actions{display:flex;align-items:center;gap:20px}.header-actions form{margin:0}.header-actions button{margin:0;width:auto}.badge{font-size:10px;letter-spacing:1px;color:#79e6f1}.workspace main{padding:45px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0}article{padding:25px;border:1px solid #65dcec30;background:#091e34bb;border-radius:12px}article h2{font-size:23px}.card-number{font-size:10px;letter-spacing:1px;color:#7ceaf4}.status{font-size:12px;padding:5px 10px;border:1px solid #7895b050;border-radius:20px;color:#b4cde0}.active{color:#80ead3;border-color:#80ead360}.secondary{background:transparent;color:#9cecf5}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #66e4f3;outline-offset:4px}@media(max-width:800px){.cards{grid-template-columns:1fr}.header-actions{gap:12px}.badge{display:none}.login-panel{padding:25px}}
/* ADE logo on staff login and dashboard */
.brand{display:inline-flex;align-items:center;gap:12px}.brand img{display:block;width:125px;height:auto}.brand .brand-text{color:#eaf8ff;line-height:1.1;font-size:25px}.brand small{display:block;font-size:7px;letter-spacing:1px;color:#a9c8dc;margin-top:6px}.login-panel>.brand{margin-bottom:8px}@media(max-width:480px){.brand img{width:105px}.brand .brand-text{font-size:22px}.brand small{font-size:6px}}

/* Accessible password visibility control */
.password-field{position:relative}.password-field input{padding-right:84px}.password-field .password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);margin:0;width:auto;min-width:62px;padding:7px 10px;background:#15384c;color:#a7f0fa;border:1px solid #67ddeb60;font-size:13px;line-height:1.4}.password-field .password-toggle:hover{background:#21516a}.password-field .password-toggle[hidden]{display:none}

/* Documents and monitoring */
select{width:100%;padding:12px;background:#041528;color:#e8f7ff;border:1px solid #7bb3d270;border-radius:7px;font:inherit}.upload-panel{padding:25px;background:#091e34;border:1px solid #65dcec40;border-radius:12px;margin:25px 0}.upload-panel>p{font-size:13px}.upload-panel form{max-width:650px}.document-summary{display:flex;flex-wrap:wrap;gap:15px 25px;margin:25px 0;font-size:14px}.table-scroll{overflow-x:auto;border:1px solid #65dcec30;border-radius:10px;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:16px;vertical-align:top;border-bottom:1px solid #65dcec25;overflow-wrap:anywhere;min-width:130px}th{background:#123047;color:#bdf5ff}td:first-child{max-width:280px}.delete-details{margin-top:15px;font-size:12px}.delete-details summary{color:#ffbdc9;cursor:pointer}.delete-details form{min-width:160px}.delete-details p{margin:8px 0}.confirm-delete{display:flex;align-items:center;gap:7px;margin:10px 0}.confirm-delete input{width:auto}.delete-details form>button{margin:8px 0;font-size:12px;padding:8px 12px}.danger{background:#6b1c36;color:#ffdde6;border-color:#ed769a60}.module-link{display:inline-block;margin-top:15px;font-weight:bold;text-decoration:none}.download-link{display:inline-block;white-space:nowrap}.header-actions>a{font-size:13px;white-space:nowrap}input[type=file]{font-size:13px}code{font-size:12px;color:#85e9f4}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.header-actions form{margin-left:auto}.upload-panel{padding:18px}}