@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#182b3a;font:14px system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}button:disabled{opacity:.45;cursor:not-allowed}aside{position:fixed;inset:0 auto 0 0;width:250px;padding:30px 19px 18px;background:#fff;border-right:1px solid #e5e9ee;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:29px;letter-spacing:-1.5px;font-weight:750;padding:0 10px;color:#172f40}.brand-icon{display:grid;place-items:center;background:#19534d;color:#d9f6ba;width:38px;height:38px;border-radius:12px;font-size:28px;letter-spacing:-3px;padding-right:5px}.brand-dot{color:#6ba387;font-weight:400}.workspace{display:flex;align-items:center;gap:9px;border:1px solid #e7ebed;border-radius:10px;margin-top:32px;padding:12px;font-size:12px;font-weight:600}.workspace>span:last-child{margin-left:auto;color:#8d9a9f}.workspace-icon{background:#f2f4f6;color:#33594d;padding:9px;border-radius:7px}small{display:block;font-weight:400;font-size:11px;line-height:1.9;color:#849099}.nav-label{font-size:10px;letter-spacing:1.6px;color:#9ba6ad;margin:32px 12px 12px;font-weight:700}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:12px;color:#6b7783;padding:12px 13px;border-radius:8px;font-size:13px}nav a>span{font-size:18px;width:20px;text-align:center}nav a.active{background:#eaf2ed;color:#225b43;font-weight:650}nav a:hover{background:#f2f5f4}.second{margin-top:28px}.aside-bottom{display:flex;align-items:center;gap:10px;padding:16px 10px;border-top:1px solid #edf0f1;margin-top:auto;font-size:12px}.pulse{width:7px;height:7px;background:#69986a;border-radius:50%}.profile{display:flex;gap:10px;align-items:center;padding:14px 8px 0;border-top:1px solid #edf0f1;font-size:12px}.avatar{display:grid;place-items:center;border:1px solid #dde5e7;background:#edf0e7;color:#536851;width:34px;height:34px;border-radius:50%;font-size:11px;font-weight:700}.icon-button{background:transparent;border:0;color:#7a8790;font-size:20px;padding:5px}.profile .icon-button{margin-left:auto}main{margin-left:250px}header{height:81px;background:#fff;border-bottom:1px solid #e5e9ee;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px}.breadcrumb{color:#929ba4}.breadcrumb span{margin:0 13px}.breadcrumb b{color:#50616e;font-weight:500}.header-right{display:flex;align-items:center;gap:18px;color:#88959d;font-size:11px}.content{max-width:1510px;margin:auto;padding:30px 38px 18px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 28px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#789183;margin-bottom:10px}h1{margin:0;font-size:29px;font-weight:650;letter-spacing:-.8px}h2{font-size:16px;letter-spacing:-.25px;margin:0;font-weight:650}h3{font-size:14px;margin:0 0 8px}p{color:#83909b;font-size:12px;line-height:1.8;margin:8px 0}.primary,.secondary,.danger{border:1px solid #1e594b;background:#1e594b;color:white;border-radius:8px;padding:11px 17px;font-weight:550;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap}.primary:hover{background:#174637}.secondary{border-color:#dde4e9;background:white;color:#52616c}.danger{background:#fff5f3;color:#b34e46;border-color:#f2d6d0}.button-row{display:flex;gap:9px;flex-wrap:wrap}.notice{display:flex;align-items:center;gap:15px;background:#fff8e8;border:1px solid #ebdfbf;border-radius:9px;padding:12px 15px;margin-bottom:22px;color:#8a742f;font-size:10px;letter-spacing:1px;font-weight:700}.notice span{font-size:12px;letter-spacing:0;font-weight:400;color:#887f62}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid #e5e9ed;border-radius:11px;padding:20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7b8791;font-size:12px}.stat-icon{display:grid;place-items:center;background:#f2f5f4;border:1px solid #e8eeea;color:#6a927a;border-radius:8px;width:30px;height:30px;font-size:17px}.stat strong{display:block;font-size:31px;font-weight:600;letter-spacing:-1px;margin-top:6px}.stat p{font-size:10px;margin:7px 0 0;color:#99a2a9}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.panel{background:#fff;border:1px solid #e4e9ed;border-radius:12px;overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;gap:12px}.text-link{color:#4b8066;font-size:11px;font-weight:600}.panel-body{padding:22px}.agent-card{background:#193f38;color:white;padding:25px;border-radius:12px;position:relative;overflow:hidden;min-height:242px;margin-bottom:20px}.agent-card:after{content:'✳';position:absolute;right:-27px;bottom:-53px;font-size:215px;color:#346151;opacity:.7}.agent-card .eyebrow{color:#9ec4a6}.agent-card h2{font-size:24px;line-height:1.4;max-width:260px}.agent-card p{color:#b0c3bb;max-width:250px;position:relative;z-index:1}.agent-card a{position:relative;z-index:1;margin-top:14px;background:#dcebc5;color:#244e3b;border:none}.badge{border-radius:5px;padding:5px 8px;background:#eff2f5;color:#7e8994;font-size:10px;font-weight:600;white-space:nowrap}.badge.green{background:#edf5ed;color:#5b8361}.badge.orange{background:#fff2df;color:#aa823c}.badge.red{background:#fff0ed;color:#b7655b}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:10px;font-weight:500;color:#919da6;background:#fcfcfd;padding:13px 21px;border-bottom:1px solid #edf0f2}td{padding:17px 21px;border-bottom:1px solid #edf0f2;font-size:12px;color:#62717e}tr:last-child td{border-bottom:0}td strong{color:#344958;font-weight:550}td small{font-size:10px}.company{display:flex;align-items:center;gap:10px}.company-icon{width:30px;height:30px;border-radius:7px;background:#edf0f4;display:grid;place-items:center;font-size:12px;color:#81919b}.empty{padding:48px 24px;text-align:center}.empty .empty-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #e6ece9;background:#f6f9f7;border-radius:14px;margin:0 auto 15px;font-size:23px;color:#87a58d}.empty h3{color:#5a6b76;font-size:13px}.empty p{max-width:370px;margin:0 auto 17px;font-size:11px}.health-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f2;gap:10px;font-size:12px}.health-row:last-child{border:0}.health-row small{font-size:10px;margin-top:2px}.dot{display:inline-block;width:6px;height:6px;background:#b9c1c6;border-radius:50%;margin-right:6px}.next-step{margin-top:23px;padding:16px;background:#f7f8f4;border:1px solid #e8ece2;border-radius:8px}.next-step p{font-size:11px;margin-bottom:0}.toolbar{padding:16px 20px;display:flex;gap:12px;border-bottom:1px solid #edf0f2;align-items:center}.search{max-width:340px;flex:1}.toolbar input,.toolbar select{border:1px solid #e2e7eb;padding:9px 12px;border-radius:7px;background:white;font-size:12px;color:#667681}.toolbar .total{margin-left:auto;font-size:11px;color:#99a4ac}.pill{border-radius:20px;background:#f0f4ef;color:#75916a;padding:4px 9px;font-size:10px}footer{display:flex;justify-content:space-between;color:#a3adb4;font-size:10px;padding:28px 1px 6px}.connection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.connection{padding:24px}.connection .logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e1e8e5;border-radius:10px;color:#3a6d57;font-size:21px;margin-bottom:18px}.connection .badge{float:right}.connection code{font-size:11px;overflow-wrap:anywhere;background:#f5f7f8;padding:5px;border-radius:4px}.connection p{min-height:43px}.connection .secondary{margin-top:12px}.agent-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.steps{padding:22px}.step{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid #edf0f2}.step:last-child{border:0}.step-number{border:1px solid #e2e9e3;color:#7b9a7f;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.callout{padding:17px;background:#f7f9f7;border-left:3px solid #88a889;line-height:1.9;font-size:13px;color:#496351;margin:18px 0}.tag-list{display:flex;gap:7px;flex-wrap:wrap}.tag-list span{font-size:10px;background:#f0f4f2;color:#738d7e;padding:6px 8px;border-radius:5px}dialog{border:1px solid #e3e9e6;border-radius:15px;padding:29px;width:min(540px,calc(100% - 32px));box-shadow:0 25px 90px #162b3d30;color:#243e4d;max-height:90vh;overflow:auto}dialog::backdrop{background:#132b3d65;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:9px}dialog h2{margin:8px 0 6px;font-size:21px}dialog p{margin-bottom:20px}label{display:block;font-size:12px;color:#637681;margin-top:15px}label input,label textarea,label select{display:block;width:100%;padding:11px 12px;border:1px solid #dde6e1;border-radius:7px;margin-top:6px;background:#fff;color:#2b4655}label textarea{min-height:130px;resize:vertical}.checkbox{display:flex;gap:10px;align-items:flex-start;line-height:1.8}.checkbox input{width:auto;margin-top:5px}.form-actions{margin-top:23px;display:flex;justify-content:flex-end;gap:10px}.error{color:#b35447!important}.call-target{background:#f5f8f5;padding:20px;border:1px solid #e2e9df;border-radius:8px;font-size:24px;font-weight:600;text-align:center;margin:20px 0}.call-target small{font-size:11px}.detail{font-size:12px;line-height:1.9}.detail pre{white-space:pre-wrap;font:12px system;color:#5b6d77;background:#f5f7f8;padding:15px;border-radius:8px;max-height:300px;overflow:auto}#toast{position:fixed;bottom:25px;right:25px;max-width:420px;z-index:20;background:#193f38;color:#fff;padding:16px 20px;border-radius:10px;box-shadow:0 10px 40px #0002;display:none;line-height:1.6}.login{min-height:100vh;display:grid;place-items:center;background:#eef3ee}.login form{background:#fff;border:1px solid #e0e8e1;border-radius:16px;padding:40px;width:min(450px,94vw)}.login .brand{padding:0;margin-bottom:34px}.login h1{font-size:23px}.login .primary{width:100%;margin-top:24px}.mobile-menu{display:none}.loading{padding:80px;text-align:center;color:#83978a}.inline-info{padding:15px 20px;font-size:11px;color:#84918e;border-top:1px solid #edf0f2}.transcript-item{padding:11px 0;border-bottom:1px solid #edf0f2}.transcript-item strong{font-size:10px;text-transform:uppercase;letter-spacing:.7px}.transcript-item p{margin:4px 0;color:#526873} @media(min-width:1500px){.content{padding-top:40px}.agent-card{min-height:260px}}@media(max-width:1100px){aside{width:215px}main{margin-left:215px}.content{padding:24px}.layout{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.layout>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px}.agent-card{margin:0}.header-right #date{display:none}.agent-layout{grid-template-columns:1fr}}@media(max-width:760px){aside{transform:translateX(-100%);z-index:10;width:250px;transition:transform .2s}body.menu-open aside{transform:translateX(0);box-shadow:15px 0 50px #0003}main{margin:0}header{height:65px;padding:0 18px;gap:8px}.mobile-menu{display:block}.header-right{margin-left:auto}.breadcrumb{font-size:11px}.breadcrumb>span{margin:0 6px}.content{padding:18px 15px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}h1{font-size:25px}.stats{grid-template-columns:repeat(2,1fr)}.layout>div:last-child{display:block}.agent-card{margin-bottom:18px}.connection-grid{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column;gap:5px}.toolbar{flex-wrap:wrap}.toolbar .total{display:none}.toolbar select{max-width:160px}th,td{padding:14px}.header-right .badge{font-size:9px}.panel-head{padding:18px}.agent-layout{display:block}.agent-layout .panel{margin-bottom:20px}footer{font-size:9px}.login form{padding:30px}}

.mt-22{margin-top:22px}.mt-20{margin-top:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.pagination{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f2}.pagination span{color:#87939d;font-size:12px}@media(max-width:760px){.form-grid{grid-template-columns:1fr}}
