:root{--ink:color-mix(in srgb,var(--teal) 13%,#1d2523);--muted:color-mix(in srgb,var(--teal) 12%,#7d837f);--line:color-mix(in srgb,var(--teal) 8%,#e5e8e6);--page:color-mix(in srgb,var(--teal) 4%,#f6f7f5);--coral:#e97964;--teal:var(--brand-primary,#087f70);--surface:#fff;--surface-sunken:color-mix(in srgb,var(--teal) 3%,#fbfbfa);--surface-tint:color-mix(in srgb,var(--teal) 8%,#f4f4f2);--surface-hover:color-mix(in srgb,var(--teal) 9%,#f1f2f0);--ink-2:color-mix(in srgb,var(--teal) 14%,#3c433f);--ink-3:color-mix(in srgb,var(--teal) 13%,#5a615d);--ink-4:color-mix(in srgb,var(--teal) 11%,#8d938f);--line-strong:color-mix(in srgb,var(--teal) 10%,#dee1df);--line-soft:color-mix(in srgb,var(--teal) 6%,#eef0ef);--teal-hover:color-mix(in srgb,var(--teal) 88%,#000);--teal-shadow:color-mix(in srgb,var(--teal) 74%,#000);--teal-tint:color-mix(in srgb,var(--teal) 11%,#fff);--ok:#33846a;--ok-bg:#eaf8ef;--ok-line:#5ba884;--warn:#806a3d;--warn-bg:#fff9e9;--warn-line:#e7cf96;--danger:#c84938;--danger-bg:#fff0ec;--danger-line:#df9a83;--info-bg:#edf2e7;--gold:#d9b879;--focus:color-mix(in srgb,var(--teal) 58%,#191308);--r-xs:6px;--r-sm:8px;--r-md:11px;--r-lg:14px;--r-xl:18px;--r-pill:20px;--sh-soft:0 6px 24px #284d3b04;--sh-lift:0 8px 0 #e8eee4;--sh-btn:0 3px 0 var(--teal-shadow);--sh-float:0 12px 28px #49355726;--container:1320px;--sidebar:264px;--topbar:64px;--font-sans:var(--brand-font-sans,"Tajawal",system-ui,sans-serif);--font-mono:var(--brand-font-mono,ui-monospace,"Cascadia Mono","Courier New",monospace);--fs-h1:35px;--fs-h2:23px;--fs-h3:17px;--fs-body:14px;--fs-sm:12px;--fs-xs:11px;--fs-2xs:10px;--lh-tight:1.5;--lh-body:1.8;--lh-loose:1.9;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px}
*{box-sizing:border-box}body{color:var(--ink);background:var(--page);font-family:var(--font-sans);margin:0}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}
.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}.truncate-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}span[data-logo=custom]{box-shadow:none;width:auto;min-width:0;height:var(--logo-h,44px);max-width:var(--logo-max-w,200px);background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;padding:0;display:inline-flex;overflow:visible;transform:none}span[data-logo=custom]>img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}@media (max-width:760px){span[data-logo=custom]{max-width:min(var(--logo-max-w,200px), 66vw)}}
[data-surface=app]{--page:color-mix(in srgb, var(--teal) 4%, #f7f7f6);--surface:#fff;--surface-sunken:color-mix(in srgb, var(--teal) 3%, #fbfbfa);--surface-tint:color-mix(in srgb, var(--teal) 7%, #f4f4f3);--surface-hover:color-mix(in srgb, var(--teal) 8%, #f5f5f4);--ink:color-mix(in srgb, var(--teal) 12%, #141918);--ink-2:color-mix(in srgb, var(--teal) 14%, #333937);--ink-3:color-mix(in srgb, var(--teal) 13%, #5f6563);--ink-4:color-mix(in srgb, var(--teal) 11%, #909593);--muted:color-mix(in srgb, var(--teal) 12%, #7c817f);--line:color-mix(in srgb, var(--teal) 8%, #e6e8e7);--line-strong:color-mix(in srgb, var(--teal) 10%, #d7dad9);--line-soft:color-mix(in srgb, var(--teal) 5%, #eff1f0);--teal:var(--brand-primary,#0b7d6f);--teal-hover:color-mix(in srgb, var(--teal) 88%, #000);--teal-shadow:color-mix(in srgb, var(--teal) 74%, #000);--teal-tint:color-mix(in srgb, var(--teal) 11%, #fff);--ok:#1f7a5c;--ok-bg:#e9f6ef;--ok-line:#a9d3bf;--warn:#8a6516;--warn-bg:#fdf5e4;--warn-line:#e3cd97;--danger:#b23b2c;--danger-bg:#fdeeea;--danger-line:#e2b0a4;--info-bg:#eef2f0;--r-xs:3px;--r-sm:5px;--r-md:7px;--r-lg:9px;--r-xl:12px;--r-pill:999px;--sh-lift:none;--sh-btn:none;--sh-soft:none;--sh-float:0 12px 32px #0e211d1f, 0 2px 6px #0e211d0f;--sidebar:244px;--topbar:56px;--label-family:var(--font-sans);--label-spacing:0;--label-transform:none;--label-weight:600;--fs-h1:20px;--fs-h2:16px;--fs-h3:14px;--fs-body:13px;--fs-sm:12px;--fs-xs:11px;--fs-2xs:10px;--lh-tight:1.55;--lh-body:1.75;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;background:var(--page);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased}[dir=ltr] [data-surface=app]{--label-family:var(--font-mono);--label-spacing:.05em;--label-transform:uppercase;--label-weight:500}[data-surface=app][data-role=admin]{--teal:var(--brand-accent,#8a6212);--teal-hover:color-mix(in srgb, var(--teal) 88%, #000);--teal-shadow:color-mix(in srgb, var(--teal) 74%, #000);--teal-tint:color-mix(in srgb, var(--teal) 12%, #fff)}[data-surface=app] :is(section,article,div)[class*=card]{border-radius:var(--r-lg)}[data-surface=app] [class*=cardPad]{padding:14px 16px}[data-surface=app] [class*=tableWrap]{border-radius:var(--r-lg)}[data-surface=app] [class*=btn]{border-radius:var(--r-sm);min-height:34px;font-size:var(--fs-sm);letter-spacing:0;padding:7px 14px;font-weight:550;transition:background .13s,border-color .13s,color .13s}[data-surface=app] [class*=btn]:active:not(:disabled){filter:brightness(.96);transform:none}[data-surface=app] [class*=control]{border-radius:var(--r-sm);min-height:34px;font-size:var(--fs-body);background:var(--surface);padding:7px 11px}[data-surface=app] [class*=control]:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint)}[data-surface=app] [class*=badge]{border-radius:var(--r-xs);font-family:var(--label-family);font-size:var(--fs-2xs);font-weight:var(--label-weight);letter-spacing:var(--label-spacing);text-transform:var(--label-transform);padding:2px 7px}[data-surface=app] table thead th{background:var(--surface-sunken);font-family:var(--label-family);font-size:var(--fs-2xs);font-weight:var(--label-weight);letter-spacing:var(--label-spacing);text-transform:var(--label-transform);color:var(--ink-4);padding:9px 14px}[data-surface=app] table tbody td{font-size:var(--fs-sm);vertical-align:top;padding:10px 14px}[data-surface=app] table :is(th,td):last-child{white-space:nowrap}[data-surface=app] table tbody tr:hover td{background:var(--surface-hover)}[data-surface=app] .mono,[data-surface=app] code{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--ink-3);font-size:.92em}[data-surface=app] :is(button,a,select,input,textarea):focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (max-width:900px){[data-surface=app] [class*=tableWrap]{background:0 0;border:0;border-radius:0;overflow:visible}[data-surface=app] table:where(:not([data-narrow=own])),[data-surface=app] table:where(:not([data-narrow=own])) tbody,[data-surface=app] table:where(:not([data-narrow=own])) tr,[data-surface=app] table:where(:not([data-narrow=own])) td{width:100%;display:block}[data-surface=app] table:where(:not([data-narrow=own])) thead{display:none}[data-surface=app] table:where(:not([data-narrow=own])) tbody tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:10px;padding:12px 14px}[data-surface=app] table:where(:not([data-narrow=own])) tbody tr:last-child{margin-bottom:0}[data-surface=app] table:where(:not([data-narrow=own])) tbody tr:hover td{background:0 0}[data-surface=app] table:where(:not([data-narrow=own])) tbody td{white-space:normal;border:0;grid-template-columns:minmax(76px,34%) 1fr;align-items:baseline;gap:10px;padding:5px 0;display:grid}[data-surface=app] table:where(:not([data-narrow=own])) tbody td:before{content:attr(data-label);font-family:var(--label-family);font-size:var(--fs-2xs);font-weight:var(--label-weight);letter-spacing:var(--label-spacing);text-transform:var(--label-transform);color:var(--ink-4);line-height:1.6}[data-surface=app] table:where(:not([data-narrow=own])) tbody td:not([data-label]){flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}[data-surface=app] table:where(:not([data-narrow=own])) tbody td:not([data-label]):before{content:none}[data-surface=app] table:where(:not([data-narrow=own])) tbody td:first-child{border-bottom:1px solid var(--line-soft);font-size:var(--fs-body);color:var(--ink);margin-bottom:7px;padding:0 0 9px;font-weight:600;display:block}[data-surface=app] table:where(:not([data-narrow=own])) tbody td:first-child:before{content:none}[data-surface=app] table:where(:not([data-narrow=own])) tbody td:empty{display:none}[data-surface=app] table:where(:not([data-narrow=own])) tbody td:last-child:not(:first-child){border-top:1px solid var(--line-soft);margin-top:7px;padding-top:10px}}@media (prefers-reduced-motion:reduce){[data-surface=app] [class*=btn]{transition:none}}
@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}