:root{--bg:#f5f7fa;--ink:#1c293c;--muted:#738095;--line:#e7ebf1;--purple:#6850d5;--purple-light:#f1edff;--green:#25947c;--red:#b94955}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button{transition:background .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #c9bfff;outline-offset:2px}a{color:inherit;text-decoration:none}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;gap:24px}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:11px}.logo{width:37px;height:37px;background:var(--purple);color:white;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:26px;position:relative}.logo span{font-size:15px;margin-top:-13px;margin-left:-3px}.demo-badge{font-size:9px;letter-spacing:1px;font-weight:750;color:#826740;background:#f6f0e4;padding:5px 8px;border-radius:5px;white-space:nowrap}.top-right{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.online-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:3px}.avatar{background:#f1edff;color:var(--purple);border:1px solid #e6dfff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px;font-weight:bold;margin-left:16px}main{max-width:1580px;margin:auto;padding:32px 42px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--muted);margin:0 0 7px}h1{font-size:29px;line-height:1.25;letter-spacing:-.9px;margin:0 0 8px;font-weight:700}h2{font-size:15px;margin:0;font-weight:700}h3{font-size:20px;margin:12px 0 2px;letter-spacing:-.3px}p{margin:0}.muted{color:var(--muted)}.small{font-size:11px}.center{text-align:center}.button{border:1px solid transparent;border-radius:7px;padding:10px 14px;font-weight:600;font-size:12px;min-height:39px}.secondary{background:white;border-color:#dfe4ee;color:#536075}.secondary:hover:not(:disabled){background:#f7f6fc;border-color:#bdb2ee}.primary{background:var(--purple);color:#fff}.primary:hover:not(:disabled){background:#563cc8}.danger{background:#fff2f2;color:var(--red);border-color:#f0d0d4}.full{width:100%}.demo-notice{display:flex;gap:11px;align-items:center;padding:12px 16px;border:1px solid #e1e6f6;border-radius:9px;background:#f0f3fb;color:#6a7591;font-size:11px;margin-bottom:23px}.demo-notice>span{font-size:17px;color:#7d8aad}.demo-notice strong{color:#56637e}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 21px;position:relative}.stats article:before{content:"";height:28px;width:3px;background:#c5b8f6;position:absolute;left:0;top:30px}.stats article:nth-child(2):before{background:#9ab9ed}.stats article:nth-child(3):before{background:#edcc8e}.stats article:nth-child(4):before{background:#9bd9c7}.stats span{display:block;color:var(--muted);font-size:11px}.stats strong{display:block;font-size:28px;line-height:1.4;font-weight:650}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 3px #14203a02;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.lead-section>.section-title{padding:23px 23px 16px}.section-title p{margin-top:4px}.count-pill{border-radius:6px;padding:4px 8px;background:#f4f5f8;color:#8390a4;font-size:10px;white-space:nowrap}.filters{display:flex;gap:12px;padding:4px 23px 19px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}label{font-size:10px;font-weight:650;color:#788397}input,select,textarea{width:100%;border:1px solid #e1e6ee;background:#fff;border-radius:6px;padding:9px 10px;color:#48566d;font-size:11px;min-height:36px}textarea{resize:vertical;line-height:1.7}.campaign-field{flex:1.3}.search-field{flex:1.3}.filters>.field:last-child{flex:1}.sheet-strip{display:flex;align-items:center;gap:7px;background:#fbfcfd;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 23px;font-size:10px;color:#67768b}.sheet-icon{color:#45a58b;font-size:16px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-weight:550;color:#8a95a8;font-size:10px;padding:13px 16px;background:#fcfcfe}th:first-child,td:first-child{padding-left:23px}td{font-size:11px;padding:15px 16px;border-top:1px solid #f0f2f6;color:#788396}tbody tr.selected{background:#f7f4ff}tbody tr.selected td:first-child{box-shadow:inset 3px 0 var(--purple)}.lead-select{background:transparent;border:0;text-align:left;padding:0;color:#33435a;display:flex;align-items:center;gap:10px;width:100%}.mini-avatar{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;background:#eeedf7;color:#8c82b5;border-radius:7px;font-weight:650;font-size:10px}.lead-name{font-weight:650;display:block;font-size:11px}.lead-company{color:#8a95a7;font-size:10px;display:block;margin-top:2px}.status-badge{display:inline-block;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:600;background:#eef2f8;color:#6f829d}.status-badge.reached{background:#eaf6f0;color:#448e72}.status-badge.callback{background:#fff4e2;color:#b68b3f}.status-badge.no_answer{background:#f1eff8;color:#9286ad}.status-badge.do_not_call,.status-badge.not_interested{background:#faedf0;color:#b16f7c}.table-footer{display:flex;justify-content:space-between;padding:15px 23px;border-top:1px solid var(--line);font-size:9px;color:#9099ab;gap:10px}.history{padding:23px;border-top:1px solid var(--line)}.history .section-title{margin-bottom:15px}.history-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #f1f3f6;font-size:11px}.history-item strong{font-weight:600}.history-item p{font-size:10px;color:var(--muted);margin-top:2px}.history-item time{font-size:10px;color:var(--muted);text-align:right}.empty{color:#9ba3b3;font-size:11px;padding:25px 10px;text-align:center}.phone-column{display:flex;flex-direction:column;gap:18px}.phone-header{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.phone-header .eyebrow{font-size:8px;letter-spacing:1.3px}.phone-header h2{font-size:14px}.phone-symbol{color:var(--purple);background:#f3efff;font-size:24px;width:35px;height:35px;display:grid;place-items:center;border-radius:9px}.phone-body{padding:24px 22px 17px;text-align:center}.contact-avatar{margin:auto;background:#f0ebff;border:5px solid #faf8ff;color:var(--purple);width:67px;height:67px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:650}.phone-body h3{font-size:18px}.phone-body>.muted{font-size:11px}.phone-number{font-size:19px;letter-spacing:.6px;margin:16px 0 8px;color:#44516a}.phone-body>.button{margin-top:20px;margin-bottom:10px}.phone-body>.small{font-size:9px;margin-top:9px}.documentation{padding:20px 22px;border-top:1px solid var(--line);background:#fdfdfe}.documentation h2{font-size:12px}.documentation .section-title{margin-bottom:15px}.documentation .field{margin-bottom:12px}.documentation>.small{font-size:9px;margin-top:8px;line-height:1.6}.sync-card{padding:20px 22px}.sync-card h2{font-size:12px}.sync-card>.small{margin-top:12px;line-height:1.7;font-size:10px}.sync-card .demo-badge{font-size:7px;padding:3px 5px}.sync-counts{display:flex;margin:17px 0}.sync-counts>div{flex:1;text-align:center;border-right:1px solid var(--line)}.sync-counts>div:last-child{border:0}.sync-counts strong{display:block;font-size:20px;font-weight:600}.sync-counts span{font-size:9px;color:var(--muted)}.text-button{border:0;background:transparent;color:#929bae;text-decoration:underline;font-size:9px;display:block;margin:12px auto 0;padding:2px}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#a5adbc;margin-top:26px}.restriction{color:var(--red);background:#fff2f3;padding:9px;border-radius:6px;font-size:11px;margin-top:12px}.call-note{font-size:10px;color:#83749e;margin-top:12px}.call-progress{display:flex;justify-content:center;gap:8px;align-items:center;margin:17px 0;font-size:12px;color:var(--purple);font-weight:600}.live-indicator{height:6px;width:6px;background:var(--purple);border-radius:50%}.control-buttons{display:flex;flex-direction:column;gap:8px}#message{padding:12px 16px;border-radius:8px;background:#eaf6ef;color:#39815d;font-size:12px;margin-bottom:18px}#message.error{background:#fff0f1;color:#a54859}[hidden]{display:none!important}@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 365px}.filters{gap:18px}td{padding-top:20px;padding-bottom:20px}}@media(max-width:1100px){main{padding:26px 24px}.topbar{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.filters{flex-wrap:wrap}.campaign-field{flex-basis:100%}.stats{gap:12px}.stats article{padding:15px}.heading h1{font-size:25px}.table-footer{flex-direction:column}.sheet-strip .muted{display:none}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.phone-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.phone-card{grid-column:1}.sync-card{grid-column:2}.top-right{font-size:0;gap:0}.top-right .avatar{font-size:11px}.topbar{gap:16px;height:66px}.stats{grid-template-columns:1fr 1fr}.heading h1{font-size:24px}.heading>.button{display:none}.top-right #agent-name{display:none}}@media(max-width:540px){main{padding:22px 14px}.topbar{padding:0 16px}.brand{font-size:22px}.demo-badge{font-size:8px}.phone-column{display:flex}.heading h1{font-size:22px}.heading .muted{font-size:12px}.stats article{padding:13px}.stats span{font-size:10px}.stats strong{font-size:24px}.filters,.lead-section>.section-title{padding-left:16px;padding-right:16px}.filters{gap:10px}.filters .search-field{flex-basis:100%}.filters>.field:last-child{flex-basis:100%}.section-title .count-pill{display:none}.page-footer{gap:15px}.demo-notice{align-items:flex-start}.table-footer{padding:13px 16px}.sheet-strip{padding-left:16px}.history{padding:18px 16px}}

.audio-buttons{display:grid;gap:8px;margin-top:14px}.audio-lab input{accent-color:#236b55}.audio-lab p{overflow-wrap:anywhere}

.audio-lab label{display:flex;align-items:center;gap:8px;margin-top:12px;cursor:pointer}.audio-lab input[type="checkbox"]{width:16px;height:16px;min-height:16px;padding:0;margin:0;flex:0 0 16px;accent-color:var(--purple)}

.google-card>.button{margin-top:10px}.google-card details{margin-top:16px;font-size:11px}.google-card details p{margin:10px 0}.google-card input[type="file"]{font-size:10px;margin-top:8px}.google-card label{display:block}.google-card summary{cursor:pointer;color:var(--purple);font-weight:650}

.webphone-card .section-title{gap:8px;align-items:center}.webphone-chip{display:inline-block;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:650;background:#f1edff;color:#7860b0}.webphone-chip.pass{background:#e8f6ee;color:#297759}.webphone-chip.error{background:#fff0f1;color:#a64b55}.webphone-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 8px}.webphone-buttons button{min-width:0}.webphone-result{margin-top:14px}.webphone-metrics{margin:10px 0 14px}.webphone-metrics>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.webphone-metrics dt{font-size:10px;color:var(--muted)}.webphone-metrics dd{font-size:11px;font-weight:650;margin:0;text-align:right}.webphone-headset,.simulation-flow{margin:14px 0;font-size:11px}.webphone-headset summary,.simulation-flow summary{cursor:pointer;color:var(--purple);font-weight:650}.webphone-headset label{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px}.webphone-headset input[type=checkbox]{width:16px;height:16px;margin:0;padding:0;min-height:16px;flex:0 0 16px}.webphone-card audio{display:none}.webphone-card #webphone-message{background:transparent;padding:0;font-size:11px;overflow-wrap:anywhere}.simulation-flow>.button{margin-top:14px}.phone-column>.webphone-card{order:-1}@media(min-width:541px) and (max-width:800px){.phone-column>.webphone-card{grid-column:1 / -1}.phone-column>.phone-card{grid-column:1}.phone-column>.google-card{grid-column:2}}@media(max-width:540px){.webphone-card{width:100%}.webphone-card .section-title{flex-wrap:wrap}}

[hidden]{display:none!important}.login-main{max-width:620px;margin:8vh auto;padding:24px}.login-card{padding:36px}.login-card h1{font-size:30px;line-height:1.2}.login-card .button{display:block;text-align:center;text-decoration:none;margin:24px 0}.top-right{flex-wrap:wrap}.top-right .text-button{margin:0}.lead-select{min-height:44px}