:root{color:#172f40;font-synthesis:none;background:#f3f6f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{color:#234454;cursor:pointer;background:#fff;border:1px solid #d1dce3;border-radius:8px;margin:4px 5px 4px 0;padding:10px 14px;font-size:13px;font-weight:600}button:hover{background:#eaf3f5}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#fff;background:#007d88;border-color:#007d88}.primary:hover{background:#006975}.danger{color:#fff;background:#b32e38}a{color:#007b86;text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-1px;margin:9px 0 12px;font-size:30px;font-weight:650}h2{margin:10px 0 20px;font-size:18px}h3{font-size:15px}p{font-size:14px;line-height:1.6}small{color:#748590;font-size:12px;line-height:1.6;display:block}input,select,textarea{color:#183746;background:#fff;border:1px solid #ccd9e0;border-radius:7px;width:100%;min-width:0;padding:11px}input[type=checkbox]{width:auto}label{flex-direction:column;gap:7px;margin:10px 0;font-size:12px;font-weight:650;display:flex}textarea{resize:vertical}.check{flex-direction:row;align-items:center}.eyebrow{letter-spacing:1.8px;color:#68818e;font-size:10px;font-weight:750}.brandmark{color:#fff;letter-spacing:-1.5px;font-size:34px;font-weight:850;display:block}.brandmark span{letter-spacing:2px;margin-top:0;font-size:9px;font-weight:650;display:block}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:3;background:#123648;flex-direction:column;width:216px;height:100vh;padding:30px 22px;display:flex;position:fixed}.service-label{color:#adc7d3;margin:28px 0 24px;font-size:13px;line-height:1.7}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav a{color:#bfd0d9;border-radius:7px;align-items:center;gap:14px;padding:13px 10px;font-size:13px;display:flex}.sidebar nav a.active{color:#fff;background:#245569}.sidebar nav a span{font-size:18px}.user-card{border-top:1px solid #365363;margin-top:auto;padding-top:20px;font-size:12px}.user-card small{color:#abc3cf}.user-card button{color:#abc3cf;background:0 0;border:none;padding-left:0}.workspace{flex:1;min-width:0;margin-left:216px;padding-right:272px}.topbar{color:#6c8592;background:#fff;border-bottom:1px solid #dce5e9;justify-content:space-between;padding:18px 32px;font-size:11px;display:flex}.configuration-banner{color:#806128;background:#fff4d9;padding:12px 32px;font-size:12px;line-height:1.6}.content{max-width:1600px;margin:auto;padding:32px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-header p{color:#6c828f;margin:0}.page-header input{width:auto}.panel{background:#fff;border:1px solid #dbe5ea;border-radius:12px;margin-bottom:22px;padding:24px;box-shadow:0 3px 8px #122e4203}.panel table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.panel th{text-transform:uppercase;letter-spacing:.7px;color:#79909b;background:#f7fafb;padding:14px 8px;font-size:10px}.panel td{vertical-align:middle;border-bottom:1px solid #edf1f4;padding:18px 8px}.table-wrap{overflow:auto}.badge{color:#657c89;white-space:nowrap;background:#edf2f5;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.badge.connected,.badge.available,.badge.confirmed{color:#237258;background:#dff3ec}.badge.waiting,.badge.pending,.badge.information{color:#9c7626;background:#fff2d8}.badge.technical_failure,.badge.failed,.badge.exhausted{color:#b45352;background:#ffe8e6}.empty{color:#8497a1;text-align:center;padding:36px;font-size:13px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{margin:0 0 16px}.live{color:#668b81;font-size:10px}.live:before{content:"●";color:#28a089;margin-right:7px}.muted{color:#7c909a;font-size:12px}.task{border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-size:13px;display:flex}.task p{color:#82939d;margin:6px 0;font-size:11px}.softphone{z-index:2;background:#fff;border-left:1px solid #dce5e9;width:272px;height:100vh;padding:30px 22px;position:fixed;top:0;right:0;overflow-y:auto}.phone-status{align-items:center;gap:9px;margin:26px 0 10px;font-size:16px;display:flex}.dot{background:#c3cfd5;border-radius:50%;width:9px;height:9px}.dot.green{background:#009682}.softphone button{width:100%;font-size:12px}.softphone meter{width:100%;height:4px;margin:15px 0}.dial{border-top:1px solid #e3ebef;margin-top:24px;padding-top:20px}.dialpad{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.incoming{background:#e4f5ed;border-radius:10px;padding:12px}.two-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:10px 24px;display:grid}.wide{grid-column:1/-1}.filters{align-items:end;gap:14px;margin-bottom:24px;display:flex}.filters>input{max-width:300px}.filters select{width:220px}.filters label{margin:0}.notice{background:#edf6f8;border-left:3px solid #00929b;border-radius:5px;margin:18px 0;padding:18px;font-size:12px;line-height:1.8}.error{color:#a33b32;white-space:pre-wrap;background:#fff0ed;border-radius:7px;padding:12px;font-size:12px}.save-state{color:#008277;font-size:12px}.timeline{padding-left:20px;list-style:none}.timeline li{border-left:1px solid #dce9ed;padding:0 0 25px 20px;font-size:12px;position:relative}.timeline li:before{content:"";background:#3a9da6;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;left:-4px}.timeline time{color:#8497a0;margin-top:7px;font-size:10px;display:block}.recording{border-bottom:1px solid #e2e9ed;padding:15px 0}audio{width:100%;height:36px;margin:10px 0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{background:#fff;border:1px solid #dce7eb;border-radius:10px;padding:22px}.metric span{color:#758c98;font-size:11px;display:block}.metric strong{margin-top:16px;font-size:30px;font-weight:600;display:block}.agent-grid{grid-template-columns:repeat(3,1fr);gap:20px;font-size:12px;display:grid}.agent-grid .badge{margin-left:8px}.tabs{flex-wrap:wrap;gap:5px;display:flex}.tabs .selected{color:#fff;background:#174c60}.route-level{background:#fafcfd;border:1px solid #dce6eb;border-radius:10px;margin-bottom:15px;padding:20px}.days{gap:20px;display:flex}.days label{flex-direction:row}details summary{cursor:pointer;padding:10px 0;font-size:13px}pre,.code-input{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f9;max-height:500px;padding:15px;font-family:ui-monospace,monospace;font-size:11px;overflow:auto}.login{background:linear-gradient(135deg,#113749,#1b6576);align-items:center;gap:120px;min-height:100vh;padding:50px 8%;display:flex}.login .brandmark{font-size:70px}.login .brandmark span{font-size:13px}.login-card{background:#fff;border-radius:18px;width:450px;max-width:100%;padding:44px;box-shadow:0 15px 50px #08263455}.login-card h1{font-size:38px}.login-card p{color:#728793}.login-card button{width:100%;margin-top:20px}.login-card small{margin-top:20px}.member{align-items:end;gap:8px;display:flex}.member label{flex:1}.member>select{width:125px;margin-bottom:10px}@media (width>=1800px){.content{padding:44px}.sidebar{width:240px}.workspace{margin-left:240px}}@media (width<=1200px){.workspace{padding-right:240px}.softphone{width:240px}.sidebar{width:180px;padding:25px 14px}.workspace{margin-left:180px}.content{padding:24px}.two-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.form-grid{gap:10px}}@media (width<=850px){.sidebar{width:100%;height:auto;padding:16px;position:static}.sidebar .brandmark{font-size:24px}.sidebar nav{flex-direction:row;gap:5px;overflow:auto}.sidebar nav a{white-space:nowrap;padding:10px;font-size:12px}.sidebar nav a span,.service-label{display:none}.app-shell{display:block}.workspace{margin-left:0;padding-right:0}.softphone{width:100%;height:auto;position:static}.topbar{padding:15px;font-size:9px}.configuration-banner{padding:12px 18px}.content{padding:20px}.page-header{flex-direction:column;align-items:start}h1{font-size:26px}.panel{padding:16px;overflow:auto}.form-grid{grid-template-columns:1fr}.days{flex-wrap:wrap;gap:10px}.agent-grid{grid-template-columns:1fr 1fr}.login{padding:30px 20px;display:block}.login .brandmark{margin-bottom:25px;font-size:40px}.login-card{margin:auto;padding:30px}.metric strong{font-size:26px}}.test-banner{color:#514587;letter-spacing:.6px;background:#e8e8fb;padding:9px 32px;font-size:11px;font-weight:700}@media (width<=850px){.user-card{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.user-card button{margin:0}}