:root{--bg:#faf7f2;--bg-2:#f3ece1;--surface:#fff;--surface-2:#fbf8f3;--border:#ece4d8;--border-2:#e2d8c8;--text:#292524;--text-soft:#57534e;--muted:#8b8178;--accent:#10b981;--accent-dark:#059669;--accent-soft:#d1fae5;--accent-ink:#065f46;--amber:#d97706;--amber-soft:#fef3c7;--blue:#2563eb;--blue-soft:#dbeafe;--red:#dc2626;--red-soft:#fee2e2;--radius:18px;--radius-md:12px;--radius-sm:9px;--shadow-sm:0 1px 2px #503c1e0f;--shadow:0 6px 22px #785a2817;--shadow-lg:0 18px 50px #785a2829;--ring:0 0 0 3px #10b9812e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Heebo,system-ui,sans-serif;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}::-webkit-scrollbar-track{background:0 0}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .15s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #10b98152}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-ghost{background:var(--surface);color:var(--text-soft);border:1px solid var(--border-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-danger:hover:not(:disabled){background:#fbcaca}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--text-soft);font-size:13px;font-weight:600}.input,.select,.textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:#c4bbae}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.input-ltr{text-align:left;direction:ltr}.textarea{resize:vertical;min-height:88px;line-height:1.6}.select{cursor:pointer}.error-text{color:var(--red);font-size:13.5px;font-weight:500}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.badge-pending{background:var(--amber-soft);color:var(--amber)}.badge-progress{background:var(--blue-soft);color:var(--blue)}.badge-resolved,.badge-approved{background:var(--accent-soft);color:var(--accent-ink)}.badge-failed{background:var(--red-soft);color:var(--red)}.spinner{border:3px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading{color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:70px 0;display:flex}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:70px 20px;display:flex}.empty-icon{font-size:46px}.empty-title{color:var(--text-soft);font-size:18px;font-weight:700}.page{max-width:1180px;margin:0 auto;padding:28px clamp(16px,4vw,40px)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.5px;font-size:26px;font-weight:800}.page-sub{color:var(--muted);margin-top:3px;font-size:14px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead th{text-align:right;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 16px;font-size:12.5px;font-weight:700}.table tbody td{border-bottom:1px solid var(--border);padding:14px 16px;font-size:14px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.td-ltr{text-align:right;font-variant-numeric:tabular-nums;direction:ltr}.td-muted{color:var(--muted);font-size:13px}@media (width<=760px){.table-wrap{display:none}}.card-list{flex-direction:column;gap:12px;display:none}@media (width<=760px){.card-list{display:flex}}.data-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:15px}.data-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.data-row{color:var(--text-soft);margin-top:4px;font-size:13.5px}.data-row span{color:var(--muted)}.data-card-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;font-size:12.5px;display:flex}.tabs{background:var(--bg-2);border-radius:12px;flex-wrap:wrap;gap:4px;padding:5px;display:inline-flex}.tab{color:var(--text-soft);border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.tab:hover{color:var(--text)}.tab-active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.tab-count{background:var(--bg-2);color:var(--muted);border-radius:99px;padding:1px 8px;font-size:12px;font-weight:700}.tab-active .tab-count{background:var(--accent-soft);color:var(--accent-ink)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#29252473;justify-content:center;align-items:center;padding:18px;animation:.18s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:92vh;animation:.2s cubic-bezier(.34,1.4,.6,1) pop;overflow-y:auto}.modal-sm{max-width:400px;padding:24px}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px;display:flex}.modal-title{font-size:19px;font-weight:800}.modal-close{width:34px;height:34px;color:var(--muted);border-radius:9px;font-size:16px;transition:all .15s}.modal-close:hover{background:var(--bg-2);color:var(--text)}.modal-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}@media (width<=560px){.grid-2,.grid-3{grid-template-columns:1fr}}.divider{background:var(--border);height:1px;margin:4px 0}.section-sub{color:var(--text-soft);font-size:14px;font-weight:700}.layout{min-height:100vh;display:flex}.main{flex:1;min-width:0}.sidebar{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:252px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:6px 8px 20px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 6px 16px #10b98159}.brand-name{font-size:17px;font-weight:800}.brand-sub{color:var(--accent);letter-spacing:1.5px;font-size:11px;font-weight:700}.nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-soft);align-items:center;gap:12px;padding:11px 13px;font-size:14.5px;font-weight:600;transition:all .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-active{background:var(--accent-soft);color:var(--accent-ink)}.nav-icon{font-size:18px}.nav-divider{background:var(--border);height:1px;margin:10px 6px}.side-bottom{border-top:1px solid var(--border);padding-top:14px}.user-card{border-radius:var(--radius-sm);align-items:center;gap:11px;padding:8px;display:flex}.user-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.user-name{font-size:14px;font-weight:700}.user-role{color:var(--muted);font-size:12px}.logout-btn{border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text-soft);margin-top:10px;padding:10px;font-size:14px;font-weight:600;transition:all .15s}.logout-btn:hover{background:var(--red-soft);color:var(--red)}.hamburger{z-index:60;background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none;position:fixed;top:14px;right:14px}.hamburger span{background:var(--text);border-radius:2px;width:20px;height:2px;transition:all .25s}.h1-open{transform:translateY(6px)rotate(45deg)}.h2-open{opacity:0}.h3-open{transform:translateY(-6px)rotate(-45deg)}.side-backdrop{display:none}@media (width<=900px){.hamburger{display:flex}.sidebar{z-index:70;box-shadow:var(--shadow-lg);transition:transform .25s;position:fixed;top:0;right:0;transform:translate(100%)}.sidebar-open{transform:translate(0)}.side-backdrop{z-index:65;background:#29252466;display:block;position:fixed;inset:0}.main{padding-top:60px}}.login-page{background:radial-gradient(1200px 600px at 80% -10%, #e9f7f0 0%, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;padding:40px 34px}.login-logo{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:19px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:30px;display:flex;box-shadow:0 10px 24px #10b98166}.login-title{font-size:25px;font-weight:800}.login-sub{color:var(--muted);margin-top:4px;margin-bottom:26px}.login-form{text-align:right;flex-direction:column;gap:16px;display:flex}.dash-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:99px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.stat .dot{border-radius:50%;width:8px;height:8px}.stat-pending .dot{background:var(--amber)}.stat-active .dot{background:var(--blue)}.stat-done .dot{background:var(--accent)}.new-badge{background:var(--accent);color:#fff;border-radius:99px;padding:6px 13px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #10b9814d}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 16px;display:flex}.channel-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.showing{color:var(--muted);font-size:13px}.list{flex-direction:column;gap:12px;display:flex}.inq{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .15s;overflow:hidden}.inq:hover{box-shadow:var(--shadow)}.inq-row{cursor:pointer;align-items:center;gap:14px;padding:15px 17px;display:flex}.inq-accent{border-radius:4px;align-self:stretch;width:4px}.inq-accent.pending{background:var(--amber)}.inq-accent.in-progress{background:var(--blue)}.inq-accent.resolved{background:var(--accent)}.inq-avatar{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.inq-avatar.pending{background:var(--amber-soft);color:var(--amber)}.inq-avatar.in-progress{background:var(--blue-soft);color:var(--blue)}.inq-avatar.resolved{background:var(--accent-soft);color:var(--accent-ink)}.inq-info{flex:1;min-width:0}.inq-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chan{border-radius:99px;padding:2px 9px;font-size:11.5px;font-weight:700}.chan-phone{background:var(--accent-soft);color:var(--accent-ink)}.chan-email{background:var(--blue-soft);color:var(--blue)}.inq-phone{direction:ltr;font-size:15px;font-weight:700}.inq-name{color:var(--muted);font-size:13px}.inq-subject{color:var(--text-soft);margin-top:4px;font-size:13.5px;font-weight:600}.inq-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:60ch;margin-top:2px;font-size:13.5px;overflow:hidden}.inq-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.inq-time{color:var(--muted);font-size:12px}.inq-resbadge{color:var(--accent-ink);background:var(--accent-soft);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.chevron{color:var(--muted);font-size:11px;transition:transform .2s}.chevron-open{transform:rotate(180deg)}.inq-panel{border-top:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:18px;padding:18px;display:flex}.section-title{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:700}.subject-full{margin-bottom:4px;font-size:14.5px;font-weight:700}.full-msg{color:var(--text-soft);white-space:pre-wrap;font-size:14.5px;line-height:1.7}.status-row{flex-wrap:wrap;gap:8px;display:flex}.s-btn{border:1px solid var(--border-2);background:var(--surface);color:var(--text-soft);border-radius:99px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .15s}.s-btn:hover{border-color:var(--muted)}.s-btn.active.pending{background:var(--amber-soft);color:var(--amber);border-color:#0000}.s-btn.active.in-progress{background:var(--blue-soft);color:var(--blue);border-color:#0000}.s-btn.active.resolved{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.thread{flex-direction:column;gap:10px;display:flex}.bubble{border-radius:14px;max-width:80%;padding:11px 14px}.bubble-in{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.bubble-out{background:var(--accent-soft);align-self:flex-end}.bubble-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.bubble-sender{color:var(--text-soft);font-size:12px;font-weight:700}.bubble-time{color:var(--muted);font-size:11px}.bubble-text{color:var(--text);white-space:pre-wrap;font-size:14px;line-height:1.6}.voice-tag{margin-top:6px;font-size:11px;font-weight:600;display:inline-block}.vt-pending{color:var(--muted)}.vt-sent{color:var(--accent)}.vt-failed{color:var(--red)}.email-thread{flex-direction:column;gap:12px;display:flex}.email-msg{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:13px}.email-in{border-right:3px solid var(--blue)}.email-out{border-right:3px solid var(--accent);background:var(--surface-2)}.email-meta{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.email-meta-left{gap:10px;display:flex}.email-avatar{background:var(--bg-2);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.email-from{font-size:13px;font-weight:700}.email-to{color:var(--muted);font-size:11.5px}.email-meta-right{text-align:left;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.email-date{color:var(--muted);font-size:11px}.email-body{color:var(--text-soft);white-space:pre-wrap;font-size:14px;line-height:1.6}.reply-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.stat-pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pill{background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600}.pill-approved{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.pill-failed{background:var(--red-soft);color:var(--red);border-color:#0000}.stepper{align-items:center;gap:6px;padding:20px 24px;display:flex}.step-item{flex:1;align-items:center;gap:9px;display:flex}.step-item:last-child{flex:0}.step-circle{background:var(--bg-2);width:38px;height:38px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.step-active .step-circle{background:var(--accent);color:#fff;box-shadow:0 4px 12px #10b98159}.step-done .step-circle{background:var(--accent-soft);color:var(--accent-ink)}.step-label{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.step-active .step-label{color:var(--text)}.step-line{background:var(--border);border-radius:2px;flex:1;min-width:16px;height:2px}.step-done+.step-line,.step-done .step-line{background:var(--accent-soft)}.line-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:12px;padding:15px}.line-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.line-num{color:var(--accent-ink);background:var(--accent-soft);border-radius:99px;padding:3px 11px;font-size:13px;font-weight:700}.remove-line{width:28px;height:28px;color:var(--red);background:var(--red-soft);border-radius:8px;font-size:13px}.lines-head{justify-content:space-between;align-items:center;display:flex}.add-line{color:var(--accent-ink);background:var(--accent-soft);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:700}.toggle-row{gap:8px;margin-bottom:12px;display:flex}.toggle-btn{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-2);color:var(--text-soft);flex:1;padding:9px;font-size:13.5px;font-weight:600;transition:all .15s}.toggle-btn.on{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.loading-text{color:var(--muted);padding:8px 0;font-size:13px}.customer-results{flex-direction:column;gap:6px;max-height:220px;margin-top:8px;display:flex;overflow-y:auto}.customer-row{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);text-align:start;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;transition:all .15s;display:flex}.customer-row:hover{background:var(--accent-soft);border-color:#0000}.ack-check{color:var(--text-soft);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.inline-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.inline-head{border-bottom:1px solid var(--border);padding:22px 24px}.success{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 28px;display:flex}.success-icon{font-size:56px}.success-title{font-size:22px;font-weight:800}.success-sub{color:var(--muted);margin-bottom:14px}.success-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.agent-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-ink);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:10px;font-size:14px;font-weight:800;display:inline-flex}.me-badge{color:var(--accent-ink);background:var(--accent-soft);border-radius:99px;margin-right:7px;padding:1px 8px;font-size:11px;font-weight:700}.role-admin{background:var(--accent-soft);color:var(--accent-ink)}.role-agent{background:var(--bg-2);color:var(--text-soft)}.toggle-active{background:var(--accent-soft);color:var(--accent-ink);border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:600}.toggle-inactive{background:var(--bg-2);color:var(--muted);border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:600}.toggle-active:disabled,.toggle-inactive:disabled{opacity:.6;cursor:default}.row-actions{gap:6px;display:flex}.icon-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:600;transition:all .15s}.icon-btn:hover{background:var(--bg-2)}.icon-btn.danger{color:var(--red)}.icon-btn.danger:hover{background:var(--red-soft)}.step-badge{color:var(--blue);background:var(--blue-soft);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.phone-cell{text-align:right;direction:ltr;font-weight:700}.kosher-head{text-align:center;margin-bottom:18px}.kosher-icon{font-size:40px}.kosher-row{gap:10px;margin-bottom:16px;display:flex}.kosher-row .input{flex:1}.result-card{border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:18px;display:flex}.result-blocked{background:var(--red-soft)}.result-kosher{background:var(--accent-soft)}.result-unknown{background:var(--bg-2)}.result-icon{font-size:30px}.result-phone{direction:ltr;font-size:17px;font-weight:800}.result-status{margin-top:2px;font-size:14px;font-weight:600}.result-meta{color:var(--text-soft);margin-top:6px;font-size:13px}.result-meta b{color:var(--muted);font-weight:600}.powered{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}.powered b{color:var(--accent-ink);font-weight:600}.toast-wrap{z-index:200;flex-direction:column;gap:10px;width:min(92vw,480px);display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;align-items:flex-start;gap:11px;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.55;animation:.25s toastIn;display:flex}.toast-success{color:var(--accent-ink);background:#ecfdf5;border:1px solid #a7f3d0}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.toast-icon{flex-shrink:0;font-size:18px;line-height:1.4}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}}