:root{--bg-page: 247 246 245;--bg-wash: 252 252 252;--bg-elevated: 255 255 255;--bg-elevated-wax: 255 255 255 / .94;--bg-scrim: 0 0 0 / .12;--text-primary: 25 25 25;--text-secondary: 25 25 25 / .56;--text-disabled: 25 25 25 / .4;--text-primary-strong: 0 0 0;--text-primary-inverse: 255 255 255;--border-primary: 0 0 0 / .1;--border-secondary: 0 0 0 / .06;--tint-primary: 0 0 0 / .08;--tint-secondary: 0 0 0 / .06;--tint-tertiary: 0 0 0 / .04;--tint-faint: 0 0 0 / .02;--bg-accent-primary: 49 124 255;--text-accent-primary: 49 124 255;--border-accent-primary: 49 124 255;--tint-accent-secondary: 49 124 255 / .08;--bg-accent-neutral: 54 54 54;--text-green: 0 165 88;--bg-green: 62 237 155 / .2;--text-red: 245 59 58;--bg-red: 245 59 58 / .12;--text-orange: 245 142 58;--bg-orange: 245 142 58 / .12;--text-blue: 51 125 244;--bg-blue: 51 125 244 / .1;--text-purple: 149 108 222;--bg-purple: 149 108 222 / .12;--bg-destructive: 245 59 58;--status-ok: var(--text-green);--status-warn: var(--text-orange);--status-critical: var(--text-red);--status-info: var(--text-blue);--status-neutral: var(--text-secondary);--status-ok-bg: var(--bg-green);--status-warn-bg: var(--bg-orange);--status-critical-bg: var(--bg-red);--status-info-bg: var(--bg-blue);--brand-orabi: 199 91 18;--brand-shawarmaker: 36 129 143;--shadow-shadow-sm: 0 0 0 / .05;--shadow-shadow-base: 0 0 0 / .06;--shadow-shadow-lg: 0 0 0 / .1;--shadow-shadow-2xl: 0 0 0 / .25;--shadow-L1: 0 1px 2px 0 rgb(var(--shadow-shadow-sm));--shadow-L2: 0 1px 3px 0 rgb(var(--shadow-shadow-base)), 0 1px 2px 0 rgb(0 0 0 / .06);--shadow-L3: 0 10px 15px -3px rgb(var(--shadow-shadow-lg)), 0 4px 6px -2px rgb(0 0 0 / .05);--shadow-L4: 0 25px 50px -12px rgb(var(--shadow-shadow-2xl));--shadow-inner: inset 1px 1px 1px 0 rgb(0 0 0 / .1);--radius-xs: 2px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 100px;--container-max: 1440px;--container-pad: 24px;--grid-gutter: 16px;--font-latin: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "Cairo", "Noto Sans Arabic", "Segoe UI", "Tahoma", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-body: var(--font-latin), var(--font-arabic);--font-heading: var(--font-latin), var(--font-arabic);--text-3xl: 30px;--lh-3xl: 36px;--text-2xl: 24px;--lh-2xl: 30px;--text-xl: 20px;--lh-xl: 26px;--text-lg: 17px;--lh-lg: 24px;--text-base: 15px;--lh-base: 22px;--text-sm: 14px;--lh-sm: 20px;--text-xs: 12px;--lh-xs: 16px;--ease-signature: cubic-bezier(.17, .67, .1, .99);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--motion-instant: .1s;--motion-fast: .15s;--motion-base: .2s;--motion-slow: .3s}.dark{--bg-page: 20 20 20;--bg-wash: 25 25 25;--bg-elevated: 31 31 31;--bg-elevated-wax: 31 31 31 / .94;--bg-scrim: 0 0 0 / .5;--text-primary: 255 255 255 / .9;--text-secondary: 255 255 255 / .52;--text-disabled: 255 255 255 / .4;--text-primary-strong: 255 255 255;--text-primary-inverse: 0 0 0;--border-primary: 255 255 255 / .08;--border-secondary: 255 255 255 / .04;--tint-primary: 255 255 255 / .08;--tint-secondary: 255 255 255 / .05;--tint-tertiary: 255 255 255 / .04;--tint-faint: 255 255 255 / .03;--text-accent-primary: 73 176 255;--bg-accent-neutral: 249 249 249;--text-green: 40 200 120;--shadow-shadow-sm: 0 0 0 / .2;--shadow-shadow-base: 0 0 0 / .3;--shadow-shadow-lg: 0 0 0 / .4;--shadow-shadow-2xl: 0 0 0 / .5;--brand-orabi: 232 137 63;--brand-shawarmaker: 74 178 194}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:400 600;font-display:swap}@font-face{font-family:Cairo;src:url(/fonts/Cairo-Variable.woff2) format("woff2-variations");font-weight:400 600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:rgb(var(--bg-page));color:rgb(var(--text-primary));font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--lh-sm);-webkit-font-smoothing:antialiased}:lang(ar){font-size:1.05em;line-height:1.7}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{font-weight:600}:lang(ar) .u-upper{text-transform:none;letter-spacing:0}:lang(en) .u-upper{text-transform:uppercase;letter-spacing:.04em}h1,h2,h3,h4{margin:0;font-family:var(--font-heading);font-weight:500;letter-spacing:-.04em}h1{font-size:var(--text-3xl);line-height:var(--lh-3xl)}h2{font-size:var(--text-2xl);line-height:var(--lh-2xl)}h3{font-size:var(--text-xl);line-height:var(--lh-xl);letter-spacing:-.03em}p{margin:0 0 8px}a{color:rgb(var(--text-accent-primary));text-decoration:none}a:hover{text-decoration:underline}.numeric,td.numeric,.kpi-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;direction:ltr;unicode-bidi:isolate}.u-secondary{color:rgb(var(--text-secondary))}.u-xs{font-size:var(--text-xs);line-height:var(--lh-xs)}.u-sm{font-size:var(--text-sm);line-height:var(--lh-sm)}.u-base{font-size:var(--text-base);line-height:var(--lh-base)}.u-lg{font-size:var(--text-lg);line-height:var(--lh-lg)}.u-mono{font-family:var(--font-mono)}.u-nowrap{white-space:nowrap}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px}.row-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1}.card{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-secondary));border-radius:var(--radius-lg);box-shadow:var(--shadow-L2);padding:20px}.panel{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-secondary));border-radius:var(--radius-md)}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);padding-block:20px}@media (max-width: 768px){.container{--container-pad: 16px;padding-block:12px}}.skeleton{background:linear-gradient(90deg,rgb(var(--tint-tertiary)) 25%,rgb(var(--tint-secondary)) 37%,rgb(var(--tint-tertiary)) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}:focus-visible{outline:2px solid rgb(var(--bg-accent-primary));outline-offset:2px}.scroll-x{overflow-x:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-xs);border:1px solid transparent;font-family:inherit;font-weight:400;cursor:pointer;transition:background var(--motion-instant) var(--ease-standard),border-color var(--motion-instant) var(--ease-standard),opacity var(--motion-instant) var(--ease-standard);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:hover:not(:disabled){text-decoration:none}.btn--sm{height:28px;padding-inline:10px;font-size:13px}.btn--md{height:36px;padding-inline:14px;font-size:var(--text-sm)}.btn--lg{height:48px;padding-inline:20px;font-size:var(--text-base)}@media (max-width: 1023px){.btn--sm,.btn--md{height:48px;padding-inline:20px;font-size:var(--text-base)}}.btn--primary{background:rgb(var(--text-primary));color:rgb(var(--text-primary-inverse))}.btn--primary:hover:not(:disabled){background:rgb(var(--bg-accent-neutral))}.btn--secondary{background:transparent;border-color:rgb(var(--border-primary));color:rgb(var(--text-primary))}.btn--secondary:hover:not(:disabled){background:rgb(var(--tint-tertiary))}.btn--accent{background:rgb(var(--bg-accent-primary));color:#fff}.btn--accent:hover:not(:disabled){filter:brightness(1.08)}.btn--destructive{background:rgb(var(--bg-destructive));color:#fff}.btn--destructive:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost{background:transparent;color:rgb(var(--text-primary))}.btn--ghost:hover:not(:disabled){background:rgb(var(--tint-tertiary))}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:500;padding:3px 8px;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex:none}.badge--ok{background:rgb(var(--status-ok-bg));color:rgb(var(--status-ok))}.badge--warn{background:rgb(var(--status-warn-bg));color:rgb(var(--status-warn))}.badge--critical{background:rgb(var(--status-critical-bg));color:rgb(var(--status-critical))}.badge--info{background:rgb(var(--status-info-bg));color:rgb(var(--status-info))}.badge--neutral{background:rgb(var(--tint-tertiary));color:rgb(var(--text-secondary))}.brand-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;white-space:nowrap}.brand-chip__swatch{width:8px;height:8px;border-radius:var(--radius-full);flex:none}.brand-chip--orabi .brand-chip__swatch{background:rgb(var(--brand-orabi))}.brand-chip--shawarmaker .brand-chip__swatch{background:rgb(var(--brand-shawarmaker))}.kpi{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-secondary));border-radius:var(--radius-lg);box-shadow:var(--shadow-L2);padding:20px;display:flex;flex-direction:column;gap:6px;min-width:0}.kpi__label{font-size:13px;color:rgb(var(--text-secondary));font-weight:400}.kpi__value{font-size:36px;line-height:40px;font-weight:500;letter-spacing:-.04em;color:rgb(var(--text-primary))}.kpi__delta{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:4px}.kpi__delta--good{color:rgb(var(--status-ok))}.kpi__delta--bad{color:rgb(var(--status-critical))}.kpi__delta--flat{color:rgb(var(--text-secondary))}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--grid-gutter)}.table-wrap{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-secondary));border-radius:var(--radius-lg);overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgb(var(--border-secondary));flex-wrap:wrap}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.data thead th{position:sticky;top:0;z-index:1;background:rgb(var(--bg-wash));font-size:13px;font-weight:500;color:rgb(var(--text-secondary));text-align:start;padding:10px 14px;border-bottom:1px solid rgb(var(--border-secondary));white-space:nowrap}table.data thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data thead th.sortable:hover{color:rgb(var(--text-primary))}table.data tbody td{padding:12px 14px;border-bottom:1px solid rgb(var(--border-secondary));color:rgb(var(--text-primary));vertical-align:middle}table.data.compact tbody td{padding:7px 14px}table.data tbody tr{height:44px}table.data.compact tbody tr{height:36px}table.data tbody tr:hover{background:rgb(var(--tint-faint))}table.data tbody tr.is-flagged{box-shadow:inset 3px 0 rgb(var(--status-critical))}html[dir=rtl] table.data tbody tr.is-flagged{box-shadow:inset -3px 0 rgb(var(--status-critical))}table.data td.numeric{text-align:end}.row-cards{display:none}@media (max-width: 767px){.table-scroll{display:none}.row-cards{display:flex;flex-direction:column;gap:8px;padding:12px}}.row-card{border:1px solid rgb(var(--border-secondary));border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:6px;background:rgb(var(--bg-elevated))}.row-card__title{font-weight:500;font-size:var(--text-base)}.row-card__field{display:flex;justify-content:space-between;gap:12px;font-size:var(--text-sm)}.row-card__field dt{color:rgb(var(--text-secondary))}.row-card__field dd{margin:0}.pagination{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid rgb(var(--border-secondary));flex-wrap:wrap}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:10px;border-radius:var(--radius-sm);border:1px solid rgb(var(--border-primary));background:transparent;color:rgb(var(--text-secondary));font-size:var(--text-sm);font-family:inherit;cursor:pointer}.chip--active{background:rgb(var(--tint-accent-secondary));border-color:rgb(var(--border-accent-primary));color:rgb(var(--text-accent-primary))}@media (max-width: 767px){.chip{height:44px;padding-inline:14px}}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field__label{font-size:var(--text-sm);color:rgb(var(--text-primary))}.field__req{color:rgb(var(--status-critical));margin-inline-start:2px}.field__help{font-size:var(--text-xs);color:rgb(var(--text-secondary))}.field__error{font-size:var(--text-xs);color:rgb(var(--status-critical));display:flex;gap:4px;align-items:center}.input,.select,.textarea{height:40px;padding-inline:10px;border-radius:var(--radius-xs);border:1px solid rgb(var(--border-primary));background:rgb(var(--bg-elevated));color:rgb(var(--text-primary));font-family:inherit;font-size:var(--text-sm);width:100%}.textarea{height:auto;padding:8px 10px;resize:vertical;min-height:72px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:rgb(var(--border-accent-primary));box-shadow:0 0 0 3px rgb(var(--bg-accent-primary) / .15)}@media (max-width: 1023px){.input,.select{height:48px}}.checkbox-row{display:flex;align-items:flex-start;gap:10px;min-height:44px;cursor:pointer}.checkbox-row input[type=checkbox]{width:20px;height:20px;margin:12px 0 0;accent-color:rgb(var(--bg-accent-primary));flex:none}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:rgb(var(--bg-elevated-wax));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgb(var(--border-secondary))}.topbar__inner{max-width:var(--container-max);margin-inline:auto;padding:10px var(--container-pad);display:flex;align-items:center;gap:16px}.wordmark{font-family:var(--font-latin);font-weight:600;letter-spacing:-.04em;font-size:var(--text-lg);color:rgb(var(--text-primary));white-space:nowrap}.wordmark small{display:block;font-weight:400;letter-spacing:0;font-size:var(--text-xs);color:rgb(var(--text-secondary))}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{padding:7px 12px;border-radius:var(--radius-sm);color:rgb(var(--text-secondary));font-size:var(--text-sm)}.nav a:hover{background:rgb(var(--tint-tertiary));text-decoration:none}.nav a.active{background:rgb(var(--tint-primary));color:rgb(var(--text-primary))}@media (max-width: 767px){.topbar__inner{flex-wrap:wrap;gap:8px}.nav a{padding:10px 12px}}.page-head{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}.review-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--grid-gutter);align-items:start}@media (max-width: 1023px){.review-grid{grid-template-columns:1fr}}.segment{display:flex;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background var(--motion-instant) var(--ease-standard)}.segment:hover{background:rgb(var(--tint-faint))}.segment.is-active{background:rgb(var(--tint-accent-secondary));border-color:rgb(var(--border-accent-primary))}.segment.is-cited{border-color:rgb(var(--status-warn))}.segment__meta{flex:none;width:84px;display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs)}.segment__role{font-weight:500}.segment__role--agent{color:rgb(var(--text-accent-primary))}.segment__role--customer{color:rgb(var(--brand-orabi))}.segment__role--unknown{color:rgb(var(--text-secondary))}.segment__text{flex:1;min-width:0;font-size:var(--text-base);line-height:1.6}.timeline{direction:ltr;position:relative;height:34px;border-radius:var(--radius-sm);background:rgb(var(--tint-tertiary));overflow:hidden;cursor:pointer}.timeline__seg{position:absolute;top:0;bottom:0;opacity:.75}.timeline__seg--agent{background:rgb(var(--bg-accent-primary))}.timeline__seg--customer{background:rgb(var(--brand-orabi))}.timeline__seg--unknown{background:rgb(var(--text-disabled))}.timeline__cursor{position:absolute;top:0;bottom:0;width:2px;background:rgb(var(--text-primary-strong))}.legend{display:flex;gap:12px;font-size:var(--text-xs);color:rgb(var(--text-secondary))}.legend__swatch{width:10px;height:10px;border-radius:2px;display:inline-block;margin-inline-end:4px}.notice{border-radius:var(--radius-md);padding:12px 14px;font-size:var(--text-sm);display:flex;gap:10px;align-items:flex-start}.notice--info{background:rgb(var(--status-info-bg));color:rgb(var(--text-primary))}.notice--warn{background:rgb(var(--status-warn-bg));color:rgb(var(--text-primary))}.notice--critical{background:rgb(var(--status-critical-bg));color:rgb(var(--text-primary))}.meter{height:8px;border-radius:var(--radius-full);background:rgb(var(--tint-tertiary));overflow:hidden}.meter__fill{height:100%;border-radius:var(--radius-full)}.progress{height:6px;border-radius:var(--radius-full);background:rgb(var(--tint-tertiary));overflow:hidden;direction:ltr}.progress__fill{height:100%;background:rgb(var(--bg-accent-primary));transition:width var(--motion-base) var(--ease-out)}.empty-state{padding:48px 24px;text-align:center;color:rgb(var(--text-secondary));display:flex;flex-direction:column;gap:8px;align-items:center}.dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:var(--text-sm)}.dl dt{color:rgb(var(--text-secondary))}.dl dd{margin:0}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px}