:root{--ink:#1d2939;--muted:#7b8595;--green:#207865;--pale:#edf6f2;--line:#e9edf0;--bg:#f7f9fa;--red:#b83945}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px 'DM Sans',sans-serif;background:var(--bg)}button,input,select,textarea{font:inherit}button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid #dfe5e9;border-radius:9px;background:white;padding:11px 16px;color:var(--ink);cursor:pointer;font-weight:600;transition:.18s}button:hover{background:#f1f5f4}button:disabled{opacity:.45;cursor:not-allowed}button svg,span svg{width:18px;height:18px;flex-shrink:0}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#175c4d}.danger{background:#fff0f1;color:var(--red);border-color:#f4d9dd}.wide{width:100%;margin-top:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1px;margin-bottom:9px}h2{font-size:17px;letter-spacing:-.4px;margin-bottom:8px}h3{font-size:14px}.muted{color:var(--muted);line-height:1.6;margin-bottom:0}.tiny{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:var(--green);margin-bottom:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:34px 20px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font:800 29px Manrope;margin:0 10px 46px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:var(--green);color:white;width:40px;height:43px;border-radius:13px;font-size:30px}.brand small{display:block;font:700 8px 'DM Sans';letter-spacing:1.5px;color:#9ba3ae;margin-top:2px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#98a0ae;margin:8px 13px 14px;font-weight:700}nav{display:grid;gap:7px;margin-bottom:30px}nav button{border:0;justify-content:flex-start;padding:13px 15px;background:transparent;color:#7a8392;font-weight:500}nav button.active{background:var(--pale);color:var(--green);font-weight:700}nav button svg{width:19px;height:19px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:9px;font-size:11px}.sidebar-bottom small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.operator-avatar{background:#ede9dc;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#777156;font-weight:700}.icon-button{padding:4px;border:0;font-size:20px;margin-left:auto}main{margin-left:238px}header{height:81px;border-bottom:1px solid var(--line);background:white;display:flex;justify-content:space-between;align-items:center;padding:0 38px;gap:15px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#ccd2d7}.breadcrumb b{color:#566172;font-weight:500}.header-actions{display:flex;gap:12px;align-items:center}.header-actions button{font-size:11px}.badge{display:inline-flex;padding:6px 10px;background:#f2f3f5;border-radius:20px;color:#7d8794;font-size:10px;font-weight:600;white-space:nowrap}.badge.green{background:var(--pale);color:var(--green)}.badge.orange{background:#fff5e4;color:#a67723}.availability{background:#f9fafb;padding:10px 12px}.availability i{width:7px;height:7px;background:#a7adb6;border-radius:50%}.availability.ready i{background:#30a17e}.content{padding:36px 38px 60px;max-width:1600px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.metric{border:1px solid var(--line);background:white;padding:23px;border-radius:13px}.metric .label{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.metric strong{display:block;font:700 31px Manrope;margin:17px 0 6px;letter-spacing:-1px}.metric small{color:#9ba3af;font-size:10px}.metric .metric-icon{padding:8px;border-radius:8px;background:#f4f7f6;color:var(--green)}.metric-icon svg{width:16px;height:16px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:24px}.panel{border:1px solid var(--line);border-radius:13px;padding:25px;background:white;margin-bottom:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.panel-heading .muted{font-size:11px}.text-button{border:0;background:none;color:var(--green);font-size:11px;padding:4px;white-space:nowrap}.start-panel{background:#eef5f1;border-color:#e1ece6;padding:30px}.start-panel h2{font-size:27px;line-height:1.4;letter-spacing:-.7px}.start-panel .muted{font-size:12px;color:#75877d}.big-icon{width:46px;height:46px;background:white;border-radius:13px;display:grid;place-items:center;color:var(--green);margin-bottom:27px}.big-icon svg{width:23px;height:23px}.tip{font-size:10px;line-height:1.6;color:#83958b;border-top:1px solid #dbe6df;margin-top:25px;padding-top:19px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:220px;text-align:center;color:var(--muted);padding:28px}.empty svg{width:39px;height:39px;color:#bccac5;margin-bottom:19px}.empty h3{color:#596576;margin-bottom:8px}.empty p{max-width:330px;font-size:12px;line-height:1.7}.campaign-card{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:24px}.campaign-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.campaign-name{display:flex;gap:14px;align-items:center}.campaign-symbol{background:var(--pale);color:var(--green);border-radius:10px;padding:12px}.campaign-symbol svg{width:22px;height:22px}.campaign-name h2{margin-bottom:6px}.campaign-name p{font-size:11px;color:var(--muted);margin:0}.campaign-controls{display:flex;gap:8px}.campaign-meta{display:flex;gap:26px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.mini-campaign{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.mini-campaign:last-child{border:0}.mini-campaign b{font-size:13px}.mini-campaign p{font-size:10px;color:var(--muted);margin:7px 0 0}.filters{display:flex;gap:12px;margin-bottom:22px}.filters input{flex:1}.filters select{max-width:270px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#929aa7;font-weight:600;padding:15px 13px;border-bottom:1px solid var(--line);background:#fbfcfc}td{padding:17px 13px;border-bottom:1px solid #f0f2f4;font-size:12px}td small{display:block;font-size:10px;color:var(--muted);margin-top:5px}td button{padding:7px 10px;font-size:10px}.pagination{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:11px;color:var(--muted)}.pagination span{margin-right:auto}.pagination button{font-size:10px;padding:8px 12px}label{display:block;font-size:11px;font-weight:600;margin:17px 0 0;color:#667185}input,select,textarea{display:block;width:100%;border:1px solid #dfe5e9;border-radius:8px;padding:12px;margin-top:8px;color:var(--ink);background:white;outline:none}input:focus,select:focus,textarea:focus{border-color:#559b88;box-shadow:0 0 0 3px #20786510}textarea{resize:vertical;min-height:95px}input[type=checkbox]{width:auto;display:inline;margin:0 7px 0 0;accent-color:var(--green)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.workspace-grid aside .panel{padding:23px}.contact-panel{min-height:570px}.contact-panel .empty{min-height:480px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.keypad button{border:0;background:#f6f8f9;font-size:19px;font-weight:500;padding:10px}.keypad button:hover{background:#e6efe9}.contact-header{display:flex;align-items:center;gap:17px;padding-bottom:25px;border-bottom:1px solid var(--line)}.contact-header .initial{background:var(--pale);color:var(--green);padding:20px;border-radius:12px;font:700 25px Manrope}.contact-header h2{font-size:24px}.contact-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.contact-facts dt{color:var(--muted);font-size:10px;margin-bottom:7px}.contact-facts dd{margin:0;font-size:13px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.disposition{margin-top:25px;padding:20px;border-radius:10px;background:var(--pale)}.field-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.field-row input,.field-row select{margin:0}.field-row label{margin:0}.field-row button{padding:8px 12px;color:var(--red)}dialog{border:0;border-radius:15px;padding:28px;width:min(700px,94vw);box-shadow:0 20px 90px #182b3e30;color:var(--ink);max-height:90vh}dialog::backdrop{background:#162d3780;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.modal-head h2{font-size:20px;margin:0}.modal-head button{border:0;font-size:24px;padding:2px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.file-zone{border:1px dashed #acc4ba;border-radius:10px;background:#f6faf7;padding:25px;text-align:center;margin-top:20px}.file-zone input{border:0;background:none}.import-report{line-height:1.9}.notice{padding:12px 38px;background:#fff7e9;color:#8b6b34;font-size:12px;border-bottom:1px solid #f3e7ce}#toast{position:fixed;bottom:25px;right:28px;background:#213d33;color:white;padding:15px 22px;border-radius:10px;max-width:420px;z-index:100;font-size:13px;box-shadow:0 10px 30px #1233}.error{color:var(--red);font-size:12px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-card{width:350px;max-width:90%;margin:auto;padding:40px 0}.logo{font:800 46px Manrope;color:var(--green);letter-spacing:-8px;margin-bottom:35px}.logo span{color:#9dbaa7}.login h1{font-size:36px;line-height:1.25;margin-bottom:18px}.login .eyebrow{font-size:9px}.login .muted{margin-bottom:30px;font-size:12px}.login-art{background:#e6f0e9;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:75px}.login-art h2{font-size:54px;line-height:1.15;color:#1b5646;letter-spacing:-2px}.login-art p{line-height:1.8;color:#648277}.login-art>div:last-child{z-index:1}.orbit{position:absolute;border:1px solid #c8ded1;width:650px;height:650px;border-radius:50%;left:20%;top:-16%}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #c8ded1;border-radius:50%;inset:65px}.orbit:after{inset:130px;background:#d4e7da80}[hidden]{display:none!important}@media(max-width:1100px){.sidebar{width:200px}main{margin-left:200px}.content{padding:28px 24px}header{padding:0 24px}.metrics{gap:10px}.metric{padding:17px}.workspace-grid{grid-template-columns:1fr 265px}.header-actions .badge{display:none}}@media(max-width:800px){.sidebar{width:74px;padding:22px 10px}.brand{margin:0 7px 30px}.brand>span:last-child,.nav-label,.sidebar-bottom{display:none}nav button{font-size:0;padding:14px;gap:0}nav button svg{width:22px;height:22px}main{margin-left:74px}.overview-grid,.workspace-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.content{padding:25px 16px}header{padding:0 15px}.breadcrumb{display:none}.header-actions{width:100%;justify-content:space-between}.campaign-top{align-items:flex-start;flex-direction:column}.campaign-controls{flex-wrap:wrap}.login-art{display:none}.login{grid-template-columns:1fr}.page-title h1{font-size:25px}.page-title>button{font-size:11px}.field-row{grid-template-columns:1fr 1fr}.contact-form{grid-template-columns:1fr}.filters{flex-direction:column}.campaign-meta{flex-wrap:wrap;gap:12px}}

.call-event{display:flex;gap:20px;border-left:2px solid #d9e7e0;margin-left:5px;padding:0 0 24px 20px;font-size:12px}.call-event time{color:#8c96a3;font-size:10px;min-width:65px}.call-event p{font-size:11px;color:#7b8595;margin:6px 0 0;line-height:1.6}.technical{margin:25px 0;font-size:11px;color:#758193}.technical summary{cursor:pointer}.technical p{line-height:1.8;margin-top:12px}#history .table-wrap{padding:14px}#history td{white-space:normal;min-width:130px}#history td:first-child{min-width:210px}
.operator-mode .sidebar{display:none}.operator-mode main{margin-left:0}.operator-mode .content{max-width:1250px;margin:auto;padding:28px}.operator-mode header{position:sticky;top:0;z-index:15;background:white}.operator-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px;background:white;border:1px solid #dfe8e4;border-radius:14px;margin-bottom:22px}.operator-controls button,#topDialer{display:inline-flex;gap:8px;align-items:center}.operator-controls svg,#topDialer svg,.pause-options svg{width:21px;height:21px}.machine-switch{display:flex;gap:7px;align-items:center;font-size:12px;margin-left:auto}.operator-live{display:flex;gap:10px;align-items:center}.operator-mode .workspace-grid{grid-template-columns:minmax(0,1fr) 280px}.operator-mode .empty-field{display:none}.operator-mode .show-empty-fields .empty-field{display:flex}.operator-brand{font-weight:800;color:#128860}.pause-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pause-options button{display:flex;align-items:center;gap:12px;padding:22px}.pause-current{text-align:center}.pause-type-row{display:flex;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #eee}.pause-type-row svg{width:22px;height:22px}.pause-type-row strong{flex:1}.pause-type-row button{padding:7px 10px}.dialer-dialog{width:380px}.dialer-dialog .dialer{border:0;box-shadow:none;padding:8px}dialog{max-height:90vh;overflow:auto}#audioDialog{width:560px}#audioDialog article{border:0;box-shadow:none}#machineNotice{font-size:12px;color:#52635c}.operator-mode #currentCall{min-height:260px}.operator-mode .page-title{align-items:center}@media(max-width:800px){.operator-mode .workspace-grid{grid-template-columns:1fr}.operator-mode .content{padding:14px}.machine-switch{margin-left:0}.operator-controls{gap:8px}}
[hidden]{display:none!important}.operator-kpis{display:flex;gap:24px;margin:18px 0}.operator-kpis strong{display:block;font-size:25px}.operator-kpis span{display:block;font-size:12px;color:#77847e}.pause-type-row>div{flex:1}.pause-type-row small{display:block;color:#77847e}