:root{--bg: #0f1216;--surface: #171b22;--surface-2: #1f2530;--border: #2a3140;--text: #e6e8ec;--muted: #8b93a3;--primary: #5b86ff;--accent: #46cf8a;--danger: #ff6369}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.brand{display:flex;align-items:center;gap:8px;font-weight:700}.brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--primary);color:#fff;font-weight:800}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.btn{background:var(--primary);color:#fff;border:0;padding:9px 16px;border-radius:8px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.alert{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:8px;padding:10px 12px;margin:8px 0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:340px;display:flex;flex-direction:column;gap:12px}.login label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.login input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:8px;font-size:.95rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.content{max-width:1100px;margin:0 auto;padding:24px}.content h1{font-size:20px;margin:0 0 18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media (max-width: 720px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.kpi.accent{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.kpi-label{font-size:.75rem;color:var(--muted)}.kpi-value{font-size:1.4rem;font-weight:700;margin-top:4px}.kpi.accent .kpi-value{color:var(--accent)}.kpi-sub{font-size:.72rem;color:var(--muted);margin-top:2px}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums}.tag{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);text-transform:uppercase}.tag.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.tag.trial{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.tag.canceled,.tag.suspended,.tag.past_due{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.tabnav{display:flex;gap:6px}.tab{background:transparent;border:1px solid transparent;color:var(--muted);padding:7px 14px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{background:var(--surface-2);border-color:var(--border);color:var(--text)}.content.wide{max-width:1300px}.conv-layout{display:grid;grid-template-columns:340px 1fr;gap:16px;height:calc(100vh - 200px);min-height:420px}@media (max-width: 820px){.conv-layout{grid-template-columns:1fr;height:auto}}.conv-list{display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden}.conv-search{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:8px;font-size:.9rem}.conv-items{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.conv-item{text-align:left;background:transparent;border:1px solid transparent;color:var(--text);padding:10px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.conv-item:hover{background:var(--surface-2)}.conv-item.active{background:var(--surface-2);border-color:var(--border)}.conv-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.conv-item-name{font-weight:600;font-size:.9rem}.conv-item-time{font-size:.68rem;color:var(--muted);white-space:nowrap}.conv-item-phone{font-size:.72rem;color:var(--muted)}.conv-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.conv-item-snippet{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.conv-badge{background:var(--primary);color:#fff;font-size:.68rem;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center}.conv-empty{padding:10px}.conv-thread{display:flex;flex-direction:column;padding:0;overflow:hidden}.conv-thread-head{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:.9rem}.conv-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.conv-hint,.conv-thread .conv-hint{flex:1;display:grid;place-items:center;color:var(--muted);padding:40px;text-align:center}.bubble{max-width:72%;display:flex;flex-direction:column;gap:3px}.bubble.in{align-self:flex-start;align-items:flex-start}.bubble.out{align-self:flex-end;align-items:flex-end}.bubble-body{padding:9px 12px;border-radius:12px;font-size:.88rem;line-height:1.4;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;word-break:break-word}.bubble.out .bubble-body{background:color-mix(in srgb,var(--primary) 22%,var(--surface-2));border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.bubble-text,.bubble-caption{white-space:pre-wrap}.bubble-caption{color:var(--muted);font-size:.82rem}.bubble-placeholder{color:var(--muted)}.bubble-media{max-width:260px;max-height:260px;border-radius:8px}audio.bubble-media{width:260px;max-width:100%;height:40px}.bubble-time{font-size:.66rem;color:var(--muted);padding:0 4px}