@import url("adaa-foundation.css");

:root{--bg:#f6f8f9;--panel:#fff;--soft:#eef4f3;--text:#172127;--muted:#65747c;--line:#dce4e8;--brand:#087c72;--brand2:#0d5c57;--ok:#14804a;--warn:#ad6800;--bad:#bd3545;--nav-width:17.5rem;--content-width:1360px;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--control:2.875rem}
html[data-theme=dark]{--bg:#0d1518;--panel:#142024;--soft:#1b2a2f;--text:#eff7f6;--muted:#a8b8bd;--line:#293b40;--brand:#389476;--brand2:#92e2d7;--ok:#5ad391;--warn:#f4b84c;--bad:#ff7686}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg)!important;color:var(--text)!important;font-family:Tajawal,system-ui,sans-serif}.app{display:grid;min-height:100vh}.side{position:sticky;top:0;display:flex;flex-direction:column;border-inline-end:1px solid var(--line);z-index:20}.main{min-width:0}.content-area{display:block!important;min-height:0!important;padding:0!important}.top{display:flex;align-items:center;justify-content:space-between}.top-actions{display:none}.nav-backdrop{border:0}
.hero,.admin-hero{background:var(--panel);border:1px solid var(--line);color:var(--text)}.hero{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero h2{color:var(--brand)}.quick-icon,.section-icon{display:grid;place-items:center;background:var(--soft);color:var(--brand);border-radius:.75rem}.quick-icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shortcuts{display:grid}.quick{display:block;background:var(--panel);border:1px solid var(--line);color:var(--text);text-decoration:none}.quick:hover{border-color:var(--brand);color:var(--text)}
.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);min-height:44px;border-radius:.75rem;cursor:pointer;font-family:inherit}.avatar{width:40px;height:40px;border-radius:.75rem;display:grid;place-items:center;background:var(--brand);font-weight:900}.user{display:flex;gap:.7rem;align-items:center}.saas-muted{color:var(--muted)!important}.primary{background:var(--brand);border:0;border-radius:.75rem;text-decoration:none;font-weight:800}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0}
.admin-table-card,.admin-section-card{background:var(--panel)!important;border-color:var(--line)!important}.admin-table{color:var(--text)!important}.admin-table th,.admin-table td{border-color:var(--line)!important}.admin-table thead th{background:var(--soft)!important;color:var(--muted)!important}.form-control,.form-select{background-color:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}.form-control:focus,.form-select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)!important}.admin-page-header{padding-top:1.5rem!important}.btn-admin.is-success,.submit-btn{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}html[data-theme=dark] .btn-admin.is-success,html[data-theme=dark] .submit-btn{color:#062b28!important}
.form-control[type=number],.form-control[type=file]{color-scheme:inherit;transition:border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)!important}.form-control[type=file]::file-selector-button{background:var(--soft)!important;color:var(--text)!important;border-color:var(--line)!important;transition:none!important}
body{overflow-x:hidden}.app{grid-template-columns:var(--nav-width) minmax(0,1fr)}
.side{height:100dvh;padding:0 1rem 1.25rem;overflow:hidden;background:var(--panel)}
.logo{display:block;width:13.5rem;max-width:100%;height:6.25rem;margin:1rem auto .75rem;object-fit:contain}
.mobile-nav-toggle{display:none;width:var(--control);height:var(--control);border:1px solid var(--line);border-radius:.75rem;background:var(--panel);color:var(--text);align-items:center;justify-content:center;cursor:pointer;flex:none}
.mobile-nav-toggle svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.side-menu-content{display:flex;min-height:0;flex:1;flex-direction:column;direction:inherit;text-align:start}.nav{display:grid;gap:var(--s1)}
.nav a,.side-utilities .icon-btn,.side-logout .logout{width:100%;min-height:var(--control);padding:.7rem .875rem;border:1px solid transparent;border-radius:.75rem;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-decoration:none;font-family:Tajawal,system-ui;font-size:.88rem;line-height:1.4;font-weight:700;box-shadow:none}
.nav a:hover,.nav a.active,.side-utilities .icon-btn:hover,.side-logout .logout:hover{background:var(--soft);color:var(--brand)}.nav a.active{border-color:color-mix(in srgb,var(--brand) 16%,var(--line))}
.nav svg,.side-utilities svg,.side-logout svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side-actions{display:grid;gap:var(--s1);margin-top:var(--s5)}.side-utilities{display:grid;gap:var(--s1)}.side-logout{margin-top:auto}.side-foot{margin-top:var(--s3);padding-top:.9rem;border-top:1px solid var(--line)}
.avatar,.primary{color:#fff}html[data-theme=dark] .avatar,html[data-theme=dark] .primary{color:#062b28}
.main{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 clamp(1.5rem,3vw,3rem)}.top{min-height:6.25rem;margin:0;gap:var(--s4)}.top h1{font-size:1.5rem;line-height:1.25}.top p{font-size:.875rem}.top-actions{display:none}
.hero{min-height:10rem;padding:var(--s6);border-radius:1.25rem;box-shadow:0 12px 36px color-mix(in srgb,var(--text) 8%,transparent)}.hero h2{font-size:clamp(1.45rem,2vw,1.8rem);line-height:1.3;letter-spacing:-.015em;text-wrap:balance}.hero p{font-size:.9rem}.primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding-inline:1.25rem}
.section-head{margin:var(--s6) 0 .875rem}.section-head h2,.divider-label{font-size:1.05rem}.shortcuts,.admin-sections{grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem}.quick,.admin-section-card{min-width:0;padding:1.125rem;border-radius:1rem}.quick-icon,.section-icon{width:2.75rem;height:2.75rem}.quick h3,.admin-section-card h3{margin:var(--s4) 0 .3rem;font-size:.95rem}.quick p,.admin-section-card p{font-size:.8rem;line-height:1.7}.section-icon svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-table-card{max-width:100%;overflow-x:auto;border-radius:1rem}.admin-table{min-width:42rem}.admin-table th,.admin-table td{padding:.8rem 1rem}.admin-table th{font-weight:800}
.nav a,.side-utilities .icon-btn,.side-logout .logout,.mobile-nav-toggle,.primary,.quick,.admin-section-card{transition:background-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}
.nav-backdrop{display:none}
@media(max-width:1100px) and (min-width:992px){:root{--nav-width:14rem}.side{padding-inline:.75rem}.logo{width:10.75rem;height:5.5rem}.nav a,.side-utilities .icon-btn,.side-logout .logout{padding-inline:.7rem;font-size:.82rem;gap:.55rem;justify-content:flex-start}.nav a span{display:inline!important}.side-foot{display:block!important}.main{padding-inline:1.5rem}.shortcuts,.admin-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:1.5rem}}
@media(max-width:991.98px){
 body.nav-open{overflow:hidden}.app{display:block;padding:0}.side{height:4.5rem;min-height:4.5rem;position:sticky;top:0;z-index:30;overflow:visible;display:flex;flex-direction:row;align-items:center;padding:.35rem .75rem;border:0;border-bottom:1px solid var(--line)}
 .logo{width:9rem;height:3.75rem;max-width:calc(100% - 4rem);margin:0}.mobile-nav-toggle{display:inline-flex;margin-inline-start:auto}.side.is-open .mobile-nav-toggle{background:var(--soft);color:var(--brand)}
 .side-menu-content{display:none;position:fixed;z-index:32;top:5rem;inset-inline:.5rem;max-height:calc(100dvh - 5.5rem);overflow-y:auto;overscroll-behavior:contain;padding:.65rem;background:var(--panel);border:1px solid var(--line);border-radius:1rem;box-shadow:0 20px 55px #0005;direction:inherit;text-align:start}.side.is-open .side-menu-content{display:flex}
 .nav{gap:.2rem}.nav a,.nav a:nth-child(n){display:flex;width:100%;min-height:44px;padding:.7rem .875rem;justify-content:flex-start}.nav a span{display:inline}.side-actions{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--line)}.side-logout{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--line)}.side-foot{display:block;margin-top:.65rem;padding:.85rem .25rem .25rem}
 .nav-backdrop{position:fixed;z-index:29;inset:4.5rem 0 0;background:#0007}.nav-backdrop.is-visible{display:block}
 .main{width:100%;padding:0 .75rem 3rem}.top{min-height:4.5rem}.top h1{font-size:1.2rem}.top p{max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}
 .hero{min-height:0;padding:1.25rem;gap:var(--s4);border-radius:1rem}.hero h2{font-size:1.35rem}.hero p{font-size:.82rem}.primary{width:100%}.shortcuts,.admin-sections{grid-template-columns:1fr;gap:.65rem}.quick,.admin-section-card{display:grid;grid-template-columns:2.75rem minmax(0,1fr);column-gap:.875rem;align-items:center;padding:.875rem}.quick-icon,.section-icon{grid-row:1/3}.quick h3,.admin-section-card h3{margin:0 0 .2rem}.section-head,.divider-label{margin-top:1.5rem}.admin-table{min-width:35rem}
}
@media(max-width:360px){.side{padding-inline:.5rem}.logo{width:7.75rem}.main{padding-inline:.6rem}.hero h2{font-size:1.2rem}.quick,.admin-section-card{border-radius:.875rem}}
@media(max-width:650px){.nav{margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){.nav a,.side-utilities .icon-btn,.side-logout .logout,.mobile-nav-toggle,.primary,.quick,.admin-section-card{transition:none}}

/* Upload workflow */
.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.breadcrumb-trail{color:var(--muted)}.breadcrumb-trail a{color:var(--muted)}
.admin-table-card{box-shadow:none!important}.admin-table-card>.divider-label{margin-top:0}.admin-table-card table{margin-bottom:0}.admin-table td,.admin-table th{vertical-align:middle}.admin-pill{white-space:nowrap}.wp-actions{display:flex;justify-content:flex-end;align-items:center;gap:.4rem}.wp-actions form{margin:0}.confirm-btn,.btn-admin{min-height:40px;display:inline-flex;align-items:center;justify-content:center}.pagination{gap:.25rem}.page-link{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}.page-item.active .page-link{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}
@media(max-width:640px){.admin-page-header{align-items:flex-start}.admin-page-header h1{font-size:1.35rem}.admin-table-card.p-4,.admin-table-card.p-md-5{padding:1rem!important}#uploadForm .col-12>div[style]{flex:0 0 100%!important;max-width:100%!important}.admin-table-card{overflow-x:auto}.wp-actions{min-width:15rem}.confirm-btn,.btn-admin{min-height:44px}.modal-dialog{margin:.75rem}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared component vocabulary for the approved application design */
.admin-sections{display:grid}.admin-section-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1.125rem;color:var(--text);text-decoration:none}.admin-section-card:hover{border-color:var(--brand);color:var(--text)}.admin-section-card h3{margin:1rem 0 .3rem;font-size:.95rem;color:var(--text)}.admin-section-card p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.7}.divider-label{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:800}.admin-table-card{background:var(--panel);border:1px solid var(--line);border-radius:1rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.8rem 1rem;border-top:1px solid var(--line)}.admin-table thead th{border-top:0}.admin-empty{padding:2rem;text-align:center;color:var(--muted)}.admin-pill{display:inline-block;padding:.3rem .6rem;border-radius:999px;background:var(--soft);font-size:.72rem;font-weight:800}.admin-pill.is-success{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.admin-pill.is-warning{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}
/* Exact Home parity with the approved preview */
.hero:after{left:-70px;right:auto;inset-inline-end:auto}
.nav a:focus-visible,.side-utilities .icon-btn:focus-visible,.side-logout .logout:focus-visible,.mobile-nav-toggle:focus-visible,.primary:focus-visible,.quick:focus-visible,.admin-section-card:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px}.nav a:active,.side-utilities .icon-btn:active,.side-logout .logout:active,.primary:active{transform:translateY(1px)}.user{min-width:0}.user>div:last-child{min-width:0}.user b,.user .saas-muted{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick h3,.quick p,.admin-section-card h3,.admin-section-card p{overflow-wrap:anywhere}@media(hover:none){.quick:hover,.admin-section-card:hover{transform:none;box-shadow:none}}
.hero:after{content:"";position:absolute;width:260px;height:260px;border:50px solid color-mix(in srgb,var(--brand) 12%,transparent);border-radius:50%;inset-inline-end:-70px;top:-100px;pointer-events:none}.hero>div,.hero>.primary{position:relative;z-index:1}.hero h2{margin:0 0 .5rem}.hero p{margin:0;color:var(--muted)}.quick h3{color:var(--text)}.quick p{margin-bottom:0;color:var(--muted)}

/* Approved application design */
.hero{box-shadow:none;background:transparent;border-color:var(--line)}
.hero:after{display:none}
.hero-motif{position:absolute;z-index:0;inset:0;width:100%;pointer-events:none;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='150' viewBox='0 0 220 150'%3E%3Cg fill='%238b9294'%3E%3Cpath d='M18 4C31 13 38 23 38 34c0 12-9 21-20 21S-2 46-2 34C-2 23 5 13 18 4Z'/%3E%3Cpath d='M82 18c13 9 20 19 20 30 0 12-9 21-20 21s-20-9-20-21c0-11 7-21 20-30Z'/%3E%3Cpath d='M148 2c13 9 20 19 20 30 0 12-9 21-20 21s-20-9-20-21c0-11 7-21 20-30Z'/%3E%3Cpath d='M204 31c11 8 17 17 17 26 0 11-7 18-17 18s-17-7-17-18c0-9 6-18 17-26Z'/%3E%3Cpath d='M48 79c12 9 19 18 19 29 0 11-8 20-19 20s-19-9-19-20c0-11 7-20 19-29Z'/%3E%3Cpath d='M119 91c12 9 19 18 19 29 0 11-8 20-19 20s-19-9-19-20c0-11 7-20 19-29Z'/%3E%3Cpath d='M185 86c12 9 19 18 19 29 0 11-8 20-19 20s-19-9-19-20c0-11 7-20 19-29Z'/%3E%3C/g%3E%3Cg fill='%2312a97a'%3E%3Cpath d='M116 36c12 9 19 18 19 29 0 11-8 20-19 20s-19-9-19-20c0-11 7-20 19-29Z'/%3E%3Cpath d='M15 105c11 8 17 17 17 26 0 11-7 18-17 18s-17-7-17-18c0-9 6-18 17-26Z'/%3E%3C/g%3E%3Cg fill='none' stroke='%238b9294' stroke-width='5'%3E%3Cpath d='M51 8c12 9 19 18 19 29 0 11-8 20-19 20S32 48 32 37c0-11 7-20 19-29Z'/%3E%3Cpath d='M157 70c12 9 19 18 19 29 0 11-8 20-19 20s-19-9-19-20c0-11 7-20 19-29Z'/%3E%3C/g%3E%3C/svg%3E");background-size:13.75rem 9.375rem;background-repeat:repeat;background-position:center}
.hero-motif svg{display:none}
.hero-motif{display:none}
.hero-motif-image{position:absolute;z-index:0;top:50%;left:50%;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:translate(-50%,-50%);pointer-events:none;image-rendering:auto;filter:saturate(.92) contrast(.96);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 24%,#000 42%,#000 50%,rgba(0,0,0,.12) 70%,transparent 88%);mask-image:linear-gradient(90deg,transparent 0%,transparent 24%,#000 42%,#000 50%,rgba(0,0,0,.12) 70%,transparent 88%)}
html[dir=ltr] .hero-motif-image{-webkit-mask-image:linear-gradient(270deg,transparent 0%,transparent 24%,#000 42%,#000 50%,rgba(0,0,0,.12) 70%,transparent 88%);mask-image:linear-gradient(270deg,transparent 0%,transparent 24%,#000 42%,#000 50%,rgba(0,0,0,.12) 70%,transparent 88%)}
html[data-theme=dark] .hero-motif-image{opacity:.3;filter:saturate(.82) brightness(.88)}
@media(max-width:640px){.hero-motif-image{opacity:.28}html[data-theme=dark] .hero-motif-image{opacity:.18}}
@media(max-width:1100px) and (min-width:641px){.hero-motif-image{object-position:50% 52%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 66%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 66%,transparent 100%)}}
@media(max-width:1100px){.hero>.primary{display:none}}
.hero>.primary{display:none}
@media(max-width:640px){.hero-motif-image{object-position:50% 50%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 62%,transparent 100%)}}
@media(min-width:1400px){.hero-motif-image{object-fit:fill}}
.hero-motif-image,html[data-theme=dark] .hero-motif-image,html[dir=ltr] .hero-motif-image{opacity:1;filter:none;-webkit-mask-image:none;mask-image:none}
html[dir=rtl] .hero-motif-image{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,rgba(0,0,0,.18) 76%,transparent 92%);mask-image:linear-gradient(90deg,#000 0%,#000 58%,rgba(0,0,0,.18) 76%,transparent 92%)}
html[dir=ltr] .hero-motif-image{-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 58%,rgba(0,0,0,.18) 76%,transparent 92%);mask-image:linear-gradient(270deg,#000 0%,#000 58%,rgba(0,0,0,.18) 76%,transparent 92%)}
.hero p{font-weight:900}
html[data-theme=dark] .hero-motif-image{opacity:.5}
:root{--icu-occ:#000;--icu-alos:#b85f16;--icu-longstay:#2f8068}html[data-theme=dark]{--icu-occ:#f4f6fb;--icu-alos:#d78135;--icu-longstay:#60b99c}
.icu-stat-occ{color:var(--icu-occ)!important}.icu-stat-alos{color:var(--icu-alos)!important}.icu-stat-longstay{color:var(--icu-longstay)!important}

/* Dropdown and select color system */
html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}
.dropdown-menu,.dropdown-menu.glass,.settings-menu{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:.875rem!important;box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--text) 14%,transparent)!important;padding:.45rem!important}
.dropdown-item,.dropdown-item-text{color:var(--text)!important;border-radius:.625rem;padding:.65rem .75rem!important;font-size:.875rem;line-height:1.5}
.dropdown-item:hover,.dropdown-item:focus{background:var(--soft)!important;color:var(--brand)!important}
.dropdown-item.active,.dropdown-item:active{background:color-mix(in srgb,var(--brand) 16%,var(--panel))!important;color:var(--brand)!important;font-weight:800}
.dropdown-divider{border-color:var(--line)!important;opacity:1;margin:.35rem 0!important}
select.form-control,.form-select{min-height:2.875rem;border:1px solid var(--line)!important;border-radius:.75rem!important;background-color:var(--panel)!important;color:var(--text)!important;font:700 .875rem/1.5 Tajawal,system-ui,sans-serif;padding-block:.6rem!important;cursor:pointer}
select.form-control:hover,.form-select:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))!important}
select.form-control:focus,.form-select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)!important}
select.form-control:disabled,.form-select:disabled{background:var(--soft)!important;color:var(--muted)!important;cursor:not-allowed;opacity:.72}
select option,select optgroup{background:var(--panel)!important;color:var(--text)!important}
select option:checked{background:var(--brand)!important;color:var(--panel)!important}
.dropdown-menu,.dropdown-menu.glass,.settings-menu{box-shadow:0 .75rem 1.75rem color-mix(in srgb,var(--text) 9%,transparent)!important}
.adaa-select-menu{box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--text) 5%,transparent)}
.adaa-select-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adaa-select{position:relative;width:100%}.adaa-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;inset-inline-start:0;bottom:0}.adaa-select-trigger{width:100%;min-height:2.875rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .875rem;border:1px solid var(--line);border-radius:.75rem;background:var(--panel);color:var(--text);font:700 .875rem/1.5 Tajawal,system-ui,sans-serif;text-align:start;cursor:pointer}.adaa-select-trigger:after{content:"";width:.55rem;height:.55rem;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-.15rem);color:var(--muted);flex:none}.adaa-select-trigger:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.adaa-select-trigger:focus-visible,.adaa-select.is-open .adaa-select-trigger{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.adaa-select-trigger:disabled{background:var(--soft);color:var(--muted);cursor:not-allowed;opacity:.72}.adaa-select-menu{position:fixed;z-index:1055;display:none;max-height:min(20rem,calc(100dvh - 1rem));overflow-y:auto;overscroll-behavior:contain;padding:.4rem;background:var(--panel);border:1px solid var(--line);border-radius:.875rem;box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--text) 5%,transparent)}.adaa-select-menu.is-open{display:block}.adaa-select-option{width:100%;min-height:2.75rem;display:flex;align-items:center;padding:.6rem .75rem;border:0;border-radius:.625rem;background:transparent;color:var(--text);font:700 .875rem/1.45 Tajawal,system-ui,sans-serif;text-align:start;cursor:pointer}.adaa-select-option:hover,.adaa-select-option:focus{outline:0;background:var(--soft);color:var(--brand)}.adaa-select-option.is-selected{background:color-mix(in srgb,var(--brand) 16%,var(--panel));color:var(--brand);font-weight:900}.adaa-select-option:disabled{color:var(--muted);cursor:not-allowed;opacity:.55}.adaa-select-group{padding:.55rem .75rem .3rem;color:var(--muted);font-size:.75rem;font-weight:900}
.hero-motif use:nth-child(2n){transform:rotate(180deg)}.hero-motif use:nth-child(3n){transform:rotate(12deg)}
.quick,.admin-section-card{box-shadow:none}
.quick:hover,.admin-section-card:hover{box-shadow:0 10px 28px color-mix(in srgb,var(--text) 9%,transparent);transform:translateY(-2px)}
.context-help{display:inline-flex;align-items:center;gap:.45rem;color:var(--brand);font-size:.8rem;font-weight:700;text-decoration:none;min-height:44px;padding:.5rem .75rem;border-radius:.7rem}
.context-help:hover{background:var(--soft);color:var(--brand)}
.context-help svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8}
.mobile-table-hint{display:none;color:var(--muted);font-size:.75rem;margin:.4rem 0 .6rem}
@media(max-width:640px){.mobile-table-hint{display:block}.admin-table th:first-child,.admin-table td:first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--panel);box-shadow:-1px 0 var(--line)}.admin-table thead th:first-child{z-index:2;background:var(--soft)}.side-menu-content:focus{outline:none}}

/* Impeccable layout and typography pass */
:root{--font-caption:.75rem;--font-secondary:.875rem;--font-body:1rem;--font-subheading:1.125rem;--font-heading:1.5rem;--leading-tight:1.3;--leading-body:1.6;--space-section:2rem}
body{font-size:var(--font-body);line-height:var(--leading-body);font-kerning:normal;font-optical-sizing:auto}
.main{max-width:85rem;padding-inline:clamp(1.5rem,3vw,3rem)}
.top{min-height:6.5rem}.top h1{font-size:var(--font-heading);line-height:var(--leading-tight);font-weight:800;margin:0}.top p{font-size:var(--font-secondary);line-height:1.5;margin:.3rem 0 0}
.hero{min-height:10.5rem;padding:2rem}.hero h2{font-size:1.75rem;line-height:var(--leading-tight);font-weight:800;letter-spacing:0}.hero p{font-size:var(--font-body);line-height:1.55;max-width:65ch}
.section-head{margin:var(--space-section) 0 .875rem}.section-head h2,.divider-label{font-size:var(--font-subheading);line-height:1.4;font-weight:800}
.content-area>.divider-label{margin:var(--space-section) 0 .875rem!important}
.shortcuts,.admin-sections{gap:1rem}.quick,.admin-section-card{padding:1.25rem}.quick h3,.admin-section-card h3{font-size:var(--font-body);line-height:1.45}.quick p,.admin-section-card p{font-size:var(--font-secondary);line-height:1.65;max-width:65ch}
.nav a,.side-utilities .icon-btn,.side-logout .logout{font-size:var(--font-secondary);line-height:1.5}
.user b{font-size:var(--font-body);line-height:1.4}.user .saas-muted{font-size:var(--font-secondary);line-height:1.45}
.admin-table{font-size:var(--font-secondary);font-variant-numeric:tabular-nums}.admin-table th,.admin-table td{line-height:1.55}
.admin-pill{font-size:var(--font-caption);line-height:1.4}
@media(max-width:1100px) and (min-width:641px){.main{padding-inline:1.5rem}.hero{min-height:9.5rem}.quick,.admin-section-card{padding:1.125rem}}
@media(max-width:640px){.main{padding-inline:.875rem}.top{min-height:4.75rem}.top h1{font-size:1.25rem}.top p{font-size:.8125rem}.hero{padding:1.25rem}.hero h2{font-size:1.375rem}.hero p{font-size:.9375rem}.hero-motif{opacity:.2;background-size:11rem 7.5rem}.section-head h2,.divider-label{font-size:1.0625rem}.quick h3,.admin-section-card h3{font-size:.9375rem}.quick p,.admin-section-card p{font-size:.875rem}.context-help{font-size:.8125rem}}

.hero-motif{background-image:url('/res/hero-pattern.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;opacity:.62;filter:saturate(.92) contrast(.96);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 16%,#000 42%,#000 58%,rgba(0,0,0,.2) 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 16%,#000 42%,#000 58%,rgba(0,0,0,.2) 82%,transparent 100%)}
html[data-theme=dark] .hero-motif{opacity:.3;filter:saturate(.82) brightness(.88)}
@media(max-width:640px){.hero-motif{background-size:100% 100%;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 62%,transparent 100%)}html[data-theme=dark] .hero-motif{opacity:.18}}
.admin-page-header>div{display:flex;min-width:0;flex-direction:column}.admin-page-header h1{order:1;margin:0}.admin-page-header .breadcrumb-trail{order:2;margin:.45rem 0 0!important}
.breadcrumb-trail{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;color:var(--muted)!important;font-size:.8125rem;line-height:1.5}
.breadcrumb-trail a{color:var(--brand)!important;text-decoration:none;font-weight:800}
.breadcrumb-trail a:hover,.breadcrumb-trail a:focus{color:var(--brand2)!important;text-decoration:underline;text-underline-offset:.2em}
.breadcrumb-trail>span:not(:last-child){color:color-mix(in srgb,var(--muted) 72%,transparent)}
.breadcrumb-trail>span:last-child{color:var(--muted);font-weight:700}
.adaa-select-menu .adaa-select-group{margin:.2rem 0;padding:.55rem .75rem;border:1px solid color-mix(in srgb,var(--line) 80%,#000);border-radius:.625rem;background:color-mix(in srgb,var(--panel) 82%,#000);color:var(--text);cursor:default;pointer-events:none;user-select:none}
.guest-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:440px;padding:2.5rem 2rem;border:1px solid var(--line);border-radius:1.25rem;background:var(--panel);box-shadow:0 18px 50px color-mix(in srgb,var(--text) 10%,transparent)}.auth-logo{display:flex;justify-content:center;margin-bottom:1.75rem}.auth-logo #logoImg{width:auto;max-width:100%;height:96px;object-fit:contain}
#dashboardContent{transition:opacity .18s ease-out}#dashboardContent.is-loading{opacity:.45;pointer-events:none}
.viewer-shortcuts .viewer-department-card{min-height:7rem;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.viewer-shortcuts .viewer-department-card .section-icon{width:2.25rem;height:2.25rem}.viewer-shortcuts .viewer-department-card h3{margin:.65rem 0 0;font-size:.9rem}
.uploads-hosp-toggle[aria-expanded=true] .uploads-hosp-chevron{transform:rotate(90deg)}.uploads-hosp-chevron{display:inline-block;transition:transform .15s ease}
@media(max-width:480px){.auth-logo #logoImg{height:80px}}@media(prefers-reduced-motion:reduce){#dashboardContent{transition:none}.uploads-hosp-chevron{transition:none}}