:root{--yellow:#F0B429;--yellow-d:#D49A1A;--yellow-soft:#FFF6DC;--bg:#F6F5F1;--bg2:#FFFFFF;--bg3:#FFFFFF;--bg4:#EEEDE9;--line:#E2E1DD;--line-hi:rgba(212,154,26,.55);--text:#1A1A1A;--dim:#555;--muted:#8A867E;--pos:#188A3A;--neu:#666;--neg:#C7261C;--alert:#D97706;--shadow: 0 1px 2px rgba(20,20,20,.04), 0 4px 12px rgba(20,20,20,.05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:Nunito Sans,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--yellow-d);text-decoration:none}header{position:sticky;top:0;z-index:10;background:#f6f5f1f0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:0;padding-left:16px;padding-right:16px}.h-top{display:flex;align-items:center;gap:12px;padding-bottom:12px}.brand{flex:1;min-width:0}.kicker{font-family:Oswald,sans-serif;color:var(--yellow-d);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;line-height:1}h1{font-family:Oswald,sans-serif;font-size:19px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text);margin-top:3px}.refresh{background:var(--bg2);border:1px solid var(--line);color:var(--dim);padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;display:flex;gap:6px;align-items:center;font-family:inherit;box-shadow:var(--shadow)}.refresh:hover{border-color:var(--line-hi);color:var(--text)}.refresh svg{transition:.2s}.refresh.spinning svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:0;margin:0 -16px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:none;border:0;color:var(--muted);font-family:Oswald,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 14px;cursor:pointer;position:relative;white-space:nowrap}.tab:hover,.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2.5px;background:var(--yellow);border-radius:2px}.tab .badge{display:inline-block;margin-left:6px;background:var(--bg4);color:var(--dim);font-family:Nunito Sans,sans-serif;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:10px;letter-spacing:0}.tab.active .badge{background:var(--yellow);color:#1a1a1a}.tab .badge.alert{background:var(--alert);color:#fff}main{padding:14px 16px;padding-bottom:calc(60px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto}.status{color:var(--muted);font-size:12.5px;padding:6px 4px 14px;letter-spacing:.02em}.status b{color:var(--text);font-weight:700}.section-lbl{font-family:Oswald,sans-serif;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:14px 4px 8px;display:flex;align-items:center;gap:8px}.section-lbl .dot{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.section-lbl.help .dot{background:var(--alert);box-shadow:0 0 8px #d9770699}.section-lbl.help{color:var(--alert)}.card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:15px 16px;margin-bottom:10px;transition:.2s;cursor:pointer;position:relative;box-shadow:var(--shadow)}.card:hover,.card:active{border-color:var(--line-hi);transform:translateY(-1px);box-shadow:0 2px 4px #1414140f,0 8px 20px #14141414}.card.today{border-left:3px solid var(--yellow)}.card.alert{border-left:3px solid var(--alert);background:#fffbf3}.card-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px}.card-left{flex:1;min-width:0}.card-kind{display:inline-flex;align-items:center;gap:5px;font-family:Oswald,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--yellow-d);margin-bottom:5px}.card-kind.chat{color:#0369a1}.card-kind.sms{color:var(--pos)}.card-kind.lead{color:#7c3aed}.billing-bar{margin:12px 20px 0;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;font-size:13px;color:var(--text)}.billing-bar .bb-label{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--dim);margin-right:4px}.billing-bar .bb-item{white-space:nowrap}.billing-bar .bb-item b{color:var(--text);font-weight:700}.billing-bar .bb-total{margin-left:auto;padding:5px 12px;background:#fff8e5;border:1px solid #F0B429;border-radius:8px;color:#8a5a00;font-weight:700}.billing-bar .bb-note{font-size:11px;color:var(--dim);flex-basis:100%;margin-top:2px}.from{font-family:Oswald,sans-serif;font-size:17px;font-weight:600;letter-spacing:.02em;color:var(--text);line-height:1.15}.from small{font-family:Nunito Sans,sans-serif;color:var(--muted);font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;display:block;margin-top:3px}.meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.dur{background:var(--bg4);color:var(--text);font-family:Oswald,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.05em;padding:3px 9px;border-radius:12px}.senti{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:2px 7px;border-radius:10px}.senti.positive{background:#e1f4e7;color:var(--pos)}.senti.neutral{background:#eeede9;color:var(--neu)}.senti.negative{background:#fbe3e1;color:var(--neg)}.needs-badge{background:var(--alert);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:2px 7px;border-radius:10px}.summary{color:#3a3a3a;font-size:13.5px;line-height:1.5;margin-top:6px;margin-bottom:12px}.card-actions{display:flex;gap:6px;flex-wrap:wrap}.btn{background:var(--bg2);color:var(--text);border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:600;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:.15s}.btn:hover{border-color:var(--yellow);background:var(--yellow-soft);color:var(--text)}.btn.primary{background:var(--yellow);color:#1a1a1a;border-color:var(--yellow)}.btn.primary:hover{background:var(--yellow-d);color:#1a1a1a}.back{display:inline-flex;gap:6px;align-items:center;color:var(--dim);font-size:13px;font-weight:600;padding:8px 0;margin-bottom:8px;cursor:pointer;background:none;border:0;font-family:inherit}.back:hover{color:var(--yellow-d)}.detail .hdr{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.detail .hdr.alert{border-left:4px solid var(--alert);background:#fffbf3}.detail .hdr .from{font-size:22px;margin-bottom:6px}.detail .hdr .row{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:10px;align-items:center}.detail .hdr .row b{color:var(--text);font-weight:700}.detail h3{font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow-d);margin:22px 0 8px}.summary-block{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--text);line-height:1.55;font-size:14.5px;box-shadow:var(--shadow)}.player-block{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow)}.detail audio{width:100%}.transcript{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:6px 4px;max-height:60vh;overflow-y:auto;box-shadow:var(--shadow)}.turn{padding:10px 14px;border-radius:10px;margin:5px 8px;font-size:14px;line-height:1.5}.turn.agent{background:var(--yellow-soft);color:#4a3a0a;border:1px solid #F5E4B8}.turn.user{background:var(--bg4);color:var(--text);border:1px solid var(--line)}.turn .role{font-family:Oswald,sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-weight:600}.turn.agent .role{color:var(--yellow-d)}.sms-turn{display:flex;margin:6px 8px}.sms-turn.in{justify-content:flex-start}.sms-turn.out{justify-content:flex-end}.sms-bubble{max-width:80%;padding:9px 13px;border-radius:16px;font-size:14px;line-height:1.42;word-wrap:break-word}.sms-turn.in .sms-bubble{background:var(--bg4);color:var(--text);border-bottom-left-radius:4px;border:1px solid var(--line)}.sms-turn.out .sms-bubble{background:var(--yellow);color:#1a1a1a;border-bottom-right-radius:4px;font-weight:500}.sms-time{font-size:10px;color:var(--muted);margin-top:3px;padding:0 4px;letter-spacing:.03em}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty h2{font-family:Oswald,sans-serif;color:var(--text);font-size:20px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}.empty p{line-height:1.55;font-size:14px;max-width:340px;margin:0 auto}.skel{background:linear-gradient(90deg,#eeede9 25%,#f6f5f1,#eeede9 75%);background-size:200% 100%;animation:skel 1.6s linear infinite;border-radius:14px;height:120px;margin-bottom:10px}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}