:root{--color-ink: #16324f;--color-ink-soft: #3e5873;--color-ink-muted: #6b7f93;--color-stone: #f6f7f5;--color-surface: #ffffff;--color-line: #dce1e6;--color-rawshan: #7a4e2d;--color-success: #1f7a4d;--color-success-wash: #e3f2ea;--color-warning: #a15c00;--color-warning-wash: #fdf0dc;--color-danger: #b3261e;--color-danger-wash: #fbe7e5;--color-info: #1d5fa8;--color-info-wash: #e4eef9;--color-accent: #b0476a;--color-accent-ink: #8e3453;--color-accent-wash: #f8e6ec;--color-accent-on: #ffffff;--font-display: "Noto Kufi Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-text: "IBM Plex Sans Arabic", "IBM Plex Sans", "Segoe UI", Tahoma, sans-serif;--font-latin: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--fs-display: 2.75rem;--fs-h1: 2.125rem;--fs-h2: 1.625rem;--fs-h3: 1.3125rem;--fs-body-lg: 1.125rem;--fs-body: 1.0625rem;--fs-body-sm: .9375rem;--fs-label: .9375rem;--fs-caption: .8125rem;--fs-data: 1rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-full: 9999px;--elev-1: 0 1px 2px rgba(22, 50, 79, .06), 0 1px 1px rgba(22, 50, 79, .04);--elev-2: 0 4px 12px rgba(22, 50, 79, .08);--elev-3: 0 12px 32px rgba(22, 50, 79, .14);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--easing: cubic-bezier(.2, .8, .2, 1);--container-max: 1200px;--reading-max: 720px;--gutter: 16px;--touch: 44px;--sidebar-w: 248px}@media (min-width: 1024px){:root{--gutter: 24px}}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-ink: #e8eef4;--color-ink-soft: #b4c2d0;--color-ink-muted: #8295a8;--color-stone: #0e1a26;--color-surface: #15243a;--color-line: #26384e;--color-rawshan: #b98458;--color-accent-ink: #f8e6ec;--color-accent-wash: rgba(176, 71, 106, .22);--color-success-wash: rgba(31, 122, 77, .22);--color-warning-wash: rgba(161, 92, 0, .25);--color-danger-wash: rgba(179, 38, 30, .25);--color-info-wash: rgba(29, 95, 168, .25);--color-success: #6fcf9a;--color-warning: #f0b940;--color-danger: #ff8a80;--color-info: #8fb8ea}}:root[data-theme=dark]{--color-ink: #e8eef4;--color-ink-soft: #b4c2d0;--color-ink-muted: #8295a8;--color-stone: #0e1a26;--color-surface: #15243a;--color-line: #26384e;--color-rawshan: #b98458;--color-accent-ink: #f8e6ec;--color-accent-wash: rgba(176, 71, 106, .22);--color-success-wash: rgba(31, 122, 77, .22);--color-warning-wash: rgba(161, 92, 0, .25);--color-danger-wash: rgba(179, 38, 30, .25);--color-info-wash: rgba(29, 95, 168, .25);--color-success: #6fcf9a;--color-warning: #f0b940;--color-danger: #ff8a80;--color-info: #8fb8ea}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-stone);color:var(--color-ink);font-family:var(--font-text);font-size:var(--fs-body);line-height:1.75;letter-spacing:0;text-align:start}html[lang=en] body{font-family:var(--font-latin);line-height:1.6}h1,h2,h3,h4{margin:0;letter-spacing:0}h1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:700;line-height:1.4}h2{font-size:var(--fs-h2);font-weight:700;line-height:1.45}h3{font-size:var(--fs-h3);font-weight:600;line-height:1.5}p{margin:0;max-width:70ch}em,i{font-style:normal;font-weight:600}a{color:var(--color-ink);text-decoration-thickness:1px;text-underline-offset:3px}:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.num,.data{font-variant-numeric:tabular-nums;font-weight:500;unicode-bidi:isolate}.ltr{direction:ltr;unicode-bidi:isolate}bdi{unicode-bidi:isolate}.muted{color:var(--color-ink-soft)}.caption{font-size:var(--fs-caption);line-height:1.6;color:var(--color-ink-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.app{overflow-x:clip;display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--color-surface);border-inline-end:1px solid var(--color-line);padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1);position:sticky;inset-block-start:0;block-size:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-4);font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3)}.brand-mark{inline-size:32px;block-size:32px;border-radius:var(--r-sm);background:var(--color-ink);display:grid;place-items:center}.nav-section{font-size:var(--fs-caption);color:var(--color-ink-muted);padding:var(--sp-3) var(--sp-3) var(--sp-1);font-weight:500}.nav-link{display:flex;align-items:center;gap:var(--sp-3);min-block-size:40px;padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--color-ink-soft);text-decoration:none;font-weight:500;font-size:var(--fs-body-sm);transition:background var(--motion-fast) var(--easing)}.nav-link:hover{background:var(--color-stone);color:var(--color-ink)}.nav-link.active{background:var(--color-accent-wash);color:var(--color-accent-ink);font-weight:600}.main{min-inline-size:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--gutter);background:var(--color-surface);border-block-end:1px solid var(--color-line);position:sticky;inset-block-start:0;z-index:20}.topbar .spacer{flex:1}.content{padding:var(--sp-5) var(--gutter) var(--sp-8);inline-size:100%;max-inline-size:calc(var(--container-max) + 2 * var(--gutter));margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-5)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);justify-content:space-between}.page-header .titles{display:flex;flex-direction:column;gap:var(--sp-1)}.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.grid{display:grid;gap:var(--sp-4)}.grid-kpi{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.mobile-nav-toggle{display:none}@media (max-width: 1023px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;inline-size:min(86vw,300px);z-index:50;transform:translate(100%);transition:transform var(--motion-base) var(--easing);box-shadow:var(--elev-3)}[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar:not(.open){visibility:hidden}.sidebar.open{transform:none;visibility:visible}.mobile-nav-toggle{display:inline-flex}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1a2666;z-index:40}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-block-size:var(--touch);padding:0 var(--sp-4);border-radius:var(--r-sm);border:1px solid transparent;font:inherit;font-weight:600;font-size:var(--fs-body-sm);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--motion-fast) var(--easing),box-shadow var(--motion-fast) var(--easing)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-ink);color:var(--color-surface)}.btn-primary:hover:not(:disabled){box-shadow:var(--elev-2)}.btn-accent{background:var(--color-accent);color:var(--color-accent-on)}.btn-accent:hover:not(:disabled){box-shadow:var(--elev-2)}.btn-secondary{background:transparent;color:var(--color-ink);border-color:var(--color-line)}.btn-secondary:hover:not(:disabled){background:var(--color-stone)}.btn-text{background:transparent;color:var(--color-ink);padding:0 var(--sp-2)}.btn-text:hover:not(:disabled){text-decoration:underline}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{min-block-size:36px;padding:0 var(--sp-3);font-size:var(--fs-caption)}.icon-btn{inline-size:var(--touch);block-size:var(--touch);border-radius:var(--r-full);display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--color-ink);cursor:pointer}.icon-btn:hover{background:var(--color-stone)}@media (max-width: 767px){.btn-primary,.btn-accent{min-block-size:48px}}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--r-md);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);min-inline-size:0}.card-tight{padding:var(--sp-4)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.card-link{cursor:pointer;transition:box-shadow var(--motion-fast) var(--easing)}.card-link:hover{box-shadow:var(--elev-2)}.option-card{display:flex;align-items:center;gap:var(--sp-3);inline-size:100%;min-block-size:var(--touch);padding:var(--sp-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--r-md);font:inherit;color:inherit;text-align:start;cursor:pointer;transition:box-shadow var(--motion-fast) var(--easing)}.option-card:hover{box-shadow:var(--elev-2)}.option-card:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.option-card[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.pick-mark{flex:0 0 auto;inline-size:24px;block-size:24px;border-radius:var(--r-full);border:2px solid var(--color-line);display:inline-grid;place-items:center;font-size:var(--fs-caption);font-weight:700}.pick-mark.on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-on)}.kpi{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.kpi .label{font-size:var(--fs-label);color:var(--color-ink-soft);font-weight:500}.kpi .value{font-size:1.75rem;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.kpi .delta{font-size:var(--fs-caption);display:inline-flex;align-items:center;gap:var(--sp-1)}.kpi.highlight{border-color:var(--color-accent);box-shadow:inset 4px 0 0 var(--color-accent)}[dir=rtl] .kpi.highlight{box-shadow:inset -4px 0 0 var(--color-accent)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);border-radius:var(--r-xs);padding:0 var(--sp-2);font-size:var(--fs-caption);font-weight:500;line-height:1.8;white-space:nowrap;background:var(--color-stone);color:var(--color-ink-soft)}.badge-success{background:var(--color-success-wash);color:var(--color-success)}.badge-warning{background:var(--color-warning-wash);color:var(--color-warning)}.badge-danger{background:var(--color-danger-wash);color:var(--color-danger)}.badge-info{background:var(--color-info-wash);color:var(--color-info)}.badge-accent{background:var(--color-accent-wash);color:var(--color-accent-ink)}.field{display:flex;flex-direction:column;gap:var(--sp-1);min-inline-size:0}.field>label,.field .label{font-size:var(--fs-label);font-weight:500;color:var(--color-ink)}.field .hint{font-size:var(--fs-caption);color:var(--color-ink-soft)}.field .error{font-size:var(--fs-caption);color:var(--color-danger);display:flex;gap:var(--sp-1);align-items:center}.input,.select,.textarea{min-block-size:var(--touch);inline-size:100%;border:1px solid var(--color-line);border-radius:var(--r-sm);padding:0 var(--sp-3);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--fs-body-sm);text-align:start}.textarea{padding:var(--sp-2) var(--sp-3);min-block-size:88px;resize:vertical}.input[dir=ltr]{text-align:start}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.input.invalid{border-color:var(--color-danger)}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);min-block-size:var(--touch);cursor:pointer}.checkbox input{inline-size:18px;block-size:18px;accent-color:var(--color-ink)}.form-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.form-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;flex-wrap:wrap}.table-wrap{overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-surface)}.table{inline-size:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}.table th{background:var(--color-stone);font-weight:500;font-size:var(--fs-label);text-align:start;padding:var(--sp-2) var(--sp-3);white-space:nowrap;border-block-end:1px solid var(--color-line)}.table td{padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--color-line);vertical-align:middle}.table td:first-child{white-space:nowrap}.table tr:last-child td{border-block-end:0}.table .n{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--color-stone)}.tabs{display:flex;gap:var(--sp-1);border-block-end:1px solid var(--color-line);overflow-x:auto}.tab{min-block-size:var(--touch);padding:0 var(--sp-4);background:none;border:0;border-block-end:2px solid transparent;font:inherit;font-size:var(--fs-body-sm);font-weight:500;color:var(--color-ink-soft);cursor:pointer;white-space:nowrap}.tab[aria-selected=true]{color:var(--color-ink);border-block-end-color:var(--color-ink);font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1a2673;z-index:60;display:grid;place-items:center;padding:var(--sp-4)}.dialog{background:var(--color-surface);border-radius:var(--r-lg);box-shadow:var(--elev-3);inline-size:min(640px,100%);max-block-size:calc(100vh - 32px);overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.dialog.wide{inline-size:min(920px,100%)}.drawer-overlay{place-items:stretch end;padding:0}.drawer{background:var(--color-surface);box-shadow:var(--elev-3);inline-size:min(560px,100vw);block-size:100vh;overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);margin-inline-start:auto}.drawer>*,.dialog>*{flex-shrink:0}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}@media (max-width: 767px){.overlay{place-items:end stretch;padding:0}.dialog{border-radius:var(--r-lg) var(--r-lg) 0 0;inline-size:100%}}.toasts{position:fixed;inset-block-end:var(--sp-5);inset-inline-start:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:80}@media (max-width: 767px){.toasts{inset-block-start:var(--sp-3);inset-block-end:auto;inset-inline:var(--sp-3)}}.toast{background:var(--color-ink);color:var(--color-surface);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);box-shadow:var(--elev-3);font-size:var(--fs-body-sm);display:flex;gap:var(--sp-2);align-items:center}.toast.error{background:var(--color-danger);color:#fff}.alert{border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);display:flex;gap:var(--sp-2);align-items:flex-start;font-size:var(--fs-body-sm)}.alert-danger{background:var(--color-danger-wash);color:var(--color-danger)}.alert-warning{background:var(--color-warning-wash);color:var(--color-warning)}.alert-info{background:var(--color-info-wash);color:var(--color-info)}.alert-success{background:var(--color-success-wash);color:var(--color-success)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-4);color:var(--color-ink-soft)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-block-end:1px solid var(--color-line)}.list-item:last-child{border-block-end:0}.divider{border:0;border-block-start:1px solid var(--color-line);margin:0}.spinner{inline-size:20px;block-size:20px;border-radius:var(--r-full);border:2px solid var(--color-line);border-block-start-color:var(--color-ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-stone),var(--color-line),var(--color-stone));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--r-sm);min-block-size:18px}@keyframes shimmer{to{background-position:-200% 0}}.avatar{inline-size:36px;block-size:36px;border-radius:var(--r-full);background:var(--color-accent-wash);color:var(--color-accent-ink);display:inline-grid;place-items:center;font-weight:600;font-size:var(--fs-caption);flex-shrink:0}.bar{block-size:8px;border-radius:var(--r-full);background:var(--color-stone);overflow:hidden}.bar>span{display:block;block-size:100%;background:var(--color-ink);border-radius:var(--r-full)}.kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:var(--sp-1) var(--sp-4);font-size:var(--fs-body-sm)}.kv dt{color:var(--color-ink-soft)}.kv dd{margin:0}.chip-group{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{border:1px solid var(--color-line);border-radius:var(--r-sm);min-block-size:36px;padding:0 var(--sp-3);background:var(--color-surface);font:inherit;font-size:var(--fs-body-sm);cursor:pointer;color:var(--color-ink)}.chip[aria-pressed=true]{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.slot{border:1px solid var(--color-line);border-radius:var(--r-sm);min-block-size:var(--touch);padding:0 var(--sp-3);background:var(--color-surface);font:inherit;font-variant-numeric:tabular-nums;font-weight:500;cursor:pointer;color:var(--color-ink)}.slot[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-on);border-color:var(--color-accent)}.slot:disabled{color:var(--color-ink-muted);text-decoration:line-through;cursor:not-allowed}.cal{display:grid;border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-surface);overflow:auto;position:relative}.cal-head{position:sticky;inset-block-start:0;background:var(--color-stone);border-block-end:1px solid var(--color-line);font-size:var(--fs-caption);font-weight:600;padding:var(--sp-2);z-index:2;text-align:center}.cal-time{font-size:var(--fs-caption);color:var(--color-ink-muted);text-align:end;padding-inline-end:var(--sp-2);font-variant-numeric:tabular-nums;direction:ltr}.cal-col{position:relative;border-inline-start:1px solid var(--color-line)}.cal-off{position:absolute;inset-inline:0;background:repeating-linear-gradient(135deg,var(--color-stone) 0 6px,transparent 6px 12px);opacity:.8}.cal-event{position:absolute;inset-inline:3px;border-radius:var(--r-sm);padding:2px var(--sp-2);font-size:var(--fs-caption);line-height:1.4;overflow:hidden;cursor:pointer;border:1px solid var(--color-line);background:var(--color-info-wash);color:var(--color-ink);text-align:start;font-family:inherit}.cal-event.s-COMPLETED{background:var(--color-success-wash)}.cal-event.s-NO_SHOW,.cal-event.s-CANCELLED{background:var(--color-danger-wash);text-decoration:line-through;opacity:.8}.cal-event.s-PENDING{background:var(--color-warning-wash)}.cal-event.s-CHECKED_IN,.cal-event.s-IN_SERVICE{background:var(--color-accent-wash);border-color:var(--color-accent)}.choice{display:flex;flex-direction:column;gap:var(--sp-1);inline-size:100%;text-align:start;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:var(--color-surface)}.choice:hover{border-color:var(--color-accent)}.cal-event.unconfirmed{border-inline-start:3px solid var(--color-warning)}.rawshan{background-color:var(--color-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23B98458' stroke-opacity='0.16' stroke-width='1'%3E%3Cpath d='M24 0 48 24 24 48 0 24Z'/%3E%3Cpath d='M24 12 36 24 24 36 12 24Z'/%3E%3Cpath d='M0 0 12 12M48 0 36 12M0 48 12 36M48 48 36 36'/%3E%3C/g%3E%3C/svg%3E")}@media print{.sidebar,.topbar,.scrim,.overlay,.drawer-overlay,.toasts,.no-print,.pilot-banner button{display:none!important}body{background:#fff}.app{display:block;min-height:0}.content{padding:0;max-inline-size:none}.card,.audit-metric,.audit-ev-item,.table-wrap,tr{break-inside:avoid;page-break-inside:avoid}.card{box-shadow:none;border:1px solid #ccc}.audit-section h3{break-after:avoid}.table-wrap{overflow:visible}}