:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #eef1f4;--border: #d3d9df;--border-strong: #b3bcc5;--text: #14181d;--text-muted: #55606b;--text-inverse: #ffffff;--brand: #0f5c3f;--brand-strong: #0a4530;--brand-soft: #e6f1ec;--danger: #a11212;--danger-soft: #fdecec;--warning: #8a5a00;--warning-soft: #fff5e3;--success: #0f6b3d;--success-soft: #e7f4ec;--info: #1d4e89;--info-soft: #e9f0f9;--radius: 8px;--radius-sm: 5px;--shadow: 0 1px 2px rgba(20, 24, 29, .06), 0 4px 12px rgba(20, 24, 29, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: "Segoe UI", "Noto Sans Arabic", "Helvetica Neue", Arial, sans-serif;--header-height: 56px;--sidebar-width: 248px}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg: #12161a;--surface: #1b2126;--surface-2: #232b31;--border: #333d45;--border-strong: #47535d;--text: #eef2f5;--text-muted: #a3aeb8;--brand: #3fae82;--brand-strong: #57c497;--brand-soft: #17302a;--danger: #f08a8a;--danger-soft: #33191c;--warning: #e0ac54;--warning-soft: #33270f;--success: #5cc48c;--success-soft: #14301f;--info: #7fb1e8;--info-soft: #16283c;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-text-size-adjust:100%}input,td,th,.tabular{font-variant-numeric:tabular-nums}a{color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100%}.app-header{grid-area:header;display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-4);background:var(--surface);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0;z-index:20}.app-sidebar{grid-area:sidebar;background:var(--surface);border-inline-end:1px solid var(--border);overflow-y:auto;padding:var(--space-3)}.app-main{grid-area:main;overflow-y:auto;padding:var(--space-5)}.brand-mark{font-weight:700;color:var(--brand);white-space:nowrap}.global-search{position:relative;flex:1 1 220px;max-width:380px}.global-search input{min-height:34px;padding-block:4px}.search-results{position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0;width:min(420px,92vw);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);max-height:60vh;overflow-y:auto;z-index:30;padding:4px}.search-group-label{font-size:12px;color:var(--text-muted);padding:6px 10px 2px}.search-hit{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;border:0;background:transparent;text-align:start;padding:6px 10px;min-height:0}.search-hit:hover:not(:disabled){background:var(--surface-2)}@media (max-width: 700px){.global-search{display:none}}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:14px}.nav-link:hover{background:var(--surface-2)}.nav-link.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.nav-badge{margin-inline-start:auto;background:var(--danger);color:#fff;border-radius:999px;padding:0 6px;font-size:11px;line-height:18px;min-width:18px;text-align:center}@media (max-width: 900px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main"}.app-sidebar{position:fixed;inset-block:var(--header-height) 0;inset-inline-start:0;width:min(280px,84vw);transform:translate(0);z-index:30;box-shadow:var(--shadow)}.app-sidebar[hidden]{display:none}.app-main{padding:var(--space-4) var(--space-3)}}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:25;border:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4)}.card+.card{margin-block-start:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-3)}.card-title{margin:0;font-size:16px;font-weight:700}.page-title{margin:0 0 var(--space-4);font-size:20px;font-weight:700}.subtle{color:var(--text-muted);font-size:13px}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--space-3)}button,.button{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 14px;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none}button:hover:not(:disabled),.button:hover{background:var(--surface-2)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--brand);border-color:var(--brand);color:var(--text-inverse)}button.primary:hover:not(:disabled){background:var(--brand-strong)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.ghost{border-color:transparent;background:transparent}button.small{min-height:32px;padding:4px 10px;font-size:13px}label.field{display:flex;flex-direction:column;gap:var(--space-1);font-size:13px;color:var(--text-muted)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px;min-height:40px;width:100%}textarea{min-height:88px;resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:start;padding:8px 10px;border-block-end:1px solid var(--border);vertical-align:top}th{color:var(--text-muted);font-weight:600;white-space:nowrap}tbody tr:hover{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge.neutral{background:var(--surface-2);color:var(--text-muted)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-muted)}.state h3{margin:0 0 var(--space-2);color:var(--text);font-size:16px}.spinner{width:22px;height:22px;border:2px solid var(--border-strong);border-block-start-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-3)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:var(--space-4);z-index:40}.dialog{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:var(--space-4)}.toast-stack{position:fixed;inset-block-end:var(--space-4);inset-inline-start:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:50;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--surface);border:1px solid var(--border-strong);border-inline-start:4px solid var(--brand);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:var(--space-3);font-size:14px}.toast.error{border-inline-start-color:var(--danger)}.toast.success{border-inline-start-color:var(--success)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.stat .label{font-size:12px;color:var(--text-muted)}.stat .value{font-size:26px;font-weight:700;line-height:1.2}.stat .value.warning{color:var(--warning)}.stat .value.danger{color:var(--danger)}.stat .value.success{color:var(--success)}.login-page{min-height:100%;display:grid;place-items:center;padding:var(--space-4)}.login-card{width:min(420px,100%)}.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}.skip-link{position:absolute;inset-block-start:-60px;inset-inline-start:var(--space-3);background:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:60}.skip-link:focus{inset-block-start:var(--space-2)}@media print{.app-sidebar,.app-header,.no-print{display:none!important}.app-main{overflow:visible;padding:0}}.wtc-selectors{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 720px){.wtc-selectors{grid-template-columns:repeat(3,1fr)}}.wtc-selectors select{width:100%;min-height:44px;font-size:16px}.wtc-summary{margin-block:16px 8px;font-size:15px}.wtc-review-note{color:var(--muted, #666)}.wtc-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px;background:none;border:0;font:inherit;text-align:start;cursor:pointer}.wtc-group-name{font-weight:600}.wtc-group-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wtc-items{list-style:none;margin:0;padding:0 12px 12px}.wtc-item{padding-block:12px;border-block-start:1px solid var(--border, #e5e5e5)}.wtc-question{margin:0 0 8px;line-height:1.6}.wtc-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wtc-item-meta button{min-height:40px}.src-list{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0 0 14px}.src-list dt{font-weight:600;color:var(--muted, #666)}.src-list dd{margin:0}.src-original{padding:12px;border-inline-start:3px solid var(--accent, #2563eb);background:var(--surface-2, #f6f7f9);line-height:1.7;white-space:pre-wrap}