.tv-scope{--tv-p:#7c3aed;--tv-p-soft:#f3effe;--tv-p-line:#c4b5fd;--tv-p-ring:rgba(124, 58, 237, .16);--tv-surface:#fff;--tv-head:#f8f7fc;--tv-zebra:#fbfafd;--tv-hover:#f4f0ff;--tv-border:#e9e6f2;--tv-text:#1e1b3a;--tv-mut:#6b6889;--tv-seg:#f1eff7;--ct-input-bg:var(--tv-surface);--tv-green:#15803d;--tv-green-soft:#dcfce7;--tv-green-row:#f0fdf4;--tv-green-line:#22c55e;--tv-red:#dc2626;--tv-red-soft:#fee2e2;--tv-orange:#c2410c;--tv-orange-soft:#ffedd5;--tv-blue:#1d4ed8;--tv-blue-soft:#dbeafe;--tv-plat-hunger-bg:#fef3c7;--tv-plat-hunger:#92400e;--tv-plat-keeta-bg:#ecfccb;--tv-plat-keeta:#3f6212;--tv-plat-jahez-bg:#fee2e2;--tv-plat-jahez:#b91c1c;--tv-plat-ninja-bg:#ccfbf1;--tv-plat-ninja:#0f766e;--tv-plat-chefz-bg:#ffedd5;--tv-plat-chefz:#c2410c;font-family:var(--font-plex, "IBM Plex Sans Arabic", Cairo, system-ui, sans-serif);color:var(--tv-text);margin-bottom:1.5rem}body.dark-mode .tv-scope,html[data-theme=dark] .tv-scope{--tv-p:#a78bfa;--tv-p-soft:rgba(167, 139, 250, .16);--tv-p-line:#6d5bb0;--tv-p-ring:rgba(167, 139, 250, .22);--tv-surface:#1b2130;--tv-head:#232a3b;--tv-zebra:#1f2636;--tv-hover:#2a2f47;--tv-border:#2f3748;--tv-text:#e7e9f2;--tv-mut:#9aa3b8;--tv-seg:#232a3b;--tv-green:#4ade80;--tv-green-soft:rgba(74, 222, 128, .15);--tv-green-row:#1a2d2a;--tv-green-line:#22c55e;--tv-red:#f87171;--tv-red-soft:rgba(248, 113, 113, .15);--tv-orange:#fb923c;--tv-orange-soft:rgba(251, 146, 60, .15);--tv-blue:#93c5fd;--tv-blue-soft:rgba(147, 197, 253, .15);--tv-plat-hunger-bg:rgba(251, 191, 36, .16);--tv-plat-hunger:#fcd34d;--tv-plat-keeta-bg:rgba(163, 230, 53, .15);--tv-plat-keeta:#bef264;--tv-plat-jahez-bg:rgba(248, 113, 113, .16);--tv-plat-jahez:#fca5a5;--tv-plat-ninja-bg:rgba(45, 212, 191, .15);--tv-plat-ninja:#5eead4;--tv-plat-chefz-bg:rgba(251, 146, 60, .16);--tv-plat-chefz:#fdba74}.tv-scope :is(input,select,button){font-family:inherit}.tv-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.tv-kpi{background:var(--tv-surface);border:1px solid var(--tv-border);border-radius:14px;padding:14px;min-width:0}.tv-kpi-head{display:flex;align-items:center;gap:10px;min-height:40px}.tv-kpi-ico{flex:0 0 40px;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:1.15rem}.tv-kpi-label{font-size:12.5px;font-weight:700;color:var(--tv-mut);line-height:1.35}.tv-kpi-value{font-size:clamp(1.25rem, 1.6vw, 1.6rem);font-weight:800;line-height:1.25;margin-top:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tv-kpi-sub{font-size:12px;color:var(--tv-mut);margin-top:4px;line-height:1.5}.tv-kpi-sub span[dir=ltr]{font-variant-numeric:tabular-nums}.tv-kpi.is-brand .tv-kpi-ico{background:var(--tv-p-soft);color:var(--tv-p)}.tv-kpi.is-blue .tv-kpi-ico{background:var(--tv-blue-soft);color:var(--tv-blue)}.tv-kpi.is-green .tv-kpi-ico{background:var(--tv-green-soft);color:var(--tv-green)}.tv-kpi.is-green .tv-kpi-value{color:var(--tv-green)}.tv-kpi.is-red .tv-kpi-ico{background:var(--tv-red-soft);color:var(--tv-red)}.tv-kpi.is-red .tv-kpi-value{color:var(--tv-red)}.tv-kpi.is-orange .tv-kpi-ico{background:var(--tv-orange-soft);color:var(--tv-orange)}.tv-kpi.is-orange .tv-kpi-value{color:var(--tv-orange)}.tv-prog{height:6px;border-radius:999px;background:var(--tv-green-soft);overflow:hidden;margin-top:8px}.tv-prog>span{display:block;height:100%;border-radius:999px;background:var(--tv-green-line);transition:width .3s ease}.tv-rail{display:flex;align-items:stretch;gap:8px;margin-bottom:12px}.tv-step{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;text-align:start;background:var(--tv-surface);border:1px solid var(--tv-border);border-radius:14px;padding:10px 12px;color:inherit;transition:border-color .15s ease,background-color .15s ease}button.tv-step{cursor:pointer}button.tv-step:hover{border-color:var(--tv-p);background:var(--tv-p-soft)}button.tv-step:focus-visible{outline:2px solid var(--tv-p);outline-offset:1px}.tv-step-n{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--tv-p);color:#fff;font-weight:800;font-size:13px}body.dark-mode .tv-step-n,html[data-theme=dark] .tv-step-n{color:#17132b}.tv-step-text{display:flex;flex-direction:column;min-width:0}.tv-step-title{font-size:12.5px;font-weight:700;line-height:1.4}.tv-step-line{font-size:12px;color:var(--tv-mut);line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tv-rail-arrow{align-self:center;color:var(--tv-p);font-size:1.05rem;flex:0 0 auto}.tv-card{background:var(--tv-surface);border:1px solid var(--tv-border);border-radius:14px;overflow:hidden}.tv-filters{display:flex;flex-direction:column;gap:10px;padding:12px;border-bottom:1px solid var(--tv-border)}.tv-filter-row{display:flex;align-items:center;gap:8px}.tv-filter-row.is-second{justify-content:space-between;flex-wrap:wrap}.tv-search{position:relative;flex:1 1 auto;min-width:0}.tv-search>.bi{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--tv-p);pointer-events:none}.tv-scope .tv-input{height:40px!important;min-height:40px!important;border-radius:11px!important;border:1px solid var(--tv-border);background-color:var(--tv-surface);color:var(--tv-text);font-size:13px;font-weight:500;width:100%;outline:0;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.tv-search .tv-input{padding-inline:36px 12px}.tv-search .tv-input::placeholder{color:var(--tv-mut)}.tv-scope .tv-input:focus{border-color:var(--tv-p);box-shadow:0 0 0 3px var(--tv-p-ring)}.tv-scope .tv-select{flex:0 0 170px;width:170px;min-width:0;padding-block:0}.tv-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:11px;background:var(--tv-seg)}.tv-seg-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:0 0;color:var(--tv-mut);border-radius:9px;padding:5px 7px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.tv-seg-btn:hover{color:var(--tv-text)}.tv-seg-btn.is-on{background:var(--tv-surface);color:var(--tv-text);box-shadow:0 1px 3px rgba(30,27,58,.14)}.tv-seg-n{min-width:18px;padding:0 5px;border-radius:999px;background:rgba(107,104,137,.14);font-size:11px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.tv-seg-btn.is-on .tv-seg-n{background:var(--tv-p-soft);color:var(--tv-p)}.tv-filter-end{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.tv-pills{display:flex;flex-wrap:wrap;gap:4px}.tv-pill{border:1px solid var(--tv-border);background:var(--tv-surface);color:var(--tv-mut);border-radius:999px;padding:5px 8px;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.tv-pill:hover{border-color:var(--tv-p);color:var(--tv-p)}.tv-pill.is-on{background:var(--tv-p);border-color:var(--tv-p);color:#fff}body.dark-mode .tv-pill.is-on,html[data-theme=dark] .tv-pill.is-on{color:#17132b}.tv-count{font-size:11.5px;font-weight:700;color:var(--tv-mut);background:var(--tv-seg);border-radius:999px;padding:5px 8px;white-space:nowrap;font-variant-numeric:tabular-nums}.tv-scope :is(.tv-seg-btn,.tv-pill):focus-visible{outline:2px solid var(--tv-p);outline-offset:1px}.tv-scroll{max-height:min(68vh,720px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--tv-p-line) transparent}.tv-scroll::-webkit-scrollbar{width:6px;height:6px}.tv-scroll::-webkit-scrollbar-thumb{background:var(--tv-p-line);border-radius:999px}.tv-scroll::-webkit-scrollbar-track{background:0 0}.tv-table{width:100%;min-width:840px;border-collapse:separate;border-spacing:0;font-size:12.5px;color:var(--tv-text)}.tv-table thead th{position:sticky;top:0;z-index:2;background:var(--tv-head);color:var(--tv-mut);font-size:11.5px;font-weight:700;line-height:1.3;padding:8px 4px;text-align:center;border-bottom:1px solid var(--tv-border)}.tv-table tbody td{padding:8px 4px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--tv-border);background:var(--tv-surface);transition:background-color .12s ease}.tv-table tbody tr:nth-child(2n) td{background:var(--tv-zebra)}.tv-table tbody tr:hover td{background:var(--tv-hover)}.tv-table tbody tr.is-paid td{background:var(--tv-green-row)}.tv-table tbody tr.is-paid:hover td{background:var(--tv-hover)}.tv-table tbody tr.is-paid td:first-child{border-inline-start:3px solid var(--tv-green-line)}.tv-table tbody tr:last-child td{border-bottom:0}.tv-table .tv-c-no{width:76px}.tv-table .tv-c-name{text-align:start;min-width:124px}.tv-table :is(th,td).tv-c-act{position:sticky;inset-inline-end:0;box-shadow:1px 0 0 var(--tv-border)}.tv-table tbody td.tv-c-act{z-index:1}.tv-table thead th.tv-c-act{z-index:3}.tv-table .tv-c-iq{font-variant-numeric:tabular-nums}.tv-table .tv-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tv-empno{display:inline-block;background:var(--tv-p-soft);color:var(--tv-p);border-radius:7px;padding:2px 6px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.tv-noreg{display:inline-block;background:var(--tv-orange-soft);color:var(--tv-orange);border-radius:7px;padding:2px 6px;font-size:11px;font-weight:700;white-space:nowrap}.tv-person{display:flex;align-items:center;gap:7px;min-width:0}.tv-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tv-p-soft);color:var(--tv-p);font-size:12.5px;font-weight:800}.tv-person-text{min-width:0}.tv-person-name{font-weight:700;line-height:1.45}.tv-person-tags{margin-top:2px}.tv-person-tags .badge{font-size:10.5px;font-weight:700;white-space:normal;text-align:start;line-height:1.35}.tv-plats{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.tv-plat{border-radius:7px;padding:2px 6px;font-size:11px;font-weight:700;white-space:nowrap;background:var(--tv-seg);color:var(--tv-mut)}.tv-plat.is-hunger{background:var(--tv-plat-hunger-bg);color:var(--tv-plat-hunger)}.tv-plat.is-keeta{background:var(--tv-plat-keeta-bg);color:var(--tv-plat-keeta)}.tv-plat.is-jahez{background:var(--tv-plat-jahez-bg);color:var(--tv-plat-jahez)}.tv-plat.is-ninja{background:var(--tv-plat-ninja-bg);color:var(--tv-plat-ninja)}.tv-plat.is-chefz{background:var(--tv-plat-chefz-bg);color:var(--tv-plat-chefz)}.tv-a-total{font-weight:600}.tv-a-paid{font-weight:600;color:var(--tv-green)}.tv-a-left{font-weight:800;color:var(--tv-red)}.tv-nil{color:var(--tv-mut);opacity:.7}.tv-status{display:inline-block;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700;white-space:nowrap}.tv-status.is-paid{background:var(--tv-green-soft);color:var(--tv-green)}.tv-status.is-partial{background:var(--tv-orange-soft);color:var(--tv-orange)}.tv-status.is-pending{background:var(--tv-red-soft);color:var(--tv-red)}.tv-date{font-size:12px;line-height:1.35;font-variant-numeric:tabular-nums;white-space:nowrap}.tv-date small{display:block;font-size:11px;color:var(--tv-mut)}.tv-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.tv-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--tv-border);background:var(--tv-surface);color:var(--tv-text);border-radius:9px;padding:4px 8px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.tv-btn:focus-visible,.tv-btn:hover{border-color:var(--tv-p);background:var(--tv-p-soft);color:var(--tv-p);outline:0}.tv-btn.is-warn{color:var(--tv-orange)}.tv-btn.is-warn:focus-visible,.tv-btn.is-warn:hover{border-color:var(--tv-orange);background:var(--tv-orange-soft);color:var(--tv-orange)}.tv-empty{text-align:center;color:var(--tv-mut);padding:3rem 1rem;font-weight:600}@media (max-width:768px){.tv-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tv-kpi:last-child{grid-column:1/-1}.tv-rail{flex-direction:column}.tv-step{flex:0 0 auto}.tv-rail-arrow{transform:rotate(-90deg)}html[dir=ltr] .tv-rail-arrow{transform:rotate(90deg)}.tv-filter-row:not(.is-second){flex-wrap:wrap}.tv-search{flex:1 1 100%}.tv-scope .tv-select{flex:1 1 calc(50% - 4px);width:auto}.tv-seg{width:100%}.tv-seg-btn{flex:1 1 auto;justify-content:center;padding-inline:6px}.tv-scroll{max-height:70vh}}