:root{--bg:#0b1020;--panel:#151b30;--border:#263150;--text:#e6e9f2;--muted:#93a0c0;--accent:#5b8cff;--danger:#ff6b6b;--warn:#ffb454;--ok:#4cd2a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:1480px;margin:0 auto;padding:28px 24px 64px}h1{font-size:22px;margin:0 0 4px}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-top:18px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge,th{font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border)}.badge.important{color:var(--warn);border-color:var(--warn)}.badge.missed{color:var(--danger);border-color:var(--danger)}.badge.ok{color:var(--ok);border-color:var(--ok)}code{background:#0d1226;border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:13px}ol{line-height:1.7}.hero{display:flex;align-items:center;gap:16px}.logo{height:46px;width:auto;flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:18px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.stat-value{font-size:28px;font-weight:700}.stat-value.warn{color:var(--warn)}.stat-value.danger{color:var(--danger)}.stat-value.accent{color:var(--accent)}.stat-label{margin-top:2px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.toolbar .search,.toolbar select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px}.toolbar .search{flex:1 1;min-width:180px}.toolbar .check{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.live{display:inline-flex;align-items:center;gap:7px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer}.live .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.live.on{color:var(--ok);border-color:var(--ok)}.live.on .dot{background:var(--ok);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.active-call{background:rgba(91,140,255,.08)}.badge.live-badge{color:var(--accent);border-color:var(--accent)}.tablefoot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:13px}.more{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer}.more:hover{border-color:var(--accent)}@media (max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}.stats{grid-template-columns:repeat(6,1fr)}@media (max-width:900px){.stats{grid-template-columns:repeat(3,1fr)}}.toolbar .spacer{flex:1 1}.ranges{display:inline-flex;gap:6px}.range{background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}.range.active{color:var(--text);border-color:var(--accent);background:rgba(91,140,255,.12)}.panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:12px}.two-col{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px}@media (max-width:820px){.two-col{grid-template-columns:1fr}}table.mini td,table.mini th{padding:7px 10px;font-size:13px}table.mini tr.dim{opacity:.5}.danger{color:var(--danger)}.row-missed td{background:hsla(0,100%,71%,.06)}a.tel{color:var(--text);text-decoration:none;border-bottom:1px dotted var(--accent)}a.tel:hover{color:var(--accent)}a.callback{color:var(--ok);text-decoration:none;font-size:13px;white-space:nowrap}a.callback:hover{text-decoration:underline}.chart{width:100%;height:180px;display:block}.calls-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:18px}@media (max-width:1100px){.calls-two-col{grid-template-columns:1fr}}.split{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:18px;gap:18px;margin-top:18px;align-items:start}@media (max-width:1100px){.split{grid-template-columns:1fr}}.split-left,.split-right{display:flex;flex-direction:column;gap:18px;min-width:0}.split-right .stats{grid-template-columns:repeat(3,1fr);margin-top:0}.tabs{display:flex;gap:14px;margin-bottom:12px;border-bottom:1px solid var(--border);padding-bottom:10px}.tab,.tabs{align-items:center}.tab{background:none;color:var(--muted);font-size:15px;font-weight:700;cursor:pointer;padding:4px 2px 8px;border:none;border-bottom:2px solid transparent;margin-bottom:-11px;display:inline-flex;gap:7px}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-count{font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.auto-tag{font-size:11px;color:var(--ok);border:1px solid var(--ok);border-radius:999px;padding:2px 9px;animation:pulse 1.6s ease-in-out infinite}.tab-body{animation:fadein .35s ease}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mobile-only{display:none}@media (max-width:640px){body,html{overflow-x:hidden;max-width:100%}main{padding:16px 12px 48px}.hero h1{font-size:18px}.logo{height:34px}.panel{overflow-x:hidden;padding:14px 12px}td,th{white-space:normal;word-break:break-word;padding:8px 6px;font-size:12px}.col-branch,.col-dir,.col-dur{display:none}.mobile-only{display:block}.split-right .stats,.stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:22px}.toolbar .search,.toolbar select{flex:1 1 130px;min-width:0}.tabs{flex-wrap:wrap;gap:10px}.branch-picker{grid-template-columns:1fr 1fr}.col-time{width:86px}.col-result{width:80px}.col-call{width:34px}}.groups{margin-top:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}.chip.active{border-color:var(--accent);background:rgba(91,140,255,.14);color:var(--accent)}.chip.ghost{color:var(--muted);border-style:dashed}.chip-count{color:var(--muted);font-size:11px}.group-form{margin-top:12px}.group-form .search{width:100%;margin-bottom:12px}.branch-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:4px;gap:4px;max-height:240px;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:8px}.pick{display:flex;gap:7px;align-items:center;font-size:13px;color:var(--muted);padding:4px 6px;border-radius:6px;cursor:pointer}.pick.on{color:var(--text);background:rgba(91,140,255,.1)}.group-form-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.group-manage{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.group-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px}.link-btn.danger{color:var(--danger)}.subtle{color:var(--muted);font-size:11px;white-space:normal;word-break:break-word}.tabs-panel table{table-layout:fixed}.col-time{width:132px}.col-dir{width:38px}.col-branch{width:168px}.col-result{width:96px}.col-dur{width:74px}.col-call{width:44px}.badge.accent{color:var(--accent);border-color:var(--accent)}