:root{--panel: rgba(255,251,245,.95);--line: rgba(63,43,27,.12);--text: #23170d;--muted: #70584a;--accent: #d6632f;--accent-soft: rgba(214,99,47,.14);--teal: #0f766e;--green: #166534;--green-soft: rgba(22,101,52,.1);--red: #b91c1c;--red-soft: rgba(185,28,28,.1);--nav-w: 220px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#f6f0e6,#efe8dc);color:var(--text)}h1,h2,p{margin:0}.app-shell{display:flex;min-height:100vh}.nav-sidebar{width:var(--nav-w);flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:2px 0 16px #3d271412}.nav-brand{padding:22px 18px 16px;border-bottom:1px solid var(--line)}.brand-name{display:block;font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.brand-sub{display:block;font-size:.7rem;color:var(--muted);margin-top:2px}.nav-links{flex:1;padding:10px;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font:inherit;font-size:.9rem;font-weight:500;color:var(--muted);text-decoration:none;border:none;background:none;cursor:pointer;text-align:left;width:100%;transition:background .12s,color .12s}.nav-link:hover{background:var(--accent-soft);color:var(--text)}.nav-link.active{background:var(--accent);color:#fff;font-weight:600}.nav-link .icon{font-size:1rem;flex-shrink:0;line-height:1}.nav-footer{padding:10px;border-top:1px solid var(--line)}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.page-topbar{position:sticky;top:0;z-index:10;background:#f6f0e6f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:14px 24px}.page-title h1{font-size:1.4rem;font-weight:800}.page-title p{color:var(--muted);font-size:.84rem;margin-top:2px}.page-content{flex:1;padding:20px 24px 48px;display:flex;flex-direction:column;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 32px #3d271412}.stats-bar{display:flex;gap:1px;background:var(--line);border-radius:18px;overflow:hidden}.stat{flex:1;padding:18px 20px;background:var(--panel);display:flex;flex-direction:column;gap:3px}.stat strong{font-size:1.9rem;font-weight:800;line-height:1}.stat span{font-size:.74rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat small{font-size:.72rem;color:var(--muted);margin-top:1px}.stat .stat-error{color:var(--red)}.toolbar{padding:18px 20px;border-bottom:1px solid var(--line)}.search-form{display:flex;gap:10px;flex-wrap:wrap}.search-form input{flex:1;min-width:240px;font:inherit;font-size:.94rem;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);outline:none}.search-form button,.btn-link{font:inherit;font-size:.9rem;font-weight:700;padding:10px 16px;border:none;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer}.btn-muted{background:#fff;color:var(--muted);border:1px solid var(--line)}.table-wrap{overflow-x:auto}.result-table{width:100%;border-collapse:collapse;font-size:.9rem}.result-table th{text-align:left;padding:11px 16px;font-size:.73rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap}.result-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.result-table tr:last-child td{border-bottom:none}.result-table tr:hover td{background:#d6632f08}.phone-link,.debug-link{color:var(--text);font-weight:700;text-decoration:none}.phone-link:hover,.debug-link:hover{color:var(--accent)}.msg-snippet{min-width:280px;max-width:520px;color:var(--muted);line-height:1.45}.reply-snippet{min-width:280px;max-width:520px;line-height:1.45}.error-row td{background:var(--red-soft)}.error-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#b42318;color:#fff;font-size:.72rem;font-weight:700;margin-left:8px}.empty{padding:40px 24px;text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;flex-wrap:wrap}.pagination button.btn-muted{font-size:.85rem;padding:8px 14px}.pagination button.btn-muted:disabled{opacity:.6;cursor:default}@media(max-width:860px){:root{--nav-w: 58px}.brand-sub,.nav-link span:not(.icon){display:none}.brand-name{font-size:0}.nav-brand{padding:14px 8px;text-align:center}.nav-link{justify-content:center;padding:10px}.page-content{padding:14px 14px 40px}.page-topbar{padding:12px 14px}.stats-bar{flex-wrap:wrap}}:root{--bg: #f4f4f7;--panel: rgba(255,255,255,.98);--surface: #ffffff;--line: #d8d8e3;--text: #0f0f12;--muted: #5b5b66;--accent: #610add;--accent-soft: rgba(97,10,221,.1);--accent-strong: #4d08b2;--teal: #610add;--teal-soft: rgba(97,10,221,.1);--inbound: rgba(97,10,221,.06);--outbound: rgba(17,17,20,.04);--green: #067647;--green-soft: rgba(6,118,71,.1);--red: #b42318;--red-soft: rgba(180,35,24,.1)}body{font-family:Aptos,Inter,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(97,10,221,.08),transparent 28%),linear-gradient(180deg,#fcfcff 0%,var(--bg) 100%);color:var(--text)}.nav-sidebar{background:#121216;border-right:1px solid rgba(255,255,255,.08);box-shadow:10px 0 30px #0000001f}.nav-brand{border-bottom-color:#ffffff14}.brand-name{font-family:Bahnschrift,Aptos Display,Segoe UI,sans-serif;color:#fff;font-size:1.08rem;letter-spacing:.01em}.brand-sub{color:#ffffffa6;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.nav-link{color:#ffffffb8;font-weight:600;border-radius:12px;transition:background .12s,color .12s,transform .12s}.nav-link:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.nav-link.active{background:var(--accent);color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff14}.nav-footer{border-top-color:#ffffff14}.page-topbar{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(97,10,221,.12)}.page-title h1,.card-head h2{font-family:Bahnschrift,Aptos Display,Segoe UI,sans-serif;letter-spacing:.01em}.page-title h1{font-size:1.5rem}.page-title p,.card-head p{color:var(--muted)}.panel{background:var(--panel);border:1px solid rgba(97,10,221,.12);border-radius:22px;box-shadow:0 18px 40px #1111140f}.stats-bar{background:#ddddea}.search-input,.field input,.field textarea,.search-form input{border-color:#cfd0d8;border-radius:12px}.search-input:focus,.field input:focus,.field textarea:focus,.search-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #610add1f;outline:none}.btn-primary,.btn-send,.search-form button,.btn-link,.debug-link,.btn-muted,.btn-danger{font-weight:700}.btn-primary,.btn-send,.search-form button,.btn-link:not(.btn-muted):not(.debug-link){background:var(--accent);color:#fff}.btn-primary:hover,.btn-send:hover,.search-form button:hover,.btn-link:not(.btn-muted):not(.debug-link):hover{background:var(--accent-strong)}.btn-muted{background:#fff;color:var(--text);border:1px solid #cfd0d8}.debug-link{color:var(--accent);border-color:#610add2e;background:#610add0f}.debug-link:hover{background:#610add1f}.customer-table th,.locations-table th,.log-table th{background:#610add0a;border-bottom-color:#ddddea;font-weight:800;letter-spacing:.06em}.customer-table td,.locations-table td,.log-table td{border-bottom-color:#ececf3}.customer-table tr:hover td,.locations-table tbody tr:hover td,.log-table tr:hover td{background:#610add09}.badge-inbound,.dir-inbound,.type-sms,.alias{background:#610add1a;color:var(--accent)}.badge-outbound,.dir-outbound,.type-call{background:#11111414;color:#23232a}.bubble.inbound,.bubble-in,.inbound{background:#610add0f;border-color:#610add24}.bubble.outbound,.bubble-out,.outbound,.spoken-msg{background:#1111140a;border-color:#11111414}.thread-toggle,.conv-toggle,.send-toggle-icon{background:#610add1a;color:var(--accent)}.page-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-wrap{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-style:normal}.search-input{font:inherit;font-size:.88rem;padding:9px 14px 9px 36px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);outline:none;width:240px;transition:border-color .15s,width .2s}.search-input:focus{width:300px}.search-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.back-link{font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none;padding:6px 14px;border-radius:999px;border:1px solid rgba(97,10,221,.22);background:#610add0f;white-space:nowrap}.back-link:hover{background:#610add1f}.conv-list{display:flex;flex-direction:column}.conv-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .12s}.conv-row:last-child{border-bottom:none}.conv-row:hover{background:var(--accent-soft)}.conv-left{display:flex;flex-direction:column;gap:3px;min-width:0}.conv-phone{font-size:1rem;font-weight:700;color:var(--text);white-space:nowrap}.conv-id{font-size:.74rem;color:var(--muted);font-family:monospace}.conv-meta{font-size:.78rem;color:var(--muted)}.conv-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.tool-pill,.tool-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:.72rem;font-weight:700}.conv-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.conv-count,.conv-time{font-size:.8rem;color:var(--muted);white-space:nowrap}.conv-arrow{font-size:1rem;color:var(--muted)}.list-footer{display:flex;justify-content:center;padding:18px 20px 22px;border-top:1px solid var(--line)}.btn-load-more{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;border:1px solid rgba(97,10,221,.22);background:#610add0f;color:var(--accent);font:inherit;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer}.btn-load-more:hover{background:#610add1f}.no-results{padding:24px;text-align:center;color:var(--muted);font-size:.9rem}.status-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.73rem;font-weight:600}.s-completed{background:var(--green-soft);color:var(--green)}.s-initiated{background:var(--accent-soft);color:var(--accent)}.s-in-progress,.s-elevenlabs_handoff{background:var(--teal-soft);color:var(--teal)}.s-failed,.s-busy,.s-no-answer{background:var(--red-soft);color:var(--red)}.s-default{background:#5b5b661a;color:var(--muted)}.field{display:grid;gap:5px;margin-top:14px}.field label{font-size:.77rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field input,.field textarea,.field select{font:inherit;font-size:.93rem;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);width:100%;outline:none;transition:border-color .15s}.field textarea{resize:vertical;min-height:76px}.form-footer{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.btn-primary{font:inherit;font-size:.9rem;font-weight:700;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:999px;cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{font:inherit;font-size:.84rem;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;background:var(--red);color:#fff;border:1px solid var(--red)}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{font:inherit;font-size:.84rem;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--text)}.feedback{font-size:.83rem;padding:6px 12px;border-radius:8px}.feedback.ok{background:var(--green-soft);color:var(--green)}.feedback.err{background:var(--red-soft);color:var(--red)}.feedback.wait{background:var(--accent-soft);color:var(--accent)}.send-panel{overflow:hidden}.send-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:none;border:none;cursor:pointer;font:inherit;color:var(--text);font-weight:600;font-size:.92rem;text-align:left}.send-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;font-size:1rem;flex-shrink:0;transition:transform .2s}.send-toggle[aria-expanded=true] .send-toggle-icon{transform:rotate(45deg)}.send-body{padding:0 20px 20px;border-top:1px solid var(--line)}.mode-switch{display:inline-flex;gap:4px;margin-top:14px;padding:4px;border-radius:999px;background:#610add0f}.mode-switch button{font:inherit;font-size:.82rem;font-weight:700;padding:7px 16px;border:none;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.mode-switch button.active{background:var(--accent);color:#fff}.chat-panel{padding:20px 24px;display:flex;flex-direction:column;gap:4px}.msg-group{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.msg-group:last-child{margin-bottom:0}.msg-time{font-size:.74rem;color:var(--muted);text-align:center;margin-bottom:8px;margin-top:4px}.bubble-row{display:flex}.bubble-row.left{justify-content:flex-start}.bubble-row.right{justify-content:flex-end}.bubble{max-width:72%;padding:10px 14px;border:1px solid transparent}.bubble p{margin:0;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.bubble-label{font-size:.68rem;text-transform:uppercase;font-weight:700;letter-spacing:.04em;color:var(--muted);margin-bottom:12px}.bubble-label.label-left{text-align:left;padding-left:2px}.bubble-label.label-right{text-align:right;padding-right:2px}.bubble-customer{background:var(--inbound);border-color:#610add24;border-radius:18px 18px 18px 4px}.bubble-assistant{background:var(--outbound);border-color:#11111414;border-radius:18px 18px 4px}.bubble-error{background:#b42318;border-color:#991b1b;border-radius:18px 18px 4px}.bubble-error p{color:#fff}.msg-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.msg-meta.right{justify-content:flex-end}.error-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#b42318;color:#fff;font-size:.72rem;font-weight:700}.tool-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.entry{border-radius:16px;border:1px solid var(--line);background:var(--surface);overflow:hidden;scroll-margin-top:24px}.entry.target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.entry-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.entry.target .entry-head{background:var(--accent-soft)}.entry-id{font-size:.76rem;font-weight:700;color:var(--accent);text-transform:uppercase}.entry-time{color:var(--muted);font-size:.8rem}.bubbles{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px}.bubbles .bubble{max-width:none;border-radius:12px;border:1px solid var(--line)}.bubbles .bubble h3{font-size:.74rem;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.json-row{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 14px 12px}details.json-block{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}details.json-block summary{list-style:none;cursor:pointer;padding:8px 12px;font-size:.8rem;font-weight:700;color:var(--muted);border-bottom:1px solid transparent}details.json-block summary::-webkit-details-marker{display:none}details.json-block[open] summary{border-bottom-color:var(--line)}.json-block pre{margin:0;padding:10px 12px;font-size:.76rem;line-height:1.5;overflow-x:auto;color:var(--text);background:#11111408}.pill-row{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.76rem;font-weight:700}.pill.tool{color:var(--teal);border-color:#610add2e;background:var(--teal-soft)}.pill.voice{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}details.conv{overflow:hidden}details.conv>summary{list-style:none;cursor:pointer;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}details.conv>summary::-webkit-details-marker,details.conv>summary::marker{display:none}.conv-info{display:grid;gap:5px}.conv-route{display:flex;gap:8px;align-items:center;font-weight:700;font-size:1rem}.conv-route .arrow{color:var(--accent)}.conv-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;font-size:1rem;line-height:1;flex-shrink:0;transition:transform .15s}details.conv[open] .conv-toggle{transform:rotate(45deg)}.conv-body{border-top:1px solid var(--line);padding:16px 22px;display:grid;gap:12px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.chart-card{padding:18px 20px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}.chart-card h2{font-size:1rem;font-weight:800}.chart-card p{color:var(--muted);font-size:.8rem}.chart-body{position:relative;height:260px}.chart-body.tall{height:320px}.filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px 20px}.filter-row .field{margin-top:0;min-width:160px;flex:0 1 auto}.period-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#610add0f}.period-switch a{font-size:.82rem;font-weight:700;padding:7px 16px;border-radius:999px;color:var(--muted);text-decoration:none}.period-switch a.active{background:var(--accent);color:#fff}@media(max-width:860px){.bubbles,.json-row,.chart-grid{grid-template-columns:1fr}}