:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f1f3f9;--border:#e3e6ef;--text:#161a2b;--muted:#5d6478;--primary:#5b21b6;--primary-2:#7c3aed;--primary-soft:#efe9fe;--accent:#0ea5e9;--ok:#047857;--ok-soft:#dcfce7;--warn:#b45309;--warn-soft:#fef3c7;--bad:#b91c1c;--bad-soft:#fee2e2;--info-soft:#e0f2fe;--info-text:#075985;--radius:12px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--font:"Segoe UI", system-ui, -apple-system, "Noto Sans Arabic", "Geeza Pro", Tahoma, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1020;--surface:#161a2e;--surface-2:#1d2238;--border:#2b3150;--text:#e8eaf4;--muted:#a0a7c0;--primary:#a78bfa;--primary-2:#8b5cf6;--primary-soft:#2a2350;--ok:#34d399;--ok-soft:#0f2e25;--warn:#fbbf24;--warn-soft:#33270b;--bad:#f87171;--bad-soft:#3a1515;--info-soft:#0c2a3d;--info-text:#7dd3fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:var(--primary)}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{inset-inline-start:8px;background:var(--primary);color:#fff;z-index:100;border-radius:8px;padding:8px 12px;position:absolute;top:-40px}.skip:focus{top:8px}.shell{grid-template-columns:248px 1fr;min-height:100%;display:grid}.sidebar{background:var(--surface);border-inline-end:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:6px 8px 14px;font-weight:700;display:flex}.dots{gap:3px;display:inline-flex}.dots i{border-radius:50%;width:9px;height:9px;display:block}.nav a{color:var(--text);border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:.94rem;text-decoration:none;display:flex}.nav a:hover{background:var(--surface-2)}.nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav .sep{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 10px 4px;font-size:.75rem}.main{min-width:0}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.topbar .grow{flex:1}.content{max-width:1400px;padding:24px}.btn.menu-btn{display:none}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:50;width:260px;box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-110%)}[dir=rtl] .sidebar{transform:translate(110%)}.sidebar.open{transform:none!important}.btn.menu-btn{display:inline-flex}.content{padding:16px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card+.card{margin-top:16px}.card-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.g2,.g3,.g4{grid-template-columns:1fr}}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.ltr{direction:ltr;unicode-bidi:isolate}.stat .v{font-size:1.6rem;font-weight:700}.stat .l{color:var(--muted);font-size:.86rem}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}@media (prefers-color-scheme:dark){.btn.primary{color:#120a2a}}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--bad);border-color:var(--bad-soft)}.btn.ghost{background:0 0;border-color:#0000}.btn.sm{min-height:30px;padding:4px 10px;font-size:.84rem}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.info{background:var(--info-soft);color:var(--info-text)}.badge.purple{background:var(--primary-soft);color:var(--primary)}label.f{flex-direction:column;gap:4px;font-size:.88rem;font-weight:600;display:flex}label.f .hint{color:var(--muted);font-size:.8rem;font-weight:400}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:9px;width:100%;min-height:38px;padding:8px 10px}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:auto;min-height:auto}.check{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}table.t{border-collapse:collapse;width:100%;font-size:.92rem}table.t th{text-align:start;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px;font-size:.8rem;font-weight:600}table.t td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 8px}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:var(--surface-2)}.table-wrap{overflow-x:auto}.alert{border:1px solid #0000;border-radius:10px;padding:10px 14px;font-size:.9rem}.alert.err{background:var(--bad-soft);color:var(--bad)}.alert.ok{background:var(--ok-soft);color:var(--ok)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.info{background:var(--info-soft);color:var(--text)}.modal-bg{z-index:80;background:#0a0c1973;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:min(720px,100%);max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal.wide{width:min(1000px,100%)}.drawer{background:var(--surface);z-index:81;width:min(560px,100%);padding:20px;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;box-shadow:-10px 0 40px #0003}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px}.tabs button.on{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.toast-wrap{bottom:16px;z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;inset-inline-end:16px}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:10px;max-width:360px;padding:10px 14px;font-size:.9rem}.toast.err{background:var(--bad);color:#fff}.chat{flex-direction:column;height:100%;min-height:0;display:flex}.chat-log{background:var(--surface-2);flex-direction:column;flex:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;word-wrap:break-word;border-radius:14px;max-width:82%;padding:9px 12px;font-size:.94rem}.bubble.customer{background:var(--primary);color:#fff;border-end-end-radius:4px;align-self:flex-end}@media (prefers-color-scheme:dark){.bubble.customer{color:#120a2a}}.bubble.agent{background:var(--surface);border:1px solid var(--border);border-end-start-radius:4px;align-self:flex-start}.bubble.human{background:var(--ok-soft);border:1px solid var(--border);align-self:flex-start}.bubble.system{background:var(--info-soft);text-align:center;align-self:center;font-size:.84rem}.inbox .bubble.customer{background:var(--surface);color:var(--text);border:1px solid var(--border);align-self:flex-start}.inbox .bubble.agent,.inbox .bubble.human{align-self:flex-end}.inbox .bubble.agent{background:var(--primary-soft)}.bubble .meta{opacity:.7;margin-top:3px;font-size:.72rem}.chat-input{border-top:1px solid var(--border);background:var(--surface);gap:8px;padding:10px;display:flex}.chips{background:var(--surface);flex-wrap:wrap;gap:6px;padding:6px 10px 0;display:flex}.chip{border:1px solid var(--border);background:var(--surface);font:inherit;cursor:pointer;color:var(--primary);border-radius:999px;padding:4px 10px;font-size:.82rem}.inbox-grid{grid-template-columns:320px 1fr 300px;gap:0;height:calc(100vh - 62px);display:grid}.inbox-grid>*{min-height:0}.conv-list{border-inline-end:1px solid var(--border);background:var(--surface);overflow-y:auto}.conv-item{text-align:start;border:none;border-bottom:1px solid var(--border);width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;padding:12px 14px;display:block}.conv-item.on{background:var(--primary-soft)}.conv-side{border-inline-start:1px solid var(--border);background:var(--surface);padding:14px;overflow-y:auto}@media (width<=1100px){.inbox-grid{grid-template-columns:260px 1fr}.conv-side{display:none}}@media (width<=700px){.inbox-grid{grid-template-columns:1fr;height:auto}.conv-list{max-height:260px}}.public{flex-direction:column;align-items:center;min-height:100%;padding:24px 16px;display:flex}.public .panel{width:min(560px,100%)}.hero{background:linear-gradient(135deg, var(--primary) 0%, #0ea5e9 100%);color:#fff}.landing{grid-template-columns:1.1fr 1fr;min-height:100%;display:grid}.landing .left{flex-direction:column;justify-content:center;gap:18px;padding:48px;display:flex}.landing .right{background:var(--surface);justify-content:center;align-items:center;padding:48px 32px;display:flex}@media (width<=900px){.landing{grid-template-columns:1fr}.landing .left{padding:28px 20px}.landing .right{padding:24px 16px}}.landing.solo{grid-template-columns:1fr}.landing.solo .left{padding-inline:max(48px,50% - 480px)}@media (width<=900px){.landing.solo .left{padding-inline:20px}}.demo-card{text-align:start;color:#fff;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex}.demo-card:hover{background:#ffffff38}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.menu-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.menu-item.off{opacity:.55}.bars{align-items:flex-end;gap:6px;height:160px;padding-top:8px;display:flex}.bars .b{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.bars .bar{background:var(--primary-2);border-radius:6px 6px 2px 2px;width:100%;min-height:2px}.bars .bar.alt{background:var(--accent)}.bars .lbl{color:var(--muted);white-space:nowrap;font-size:.68rem}.hbar{background:var(--primary-2);border-radius:6px;height:10px}.kds{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.kds .ticket{border-top:4px solid var(--warn)}.kds .ticket.preparing{border-top-color:var(--accent)}.kds .ticket.ready{border-top-color:var(--ok)}.timeline{border-inline-start:2px solid var(--border);margin:0;padding:0;list-style:none}.timeline li{padding:4px 14px;font-size:.88rem;position:relative}.timeline li:before{content:"";inset-inline-start:-6px;background:var(--primary-2);border-radius:50%;width:10px;height:10px;position:absolute;top:10px}.steps{flex-wrap:wrap;gap:6px;display:flex}.steps .s{text-align:center;background:var(--surface-2);min-width:90px;color:var(--muted);border-radius:8px;flex:1;padding:8px 4px;font-size:.8rem}.steps .s.on{background:var(--ok-soft);color:var(--ok);font-weight:600}.rec{border-radius:50%;width:42px;height:42px;padding:0}.rec.on{background:var(--bad);color:#fff;border-color:var(--bad);animation:1s infinite pulse}@keyframes pulse{50%{opacity:.7}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.split{grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:16px;display:grid}.split.reverse{grid-template-columns:minmax(0,1fr) 240px}@media (width<=900px){.split,.split.reverse{grid-template-columns:minmax(0,1fr)}}.studio-section{border-top:1px solid var(--border);margin-top:4px;padding-top:14px}.studio-section summary{cursor:pointer}.card.choice{cursor:pointer;box-shadow:none;flex-direction:column;gap:4px;padding:12px;display:flex}.card.choice.selected,.card.selected{border-color:var(--primary);background:var(--primary-soft)}.card.choice:focus-within{outline:3px solid var(--accent);outline-offset:2px}.chat-preview{background:var(--surface-2);border-radius:12px;flex-direction:column;padding:12px;display:flex}.save-bar{background:var(--surface);border-top:1px solid var(--border);z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex;position:sticky;bottom:0}.steps.wizard{margin:0;padding:0;list-style:none}.steps .s.cur{outline:2px solid var(--primary);color:var(--primary);font-weight:600}.linklike{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}table.t.hours input[type=time]{width:auto;min-width:110px}.nav-backdrop{display:none}.show-sm{display:none!important}.inbox-wrap{margin:-24px}@media (width<=900px){.nav-backdrop{z-index:40;background:#0a0c1973;display:block;position:fixed;inset:0}.inbox-wrap{margin:-16px}.topbar{padding:10px 12px}}@media (width<=700px){.hide-sm{display:none!important}.show-sm{display:inline-flex!important}.inbox-grid{grid-template-columns:minmax(0,1fr);height:calc(100vh - 56px)}.inbox-grid .conv-list{max-height:none}.inbox-grid.has-sel .conv-list,.inbox-grid:not(.has-sel) .chat{display:none}.modal,.drawer{padding:14px}h1{font-size:1.3rem}.row>input,.row>select{min-width:0}.card{padding:14px}.stat .v{font-size:1.3rem}}.visitor-banner{background:var(--warn-soft);color:var(--text);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 24px;font-size:.9rem;display:flex}@media (width<=700px){.visitor-banner{padding:8px 12px}}.demo-card:disabled{opacity:.7;cursor:progress}.tour ol{flex-direction:column;gap:10px;margin:0;padding-inline-start:20px;display:flex}