*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fb;--card:#fff;--card-hover:#f1f5f9;--border:#e2e8f0;--border-vis:#cbd5e1;--text:#0f172a;--secondary:#334155;--tertiary:#64748b;--muted:#94a3b8;--accent:#1f93ff;--accent-lt:#1f93ff14;--green:#22c55e;--orange:#f97316;--red:#ef4444;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}body{margin:0}#root{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:16px 20px}.loading{height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.header-left{flex:1}header h1{color:var(--text);margin:0;font-size:20px;font-weight:700}.subtitle{color:var(--muted);font-size:13px}.tabs,.periods{gap:4px;display:flex}.tabs button,.periods button{border:1px solid var(--border-vis);color:#475569;cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.tabs button:hover,.periods button:hover{background:var(--card-hover);color:var(--text)}.tabs button.active,.periods button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.kpis{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px;display:grid}.kpi{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;padding:14px 12px;display:flex;box-shadow:0 1px 3px #00000014}.kpi.highlight{background:#f973160f;border-color:#f9731659}.kpi-value{color:var(--text);letter-spacing:-.5px;font-size:32px;font-weight:700;line-height:1.2}.kpi.highlight .kpi-value{color:#ea580c}.kpi-label{text-transform:uppercase;letter-spacing:.05em;color:#475569;font-size:11px;font-weight:500}.kpi-sub{font-size:13px;font-weight:600}.kpi-sub.blue{color:var(--accent)}.kpi-sub.green{color:#16a34a}.kpi-sub.orange{color:#ea580c}.kpi:nth-child(5) .kpi-value,.kpi:nth-child(6) .kpi-value{font-variant-numeric:tabular-nums}.content{grid-template-columns:300px 1fr;gap:16px;display:grid}.templates h2{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:600}.tpl-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-left:3px solid #0000;border-radius:8px;margin-bottom:6px;padding:12px;transition:all .15s;box-shadow:0 1px 3px #00000014}.tpl-card:hover{background:var(--card-hover)}.tpl-card.selected{border-left-color:var(--accent);background:#f0f7ff}.tpl-name{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600}.tpl-stats{color:#475569;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.mini-funnel{flex-direction:column;gap:2px;display:flex}.mini-funnel .bar{border-radius:2px;height:4px;transition:width .3s}.mini-funnel .bar.sent{background:#64748b}.mini-funnel .bar.delivered{background:#1f93ff}.mini-funnel .bar.read{background:#16a34a}.mini-funnel .bar.replied{background:#ea580c}.conv-summary{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px;box-shadow:0 1px 3px #00000014}.conv-summary h3{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-top:10px;margin-bottom:6px;font-size:12px;font-weight:600}.conv-summary h3:first-child{margin-top:0}.conv-row{justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.conv-row span:first-child{color:#475569}.conv-row span:last-child{color:var(--text);font-weight:500}.detail{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:400px;padding:16px;box-shadow:0 1px 3px #00000014}.detail .empty{height:300px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.detail h2{color:var(--text);text-transform:none;letter-spacing:0;font-size:16px;font-weight:700}.funnel-chart{margin:16px 0}.detail-kpis{flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.detail-kpis div{background:var(--bg);color:#475569;border-radius:6px;padding:8px 12px}.detail-kpis strong{color:var(--text);margin-right:4px;font-weight:600}.detail-kpis strong.blue{color:var(--accent)}.detail-kpis strong.green{color:#16a34a}.detail-kpis strong.orange{color:#ea580c}.daily{margin-top:16px}.daily h3,.responders h3{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.daily table{border-collapse:collapse;width:100%;font-size:13px}.daily th{text-align:left;border-bottom:1px solid var(--border);background:var(--bg);color:#475569;text-transform:uppercase;padding:8px;font-size:11px;font-weight:600}.daily td{border-bottom:1px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums;padding:8px;font-weight:500}.daily td:last-child{color:#475569}.daily tr:hover td{background:var(--card-hover)}.responders{margin-top:16px}.responder-list{max-height:300px;overflow-y:auto}.responder{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.r-name{min-width:120px;color:var(--text);font-size:13px;font-weight:500}.r-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.r-time{color:var(--muted);text-align:right;min-width:80px;font-size:11px}.realtime{margin-top:8px}.rt-event{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;font-size:12px;display:flex;box-shadow:0 1px 3px #00000014}.rt-event.incoming{border-left:3px solid #16a34a}.rt-event.outgoing{border-left:3px solid var(--accent)}.rt-dir{min-width:18px;font-size:14px}.rt-contact{min-width:120px;color:var(--text);font-weight:500}.rt-content{color:#475569;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rt-status{text-transform:uppercase;background:var(--bg);color:#475569;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.rt-time{color:var(--muted);text-align:right;min-width:80px;font-size:11px}@media (width<=768px){.kpis{grid-template-columns:repeat(3,1fr)}.content{grid-template-columns:1fr}}