:root{--bg: #f4f4f5;--surface: #ffffff;--surface-soft: #fcfcfd;--surface-head: #fafafa;--text: #18181b;--text-2: #3f3f46;--text-3: #52525b;--muted: #71717a;--muted-2: #8a8a93;--faint: #a1a1aa;--border: #e6e6e9;--border-2: #e2e2e6;--line: #f1f1f3;--primary: #2a6fdb;--primary-bg: #eaf1fc;--primary-bd: #d4e3f9;--primary-deep: #1d4fa3;--green: #0f7a4d;--green-bg: #e5f4ec;--green-bd: #bfe6d2;--green-dot: #1fa463;--amber: #9a5b00;--amber-bg: #fbf1e0;--amber-bd: #f0ddb8;--red: #c0392b;--red-bg: #fbeae8;--red-bd: #f3cfc9;--red-deep: #a4291b;--neutral: #52525b;--neutral-bg: #f1f1f3;--neutral-bd: #e2e2e6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,monospace}@keyframes ringPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes rowIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.screen-wrap{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar.compact{padding:14px 28px}.brand{display:flex;align-items:center;gap:11px}.brand-logo{width:30px;height:30px;border-radius:8px;background:var(--text);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;letter-spacing:-.02em}.brand-name{font-weight:700;font-size:15.5px;letter-spacing:-.01em}.brand-tag{font-size:10.5px;font-weight:700;color:var(--muted-2);background:var(--neutral-bg);border:1px solid var(--border);padding:3px 7px;border-radius:6px;letter-spacing:.04em}.topbar-right{display:flex;align-items:center;gap:12px}.conn-pill{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px}.conn-pill.ok{color:var(--green);background:var(--green-bg);border:1px solid var(--green-bd)}.conn-pill.off{color:var(--red);background:var(--red-bg);border:1px solid var(--red-bd)}.conn-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.agent-chip{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text-2)}.agent-avatar{width:24px;height:24px;border-radius:999px;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.dialer-head-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.divider{width:1px;height:24px;background:var(--border)}.dialer-title{font-weight:700;font-size:14.5px;letter-spacing:-.01em}.sess-id{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted-2)}.sess-status{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:6px}.sess-status.running{color:var(--green);background:var(--green-bg);border:1px solid var(--green-bd)}.sess-status.stopped{color:var(--muted);background:var(--neutral-bg);border:1px solid var(--neutral-bd)}.poll-ind{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.poll-ind.live{color:var(--green)}.poll-ind.paused{color:var(--faint)}.poll-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.poll-ind.live .poll-dot{background:var(--green-dot);animation:livePulse 1.4s ease-in-out infinite}.poll-ind.paused .poll-dot{background:#c4c4cb}.btn{display:flex;align-items:center;gap:8px;font-family:inherit;font-weight:700;border:1px solid transparent;border-radius:9px;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;font-size:14px;padding:11px 20px;box-shadow:0 1px 2px #2a6fdb40}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-start{background:var(--primary);color:#fff;font-size:14px;padding:9px 20px;box-shadow:0 1px 2px #2a6fdb40}.btn-stop{background:var(--surface);color:var(--red);border-color:#f0c9c3;font-size:14px;padding:9px 18px}.btn-back{background:var(--surface);border:1px solid var(--border-2);font-size:13px;font-weight:600;color:var(--text-2);padding:7px 13px;border-radius:8px}.btn:disabled{pointer-events:none}.play-tri{width:0;height:0;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.stop-sq{width:9px;height:9px;border-radius:2px;background:var(--red)}.page{flex:1;width:100%;max-width:1080px;margin:0 auto}.page.leads{padding:30px 28px 120px}.page.dialer{padding:26px 28px 60px}.offline-banner{display:flex;align-items:center;gap:10px;background:var(--red-bg);border:1px solid var(--red-bd);color:var(--red-deep);border-radius:10px;padding:12px 16px;margin-bottom:22px;font-size:13px;font-weight:600}.offline-banner .warn{font-size:15px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:12px}.section-title{font-size:25px;font-weight:800;letter-spacing:-.02em}.section-sub{font-size:13.5px;color:var(--muted);margin-top:4px;font-weight:500}.count-pill{font-size:12.5px;font-weight:700;color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-bd);padding:6px 12px;border-radius:999px;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000008}.leads-grid-head,.leads-row{display:grid;grid-template-columns:46px 1.5fr 1.2fr 1.4fr .95fr;gap:8px;align-items:center}.leads-grid-head{padding:12px 18px;background:var(--surface-head);border-bottom:1px solid #ededef;font-size:11px;font-weight:700;color:var(--muted-2);letter-spacing:.05em;text-transform:uppercase}.leads-row{padding:15px 18px;border-bottom:1px solid var(--line);cursor:pointer;background:var(--surface)}.leads-row:last-child{border-bottom:none}.leads-row.selected{background:#fbfcfe}.leads-row:hover{background:var(--surface-soft)}.leads-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.lead-name{font-size:14px;font-weight:700;letter-spacing:-.01em}.lead-company{font-size:12px;color:var(--muted-2);font-weight:500;margin-top:1px}.lead-phone{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--text-3)}.lead-email{font-size:12.5px;color:var(--text-3);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chip{display:inline-flex;align-items:center;gap:5px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600;color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-bd);padding:3px 8px;border-radius:6px}.crm-chip .dot{width:5px;height:5px;border-radius:999px;background:var(--primary)}.crm-dash{font-size:13px;color:#c4c4cb;font-weight:600}.sticky-foot{position:sticky;bottom:0;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:14px 28px}.sticky-foot-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.foot-meta{font-size:13px;color:var(--muted);font-weight:600}.foot-meta .mono{color:var(--text-2)}.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.block-head-left{display:flex;align-items:baseline;gap:10px}.block-title{font-size:14px;font-weight:800;letter-spacing:-.01em}.block-note{font-size:12px;color:var(--muted-2);font-weight:600}.queue-pill{font-size:12px;font-weight:700;color:var(--text-3);background:var(--neutral-bg);border:1px solid var(--border);padding:4px 11px;border-radius:999px;white-space:nowrap}.lines-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}.line-card{border-radius:14px;min-height:158px;position:relative;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px #0000000a}.line-card.winner{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg),0 8px 24px #2a6fdb24}.line-card.idle{background:var(--surface-soft);box-shadow:none}.line-filled{padding:18px 20px;display:flex;flex-direction:column;gap:13px;height:100%}.line-top{display:flex;align-items:center;justify-content:space-between}.line-label{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--faint);text-transform:uppercase}.line-name{font-size:19px;font-weight:800;letter-spacing:-.02em}.line-company{font-size:12.5px;color:var(--muted-2);font-weight:600;margin-top:2px}.line-phone{font-family:IBM Plex Mono,monospace;font-size:14px;color:var(--text-2);font-weight:500}.winner-banner{margin-top:auto;display:flex;align-items:center;gap:9px;background:var(--primary-bg);border:1px solid #cfe0f8;border-radius:10px;padding:10px 13px}.winner-banner .trophy{font-size:16px}.winner-text{font-size:12.5px;font-weight:700;color:var(--primary-deep);line-height:1.3}.line-idle-body{height:100%;min-height:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.line-idle-body .line-label{color:#c4c4cb}.idle-ring{width:34px;height:34px;border-radius:999px;border:2px dashed #d6d6db}.idle-text{font-size:12.5px;color:var(--faint);font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.badge .badge-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.badge.ringing .badge-dot{animation:ringPulse 1.1s ease-in-out infinite}.badge.sm{font-size:11.5px;padding:3px 9px}.badge.sm .badge-dot{width:6px;height:6px}.badge.neutral{color:var(--neutral);background:var(--neutral-bg);border:1px solid var(--neutral-bd)}.badge.green{color:var(--green);background:var(--green-bg);border:1px solid var(--green-bd)}.badge.amber{color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-bd)}.badge.red{color:var(--red);background:var(--red-bg);border:1px solid var(--red-bd)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:28px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.metric-label{font-size:11px;font-weight:700;color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase}.metric-value{font-size:30px;font-weight:800;letter-spacing:-.03em;margin-top:6px;color:var(--text)}.metric-value.green{color:var(--green)}.metric-value.amber{color:var(--amber)}.metric-value.red{color:var(--red)}.hist-grid-head,.hist-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:8px;align-items:center}.hist-grid-head{padding:11px 18px;background:var(--surface-head);border-bottom:1px solid #ededef;font-size:11px;font-weight:700;color:var(--muted-2);letter-spacing:.05em;text-transform:uppercase}.hist-row{padding:13px 18px;border-bottom:1px solid var(--line);animation:rowIn .25s ease}.hist-row:last-child{border-bottom:none}.hist-name{font-size:13.5px;font-weight:700;letter-spacing:-.01em}.hist-crm{text-align:right;font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:600;color:var(--faint)}.hist-crm.synced{color:var(--green)}.hist-head-right{text-align:right}.empty-history{padding:46px 18px;text-align:center;font-size:13.5px;color:var(--faint);font-weight:600}.empty-history strong{color:var(--primary);font-weight:700}.auto-toggle{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-toggle input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.idem-badge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:999px}.idem-badge .badge-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.idem-badge.ok{color:var(--green);background:var(--green-bg);border:1px solid var(--green-bd)}.idem-badge.bad{color:var(--red);background:var(--red-bg);border:1px solid var(--red-bd)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:11px 18px;background:var(--surface-head);border-bottom:1px solid #ededef;font-size:11px;font-weight:700;color:var(--muted-2);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.data-table td{padding:12px 18px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--text-3);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-soft)}.data-table .cell-strong{font-size:13.5px;font-weight:700;color:var(--text);letter-spacing:-.01em}.data-table .cell-accent{color:var(--primary);font-weight:600}.data-table .cell-muted{color:var(--muted-2)}.data-table .cell-empty{text-align:center;padding:40px 18px;color:var(--faint);font-weight:600;font-size:13px}.btn-link{background:var(--surface);border:1px solid var(--border-2);font-size:12.5px;font-weight:600;color:var(--text-2);padding:6px 12px;border-radius:8px}@media (max-width: 720px){.lines-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.topbar,.page.leads,.page.dialer,.sticky-foot{padding-left:16px;padding-right:16px}}