:root{--w-green:#0a7a5a;--w-green-dark:#075f46;--w-green-soft:#e3f3ee;--w-bg:#f3f6f9;--w-surface:#fff;--w-ink:#0e1b2a;--w-ink-2:#51606f;--w-ink-3:#66727f;--w-line:#e3e8ee;--w-taxi:#1d5fd1;--w-taxi-soft:#e6eefb;--w-delivery:#0a7a5a;--w-delivery-soft:#e3f3ee;--w-food:#c93b63;--w-food-soft:#fbe8ee;--w-market:#6b4bd8;--w-market-soft:#eeeafb;--w-directory:#0e8fa8;--w-directory-soft:#e0f3f7;--w-booking:#5a7300;--w-booking-soft:#eef4d8;--w-danger:#b4231f;--w-danger-soft:#fbe9e8;--w-info:#1d5fd1;--w-info-soft:#e6eefb;--w-star:#e0a100;--w-font:"IBM Plex Sans Arabic", system-ui, sans-serif;--w-text-xs:12.5px;--w-text-sm:14px;--w-text-md:17px;--w-text-lg:19px;--w-text-xl:22px;--w-text-2xl:30px;--w-text-hero:44px;--w-weight-regular:400;--w-weight-medium:500;--w-weight-semibold:600;--w-weight-bold:700;--w-leading:1.55;--w-space-1:4px;--w-space-2:8px;--w-space-3:12px;--w-space-4:16px;--w-space-5:20px;--w-space-6:24px;--w-space-8:32px;--w-screen-pad:18px;--w-radius-sm:12px;--w-radius-md:16px;--w-radius-lg:18px;--w-radius-xl:20px;--w-radius-pill:999px;--w-shadow:0 1px 2px #0e1b2a0d, 0 8px 24px #0e1b2a0f;--w-tap-min:44px;--w-button-h:56px;--w-ease:cubic-bezier(.2, .8, .2, 1);--w-fast:.12s;--w-base:.22s;--w-slow:.45s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--w-font);background:var(--w-bg);color:var(--w-ink);line-height:var(--w-leading);-webkit-font-smoothing:antialiased;font-size:15px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.6}a{color:inherit}h1{font-size:var(--w-text-xl);font-weight:var(--w-weight-bold);line-height:1.3}h2{font-size:var(--w-text-lg);font-weight:var(--w-weight-bold)}h3{font-size:15px;font-weight:var(--w-weight-semibold);margin-bottom:var(--w-space-2)}:focus-visible{outline:2px solid var(--w-green);outline-offset:2px}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.phone{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate;text-decoration:none}a.phone:hover{color:var(--w-green-dark);text-decoration:underline}.muted{color:var(--w-ink-2)}.tiny{color:var(--w-ink-3);font-size:var(--w-text-xs)}.sub{color:var(--w-ink-3);font-size:12.5px}.grow{flex:1;min-width:0}.stack{gap:var(--w-space-3);flex-direction:column;display:flex}.row-wrap{align-items:center;gap:var(--w-space-2);flex-wrap:wrap;display:flex}.shell{grid-template-columns:236px 1fr;min-height:100%;display:grid}.sidebar{background:var(--w-ink);color:#c9d3dd;flex-direction:column;gap:14px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:#fff;align-items:center;gap:8px;padding:0 8px;display:flex}.brand b{font-size:20px}.brand-mark{color:#3fc79a;width:30px;height:30px}.brand-sub{color:#8b97a5;margin-inline-start:auto;font-size:12px}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a{border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:9px 12px;font-size:14px;text-decoration:none;display:flex}.sidebar nav a:hover{color:#fff;background:#16273a}.sidebar nav a.on{color:#fff;background:#24384f;font-weight:700}.nav-badge{background:var(--w-green);color:#fff;text-align:center;border-radius:99px;min-width:22px;padding:1px 8px;font-size:11.5px;font-weight:700;text-decoration:none}.me{color:#8b97a5;border-top:1px solid #1c2e42;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:10px 8px 0;font-size:12.5px;display:flex}.me .link-btn{color:#c9d3dd}.main-col{flex-direction:column;min-width:0;display:flex}.topbar{display:none}.main{min-width:0;padding:22px 26px 48px}.scrim{display:none}.page{flex-direction:column;gap:14px;max-width:1280px;margin:0 auto;display:flex}.page-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-head h1{flex:1}.page-head-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live{color:var(--w-ink-2);align-items:center;gap:8px;font-size:14px;display:inline-flex}.pulse{background:var(--w-green);border-radius:50%;width:10px;height:10px;animation:1.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #0a7a5a73}to{box-shadow:0 0 0 10px #0a7a5a00}}.card{background:var(--w-surface);border-radius:var(--w-radius-lg);padding:var(--w-space-4);box-shadow:var(--w-shadow)}.kpis{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.kpis.k4{grid-template-columns:repeat(4,1fr)}.kpi{background:var(--w-surface);box-shadow:var(--w-shadow);border-radius:14px;padding:14px 16px}.kpi b{font-size:26px;line-height:1.2;display:block}.kpi span{color:var(--w-ink-2);font-size:12.5px}.filters-card{flex-direction:column;gap:10px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-in{color:var(--w-ink-2);align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.result-count{min-height:20px;font-size:13px}.section-title{margin-top:6px;font-size:16px;font-weight:700}.in{background:var(--w-surface);border:1.5px solid var(--w-line);width:100%;transition:border-color var(--w-fast);min-height:var(--w-tap-min);border-radius:14px;outline:none;padding:11px 14px;font-size:15px}.in:focus{border-color:var(--w-green)}.in-sm{border-radius:12px;width:auto;min-height:40px;padding:7px 10px;font-size:14px}select.in{appearance:auto}textarea.in{resize:vertical;line-height:1.6}.search{font-size:15px}.code-in{letter-spacing:6px;text-align:center;font-size:24px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--w-ink-2);font-size:13.5px;font-weight:600}.field-hint{color:var(--w-ink-3);font-size:12.5px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-error{color:var(--w-danger);font-size:14px;font-weight:500}.btn{min-height:48px;transition:background var(--w-fast), transform var(--w-fast);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15.5px;font-weight:700;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--w-green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--w-green-dark)}.btn-ghost{background:var(--w-surface);color:var(--w-ink);box-shadow:inset 0 0 0 1.5px var(--w-line)}.btn-ghost:hover:not(:disabled){background:#f7f9fb}.btn-danger{background:var(--w-surface);color:var(--w-danger);box-shadow:inset 0 0 0 1.5px #f1c9c7}.btn-danger:hover:not(:disabled){background:var(--w-danger-soft)}.btn-sm{border-radius:12px;min-height:40px;padding:0 14px;font-size:14px}.btn-block{width:100%;min-height:var(--w-button-h);font-size:var(--w-text-md)}.link-btn{color:var(--w-green-dark);padding:4px 2px;font-size:14px;font-weight:600}.link-btn:hover{text-decoration:underline}.icon-btn{width:40px;height:40px;color:var(--w-ink-2);border-radius:12px;place-items:center;font-size:18px;display:grid}.icon-btn:hover{background:#eef2f6}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--w-surface);color:var(--w-ink-2);box-shadow:inset 0 0 0 1.5px var(--w-line);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;min-height:36px;padding:6px 13px;font-size:13.5px;font-weight:600;display:inline-flex}.chip.on{background:var(--w-green);color:#fff;box-shadow:none}.badge{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-green{background:var(--w-green-soft);color:var(--w-green-dark)}.badge-blue{background:var(--w-info-soft);color:var(--w-info)}.badge-grey{color:var(--w-ink-2);background:#eef1f4}.badge-red{background:var(--w-danger-soft);color:var(--w-danger)}.svc{white-space:nowrap;border-radius:8px;padding:2px 9px;font-size:12.5px;font-weight:600;display:inline-block}.switch{width:46px;height:28px;transition:background var(--w-fast);background:#cbd3dc;border-radius:99px;flex:none;position:relative}.switch.on{background:var(--w-green)}.switch-knob{top:3px;width:22px;height:22px;transition:transform var(--w-base) var(--w-ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0003}.switch.on .switch-knob{transform:translate(-18px)}.notice{background:var(--w-green-soft);color:var(--w-green-dark);border-radius:14px;padding:11px 14px;font-size:14px;font-weight:500}.notice-info{background:var(--w-info-soft);color:var(--w-info)}.notice-danger{background:var(--w-danger-soft);color:var(--w-danger)}.table-wrap{background:var(--w-surface);box-shadow:var(--w-shadow);border-radius:14px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:start;color:var(--w-ink-3);border-bottom:1px solid var(--w-line);white-space:nowrap;background:#fafbfc;padding:10px 12px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--w-line);vertical-align:top;padding:10px 12px}.table tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:#f8fafc}.table-plain{box-shadow:none}.table-plain th{background:0 0}.table td.actions{white-space:nowrap;text-align:end}tr.flash td,.list-item.flash{animation:2.4s flash}@keyframes flash{0%,30%{background:var(--w-green-soft)}to{background:0 0}}.list{flex-direction:column;gap:8px;display:flex}.list-item{background:var(--w-surface);box-shadow:var(--w-shadow);text-align:start;border-radius:14px;flex-direction:column;gap:4px;width:100%;padding:12px 14px;display:flex}.list-top{flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.list-mid{font-size:14.5px}.list-bot{flex-wrap:wrap;gap:10px;font-size:12.5px;display:flex}.state{color:var(--w-ink-2);background:var(--w-surface);box-shadow:var(--w-shadow);text-align:center;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:28px 16px;display:flex}.state-error{color:var(--w-danger);background:var(--w-danger-soft);box-shadow:none}.state-empty{color:var(--w-ink-3)}.spinner{border:2.5px solid var(--w-line);border-top-color:var(--w-green);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.not-allowed{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.kv{flex-direction:column;display:flex}.kv-row{border-bottom:1px solid var(--w-line);grid-template-columns:150px 1fr;gap:10px;padding:7px 0;font-size:14px;display:grid}.kv-row:last-child{border-bottom:0}.kv-row dt{color:var(--w-ink-3)}.timeline{flex-direction:column;gap:0;padding-inline-start:18px;list-style:none;display:flex}.timeline li{justify-content:space-between;gap:10px;padding:5px 0;font-size:14px;display:flex;position:relative}.timeline li:before{content:"";inset-inline-start:-18px;background:var(--w-green);border-radius:50%;width:9px;height:9px;position:absolute;top:12px}.checklist{flex-direction:column;gap:6px;list-style:none;display:flex}.checklist li{align-items:center;gap:8px;font-size:14.5px;display:flex}.box{color:#fff;border:2px solid #c5ced8;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.box.on{background:var(--w-green);border-color:var(--w-green)}.overlay{z-index:40;background:#0e1b2a61;justify-content:flex-end;display:flex;position:fixed;inset:0}.overlay-center{z-index:50;justify-content:center;align-items:center;padding:16px}.drawer{background:var(--w-bg);width:min(560px,100%);height:100%;animation:slidein var(--w-base) var(--w-ease);overflow-y:auto;box-shadow:0 0 40px #0e1b2a33}.drawer-wide{width:min(680px,100%)}@keyframes slidein{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.drawer-head{background:var(--w-surface);border-bottom:1px solid var(--w-line);z-index:1;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex;position:sticky;top:0}.drawer-body{padding:16px 18px 40px}.modal{background:var(--w-surface);border-radius:18px;width:min(520px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #0e1b2a4d}.modal .drawer-head{border-radius:18px 18px 0 0}.modal-body{flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.modal-actions{flex-wrap:wrap;gap:8px;display:flex}.confirm-body{color:var(--w-ink-2);font-size:14.5px}.doc-img{background:#eef1f4;border-radius:12px;max-width:100%;max-height:60vh;margin:0 auto;display:block}.toasts{bottom:18px;z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;inset-inline-start:50%;transform:translate(50%)}.toast{background:var(--w-ink);color:#fff;box-shadow:var(--w-shadow);border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600}.toast-error{background:var(--w-danger)}.login{background:var(--w-bg);place-items:center;min-height:100%;padding:20px;display:grid}.login-card{flex-direction:column;gap:14px;width:min(400px,100%);padding:28px 24px;display:flex}.login-brand{flex-direction:column;align-items:center;gap:4px;margin-bottom:6px;display:flex}.login-brand b{font-size:26px}.login-brand span{color:var(--w-ink-2);font-size:14px}.login-mark{width:56px;height:56px;color:var(--w-green)}.tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{color:var(--w-ink-2);white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:14.5px;font-weight:600}.tab.on{color:var(--w-green-dark);background:var(--w-green-soft);font-weight:700}.tab .nav-badge{margin-inline-start:6px}.steps{gap:6px;display:flex}.steps span{background:var(--w-line);border-radius:4px;flex:1;height:4px}.steps span.on{background:var(--w-green)}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.choice{background:var(--w-surface);box-shadow:inset 0 0 0 1.5px var(--w-line);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:88px;padding:16px 12px;font-weight:700;display:flex}.choice.on{box-shadow:inset 0 0 0 2px var(--w-green);background:var(--w-green-soft);color:var(--w-green-dark)}.choice small{color:var(--w-ink-3);font-size:12px;font-weight:500}.doc-slot{background:var(--w-surface);box-shadow:inset 0 0 0 1.5px var(--w-line);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.doc-slot.done{background:#f6fcfa;box-shadow:inset 0 0 0 1.5px #a9dcc9}.doc-thumb{object-fit:cover;background:#eef1f4;border-radius:10px;flex:none;width:56px;height:56px}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.big-ok{background:var(--w-green-soft);width:80px;height:80px;color:var(--w-green);border-radius:50%;place-items:center;margin:10px auto;font-size:38px;font-weight:700;display:grid}.bars{flex-direction:column;gap:6px;display:flex}.bar-row{grid-template-columns:70px 1fr 40px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-track{background:#eef1f4;border-radius:6px;height:18px;display:flex;overflow:hidden}.bar-seg{height:100%}.legend{color:var(--w-ink-2);flex-wrap:wrap;gap:12px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-inline-end:4px;display:inline-block}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.cat-tree{flex-direction:column;gap:4px;list-style:none;display:flex}.cat-tree ul{flex-direction:column;gap:4px;margin-top:4px;padding-inline-start:22px;list-style:none;display:flex}.cat-row{background:#f8fafc;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.inactive{opacity:.55}@media (width<=1100px){.kpis{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:45;width:260px;transition:transform var(--w-base) var(--w-ease);height:100%;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.menu-open .sidebar{transform:none}.menu-open .scrim{z-index:44;background:#0e1b2a66;display:block;position:fixed;inset:0}.topbar{background:var(--w-surface);border-bottom:1px solid var(--w-line);z-index:30;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.topbar-title{flex:1;font-size:16px;font-weight:700}.main{padding:14px 12px 40px}}@media (width<=600px){body{font-size:15px}h1{font-size:19px}.kpis,.kpis.k4{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:10px 12px}.kpi b{font-size:22px}.form-grid{grid-template-columns:1fr}.kv-row{grid-template-columns:110px 1fr}.drawer-body{padding:12px 12px 40px}.filter-row .in-sm,.date-in{flex:140px}.date-in .in-sm{flex:1}}.neg{color:var(--w-danger)}.narrow-page{max-width:640px}.on-item{background:var(--w-green-soft)}code{background:#eef1f4;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}a.link-btn{text-decoration:none}.filter-row[hidden]{display:none}@media (width<=600px){.kpis{grid-template-columns:repeat(3,1fr)}.kpi{padding:8px 10px}.kpi b{font-size:20px}.kpi span{font-size:11.5px;line-height:1.3;display:block}.table th,.table td{white-space:nowrap}}
