:root{--bg: #f5f6f7;--bg2: #ffffff;--bg3: #f0f1f3;--bg4: #e6e8eb;--border: #e3e5e8;--border2: #d1d4d9;--text: #16171a;--text2: #5c6066;--text3: #8a8d94;--green: #0a7d54;--green-l: #0c9a68;--green-dk: #086040;--green-dim: rgba(10, 125, 84, .1);--green-b: rgba(10, 125, 84, .28);--orange: #d85a30;--orange-dim: rgba(216, 90, 48, .1);--orange-b: rgba(216, 90, 48, .28);--cyan: #0288a8;--cyan-dim: rgba(2, 136, 168, .1);--red: #d64545;--red-dim: rgba(214, 69, 69, .1);--amber: #c88a1e;--amber-dim: rgba(200, 138, 30, .1);--blue: #185fa5;--blue-dim: rgba(24, 95, 165, .1);--purple: #6d5ef5;--purple-dim: rgba(109, 94, 245, .1);--teal: #0a7d54;--teal-dim: rgba(10, 125, 84, .1);--teal-b: rgba(10, 125, 84, .28);--ink: #0a7d54;--ink-soft: #064d34;--sidebar-text: rgba(230, 245, 238, .82);--sidebar-text-strong: #f2fbf7;--sidebar-text-dim: #a3d6c1;--sidebar-border: rgba(230, 245, 238, .1);--sidebar-active-bg: rgba(255, 255, 255, .14);--sidebar-active-text: #ffffff;--sidebar-active-accent: #ffffff;--msg-out-bg: #e9f2ee;--msg-out-border: var(--teal-b);--tpl-bg: #f9faf7;--tpl-border: #dde6e1;--r: 12px;--rs: 8px;--font-display: "Space Grotesk", "DM Sans", sans-serif}:root[data-theme=dark]{--bg: #0a1815;--bg2: #12241f;--bg3: #162b25;--bg4: #1e3a32;--border: #1e3a32;--border2: #2c4f45;--text: #eef5f1;--text2: #a9c4ba;--text3: #6f8f83;--green: #1d9e75;--green-l: #2ab98a;--green-dk: #0f6e56;--green-dim: rgba(29, 158, 117, .18);--green-b: rgba(29, 158, 117, .38);--orange: #f0997b;--orange-dim: rgba(240, 153, 123, .16);--orange-b: rgba(240, 153, 123, .35);--cyan: #4fc3d9;--cyan-dim: rgba(79, 195, 217, .16);--red: #f09595;--red-dim: rgba(240, 149, 149, .16);--amber: #fac775;--amber-dim: rgba(250, 199, 117, .16);--blue: #85b7eb;--blue-dim: rgba(133, 183, 235, .16);--purple: #afa9ec;--purple-dim: rgba(175, 169, 236, .16);--teal: #1d9e75;--teal-dim: rgba(29, 158, 117, .18);--teal-b: rgba(29, 158, 117, .38);--sidebar-active-bg: rgba(255, 255, 255, .14);--sidebar-active-text: #ffffff;--sidebar-active-accent: #ffffff;--msg-out-bg: rgba(29, 158, 117, .14);--msg-out-border: var(--teal-b);--tpl-bg: #162b25;--tpl-border: #1e3a32}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{font-family:Inter,DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;font-size:15px;transition:background .15s ease,color .15s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}::-webkit-scrollbar-track{background:transparent}.mono{font-family:DM Mono,monospace;font-size:12.5px;color:var(--text3)}.app{display:flex;min-height:100vh}.sidebar{width:224px;min-width:224px;background:linear-gradient(135deg,#0a7d54,#064d34 60%,#042e20);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.sidebar-logo{padding:18px 16px;display:flex;align-items:center;gap:10px}.sidebar-logo img{height:44px;width:auto;object-fit:contain;background:#fff;border-radius:8px;padding:3px 6px;flex-shrink:0}.sidebar-logo-text{line-height:1.2}.sidebar-logo-text .name{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--sidebar-text-strong);letter-spacing:-.3px}.sidebar-logo-text .sub{font-size:11px;color:var(--sidebar-text-dim);text-transform:uppercase;letter-spacing:.5px}.sidebar-logo-text .credit{font-size:10px;color:var(--sidebar-text-dim);margin-top:3px}.sidebar-nav{flex:1;padding:6px 12px;overflow-y:auto}.nav-section{font-size:11px;color:var(--sidebar-text-dim);font-weight:600;letter-spacing:.7px;text-transform:uppercase;padding:14px 6px 6px}.nav-item{display:flex;align-items:center;padding:8px 10px;border-radius:var(--rs);cursor:pointer;font-size:13.5px;font-weight:500;color:var(--sidebar-text-dim);margin-bottom:1px;transition:background .13s,color .13s;-webkit-user-select:none;user-select:none;gap:10px}.nav-item:hover{background:#f1efe80d;color:var(--sidebar-text-strong)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left:2px solid var(--sidebar-active-accent);padding-left:8px}.nav-item svg{flex-shrink:0;opacity:.9}.nav-badge{margin-left:auto;font-size:10.5px;font-weight:600;padding:1px 6px;min-width:18px;text-align:center;border-radius:999px;background:#fff3;color:#fff}.nav-badge.red{background:var(--red)}.nav-badge.amber{background:var(--amber)}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--sidebar-border)}.sidebar-footer .name{font-size:12px;font-weight:500;color:var(--sidebar-text)}.sidebar-footer .sub{font-size:11px;color:var(--sidebar-text-dim);margin-top:2px}.main{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar-title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.2px}.topbar-sub{font-size:12px;color:var(--text3);margin-top:1px}.topbar-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);display:inline-block}.status-dot.live{animation:pulse 2s infinite}.status-dot.offline{background:var(--orange)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.content{flex:1;padding:22px 24px;background:var(--bg)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px}.card-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text)}.card-sub{font-size:12.5px;color:var(--text3);margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-left:2px solid var(--border);border-radius:var(--r);padding:14px 16px}.stat-label{font-size:11px;color:var(--text3);font-weight:500;letter-spacing:.2px;margin-bottom:8px;text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.5px}.stat-desc{font-size:11px;color:var(--text3);margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{padding:10px 14px;text-align:left;font-weight:600;font-size:11.5px;color:var(--text3);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:var(--bg3)}tbody td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--teal-dim)}.badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:600}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-green{background:var(--green-dim);color:var(--green)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-teal{background:var(--teal-dim);color:var(--teal)}.badge-gray{background:var(--bg3);color:var(--text3)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--rs);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-family:DM Sans,sans-serif;transition:all .13s}.btn:hover{background:var(--bg3);border-color:var(--border2)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff;border-color:var(--green-dk)}.btn-primary:hover{background:var(--green-dk)}.btn-sm{padding:3px 8px;font-size:12px}.btn-danger{background:var(--red-dim);color:var(--red);border-color:var(--red-dim)}.inp{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rs);color:var(--text);font-family:DM Sans,sans-serif;font-size:13.5px;padding:6px 9px;outline:none;width:100%;transition:all .13s}.inp:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0a7d541a}.form-label{font-size:12.5px;color:var(--text2);margin-bottom:4px;font-weight:500}.tab-row{display:flex;gap:2px;padding:0 15px;border-bottom:1px solid var(--border);background:var(--bg2)}.tab-btn{padding:9px 14px;font-size:13.5px;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;transition:all .13s;font-weight:500;background:none;border-top:none;border-left:none;border-right:none}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--teal);border-bottom-color:var(--teal)}.msg-row{display:flex;justify-content:flex-end;margin-bottom:2px}.msg-row.inbound{justify-content:flex-start}.msg-col{max-width:85%}.msg-col .trigger-pill{display:block;width:fit-content;margin-left:auto}.msg-row.inbound .msg-col .trigger-pill{margin-left:0;margin-right:auto}.msg-bubble{background:var(--msg-out-bg);border:1px solid var(--msg-out-border);border-radius:10px 10px 3px;padding:8px 12px;font-size:13.5px;line-height:1.5;margin-bottom:6px;word-break:break-word}.msg-bubble.inbound{background:var(--bg2, #f2f2f2);border:1px solid var(--border);border-radius:10px 10px 10px 3px}.msg-meta{font-size:11.5px;color:var(--text3);text-align:right;margin-bottom:8px}.msg-meta.inbound{text-align:left}.trigger-pill{display:inline-block;font-size:11.5px;padding:1px 7px;border-radius:4px;background:var(--teal-dim);color:var(--teal);font-weight:600;margin-bottom:4px;border:1px solid var(--teal-b)}.trigger-pill.inbound{background:var(--bg2, #eee);color:var(--text3);border-color:var(--border)}.date-divider{text-align:center;font-size:12.5px;color:var(--text3);padding:10px 0;display:flex;align-items:center;gap:8px;font-weight:500}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:var(--border)}.hist-split{display:grid;grid-template-columns:210px 1fr;min-height:500px;height:calc(100vh - 220px)}.hist-list{border-right:1px solid var(--border);overflow-y:auto}.hist-item{padding:9px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.hist-item:hover{background:var(--bg3)}.hist-item.sel{background:var(--teal-dim);border-left:3px solid var(--teal)}.hist-thread{overflow-y:auto;padding:14px;display:flex;flex-direction:column}.empty{text-align:center;color:var(--text3);font-size:13.5px;padding:30px;font-style:italic}.info-banner{background:var(--teal-dim);border:1px solid var(--teal-b);border-radius:var(--rs);padding:10px 15px;margin-bottom:14px;font-size:13.5px;color:var(--teal)}.template-bubble{margin-top:10px;background:var(--tpl-bg);border:1px solid var(--tpl-border);border-radius:var(--rs);padding:10px 12px;font-size:13px;line-height:1.7;color:var(--text)}.tpl-head{background:#0a7d540f}.tpl-head-amber{background:#d977060f}.tpl-head-blue{background:#1a6fb50f}.tpl-head-purple{background:#7c3aed0f}.row-list{padding:6px}.row-item{display:flex;align-items:center;padding:8px;border-radius:var(--rs);gap:10px;border-bottom:1px solid var(--border)}.row-item:hover{background:var(--bg3)}.row-list>.row-item:last-child,.row-list>.call-row:last-child,.row-list>.list-row:last-child{border-bottom:none}.row-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700}.row-avatar.green{background:var(--green-dim);color:var(--green)}.row-avatar.red{background:var(--red-dim);color:var(--red)}.row-avatar.amber{background:var(--amber-dim);color:var(--amber)}.row-avatar.gray{background:var(--bg3);color:var(--text3)}.row-main{flex:1;min-width:0;font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:11px;color:var(--text3);margin-top:1px}.row-trailing{font-size:11.5px;font-weight:600;flex-shrink:0}.row-trailing.green{color:var(--green)}.row-trailing.red{color:var(--red)}.row-trailing.amber{color:var(--amber)}.row-trailing.gray{color:var(--text3)}.call-row{display:grid;grid-template-columns:32px minmax(140px,260px) 84px 210px 150px;align-items:center;column-gap:16px;padding:8px;border-radius:var(--rs);border-bottom:1px solid var(--border)}.call-row:hover{background:var(--bg3)}.call-row .row-status{font-size:11.5px;font-weight:600;text-transform:capitalize}.call-row .row-status.green{color:var(--green)}.call-row .row-status.red{color:var(--red)}.call-row .row-status.amber{color:var(--amber)}.call-row .row-status.gray{color:var(--text3)}.call-row audio{width:100%;height:28px}.call-row .row-action{display:flex;justify-content:flex-start}.list-row{display:grid;grid-template-columns:32px minmax(140px,260px) max-content;align-items:center;column-gap:16px;padding:8px;border-radius:var(--rs);border-bottom:1px solid var(--border)}.list-row:hover{background:var(--bg3)}