:root{--bg:#0b0e12;--panel:#12161c;--panel-2:#181d25;--panel-3:#1f252e;--border:#262d38;--border-strong:#333c49;--text:#eef1f5;--muted:#93a0af;--text-tertiary:#626d7b;--accent:#2fa66d;--accent-strong:#3fc482;--accent-dim:#1f7a52;--accent-wash:#2fa66d1f;--warn:#e2a33d;--warn-wash:#e2a33d1f;--danger:#e0645c;--danger-wash:#e0645c1f;--info:#5b9bd9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--text-xs:12px;--text-sm:13px;--text-base:14.5px;--text-md:16px;--text-lg:19px;--text-xl:23px;--radius-sm:7px;--radius:10px;--radius-lg:14px;--shadow-sm:0 4px 16px #00000047;--shadow-md:0 12px 40px #0006;--transition:.14s ease}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Noto Sans Arabic,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;height:100%;margin:0;padding:0;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:650}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:var(--radius);transition:background var(--transition), border-color var(--transition), color var(--transition);padding:8px 14px;font-weight:500}button:hover:not(:disabled){background:var(--panel-3);border-color:var(--border-strong)}button:focus-visible{outline:2px solid var(--accent-dim);outline-offset:1px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent-dim);border-color:var(--accent-dim);color:#f4fbf7;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}button.danger{color:#f0a29c;border-color:#4a2b2b}button.danger:hover:not(:disabled){background:var(--danger-wash);border-color:var(--danger)}input,textarea{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);width:100%;transition:border-color var(--transition);padding:10px 12px}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus{border-color:var(--accent-dim);outline:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.badge{font-size:var(--text-xs);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-weight:600;line-height:1.6;display:inline-flex}.badge.waiting_human{color:var(--warn);background:var(--warn-wash);border-color:#0000}.badge.waiting_customer{color:var(--info);background:#5b9bd91f;border-color:#0000}.badge.new{color:var(--accent-strong);background:var(--accent-wash);border-color:#0000}.badge.closed,.badge.archived{opacity:.7}.layout{grid-template-columns:380px 1fr;height:100vh;display:grid;overflow:hidden}@media (max-width:860px){.layout{grid-template-columns:1fr}.layout.has-selection>.sidebar,.layout:not(.has-selection)>main{display:none}}.back-to-list{display:none}@media (max-width:860px){.back-to-list{display:inline-block}}.sidebar{border-inline-end:1px solid var(--border);background:var(--panel);overflow-y:auto}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--panel);z-index:5;display:flex;position:sticky;top:0}.filters{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.filters button{font-size:var(--text-sm);padding:5px 12px}.filters button.active{background:var(--accent-dim);border-color:var(--accent-dim);color:#f4fbf7}.conv{padding:13px var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition), border-color var(--transition);border-inline-start:3px solid #0000;display:block}.conv:hover{background:var(--panel-2)}.conv.active{background:var(--panel-2);border-inline-start-color:var(--accent)}.conv-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:5px;display:flex}.conv-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.thread{flex-direction:column;height:100vh;display:flex;overflow:hidden}.messages{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:68%;padding:9px 13px;line-height:1.55}.bubble.inbound{background:var(--panel-2);border-bottom-left-radius:3px;align-self:flex-start}.bubble.outbound{background:#163f2c;border-bottom-right-radius:3px;align-self:flex-end}.bubble .meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:5px}.draft{border-top:1px solid var(--border);background:var(--panel);padding:var(--space-4) var(--space-5)}.draft-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.score{font-variant-numeric:tabular-nums;font-weight:700}.score.good{color:var(--accent-strong)}.score.mid{color:var(--warn)}.score.bad{color:var(--danger)}.subscores{gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap;display:flex}.actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.reasons{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--warn);padding-inline-start:18px}.center{height:100vh;padding:var(--space-5);background:radial-gradient(560px 360px at 50% -8%, #2fa66d12, transparent 65%), var(--bg);justify-content:center;align-items:center;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);width:100%;max-width:380px}.field{margin-bottom:var(--space-4)}.field label{font-size:var(--text-sm);color:var(--muted);margin-bottom:6px;display:block}.error{color:#f0a29c;font-size:var(--text-sm);margin-bottom:var(--space-3)}.empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.nav{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:var(--panel);display:flex}.nav-links{flex-wrap:wrap;gap:2px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);transition:background var(--transition), color var(--transition);padding:7px 13px;font-weight:500}.nav-link:hover{background:var(--panel-2);color:var(--text)}.nav-link.active{background:var(--panel-2);color:var(--accent-strong);font-weight:600}.page{padding:var(--space-6) var(--space-5);max-width:1320px;margin:0 auto}.page h2{margin:0 0 var(--space-5);font-size:var(--text-xl)}.toolbar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.toolbar input{max-width:320px}table.grid{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}table.grid th,table.grid td{padding:11px var(--space-3);text-align:start;border-bottom:1px solid var(--border);font-size:var(--text-base)}table.grid th{color:var(--text-tertiary);font-weight:600;font-size:var(--text-xs);letter-spacing:.02em;background:var(--panel-2)}table.grid tr:last-child td{border-bottom:none}table.grid tbody tr{transition:background var(--transition)}table.grid tbody tr:hover{background:var(--panel-2);cursor:pointer}.table-wrap{overflow-x:auto}.card-block{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-4)}.card-block h3{font-size:var(--text-md);margin:0 0 4px}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:10px 12px}.hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:5px;line-height:1.5}.hint.warn{color:var(--warn)}.saved{color:var(--accent-strong);font-size:var(--text-sm)}.drawer{z-index:50;background:#04060899;justify-content:flex-start;display:flex;position:fixed;inset:0}.drawer-inner{background:var(--bg);border-inline-end:1px solid var(--border);width:100%;max-width:560px;height:100%;box-shadow:var(--shadow-md);overflow-y:auto}.drawer-inner.wide{max-width:720px}.receipt-image{border-radius:var(--radius);border:1px solid var(--border);max-width:100%;max-height:420px;display:block}.template-menu{bottom:calc(100% + 6px);background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:20;width:min(420px,80vw);max-height:320px;box-shadow:var(--shadow-sm);position:absolute;inset-inline-start:0;overflow-y:auto}.template-item{padding:10px var(--space-3);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition)}.template-item:last-child{border-bottom:none}.template-item:hover{background:var(--panel-3)}code{background:var(--bg);font-size:var(--text-xs);color:var(--muted);border-radius:4px;padding:1px 6px}.stats{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.stat-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:700}.stat-label{font-size:var(--text-sm);color:var(--muted);margin-top:4px}.bell-count{background:var(--accent-dim);color:#f4fbf7;min-width:18px;font-size:var(--text-xs);text-align:center;border-radius:999px;margin-inline-start:6px;padding:1px 5px;font-weight:700;display:inline-block}.bell-count.critical{background:var(--danger)}.notif-menu{top:calc(100% + 6px);background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:40;width:min(400px,88vw);max-height:420px;box-shadow:var(--shadow-sm);position:absolute;inset-inline-end:0;overflow-y:auto}.notif-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-bottom:1px solid var(--border);background:var(--panel-2);display:flex;position:sticky;top:0}.notif-item{padding:11px var(--space-3);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);border-inline-start:3px solid #0000}.notif-item:hover{background:var(--panel-3)}.notif-item.read{opacity:.55;border-inline-start-color:#0000}.notif-item:not(.read){border-inline-start-color:var(--accent-dim)}.sev{font-size:var(--text-sm);font-weight:600}.sev.warning{color:var(--warn)}.sev.critical{color:var(--danger)}.typing-indicator{background:var(--panel-2);border-radius:12px;align-self:flex-start;align-items:center;gap:4px;width:max-content;margin-bottom:8px;padding:8px 12px;display:flex}.typing-indicator span{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.4s infinite both typing}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.delivery-status{font-size:var(--text-xs);align-items:center;margin-inline-start:4px;display:inline-flex}.delivery-status.read{color:#53bdeb}