@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Alexandria:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{color-scheme:light;--canvas:#f4f6f5;--surface:#fbfcfb;--surface-raised:#fff;--surface-muted:#eef1f0;--text:#17201d;--text-muted:#64706b;--border:#dce2df;--focus:#137a67;--accent:#137a67;--accent-contrast:#fff;--selected:#e3f1ed;--success:#17745f;--warning:#986515;--danger:#ad3944;--info:#2f6f98;--customer-bubble:#fff;--agent-bubble:#137a67;--staff-bubble:#e7f1ee;--system-event:#edf0ef;--shadow-panel:0 18px 48px rgba(28,39,35,.07);--ink:#17201d;--sub:#4f6b62;--muted:#64706b;--line:#dce2df;--brand:#137a67;--surface-alt:#f3f7f5;--warning-bg:#fff9e9;--warning-border:#eeddb3;--warning-text:#735520;--danger-bg:#fff4f4;--danger-border:#f0cccf;--danger-text:#9b2c36;--success-bg:#edfaf5;--success-border:#bde0d4;--success-text:#116b57;--avatar-bg:#dff3ec;--avatar-text:#155b4c}:root[data-theme=dark]{color-scheme:dark;--canvas:#0f1215;--surface:#151a1f;--surface-raised:#1b2127;--surface-muted:#20272e;--text:#eef2f0;--text-muted:#9aa6a1;--border:#2d363d;--focus:#54c9ad;--accent:#45b89e;--accent-contrast:#071b16;--selected:#173b34;--success:#5bc7aa;--warning:#e6b867;--danger:#f07f89;--info:#79b5dc;--customer-bubble:#1b2127;--agent-bubble:#176c5e;--staff-bubble:#202d2a;--system-event:#20262b;--shadow-panel:0 20px 54px rgba(0,0,0,.3);--ink:#eef2f0;--sub:#8fa89f;--muted:#9aa6a1;--line:#2d363d;--brand:#45b89e;--surface-alt:#181e23;--warning-bg:#2a2210;--warning-border:#4a3a18;--warning-text:#e6b867;--danger-bg:#2a1215;--danger-border:#5a2228;--danger-text:#f07f89;--success-bg:#0e2820;--success-border:#1e4e3c;--success-text:#5bc7aa;--avatar-bg:#173b34;--avatar-text:#5bc7aa}*{box-sizing:border-box}body{color:var(--text);background:var(--canvas);overflow-x:clip;font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Arial,sans-serif;margin:0;transition:color .15s ease,background-color .15s ease}button,input,select,textarea{font-family:inherit;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:not(:disabled):active{transform:translateY(1px) scale(.99)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){body,button,input,select,textarea{transition:none}button:not(:disabled):active{transform:none}}