@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#182230;font-synthesis:none;background:#f4f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{color:#d7e1f0;background:#101c32;flex-direction:column;gap:9px;width:245px;padding:25px 17px;display:flex}.brand{align-items:center;gap:11px;padding:4px 8px 28px;font-family:Manrope;display:flex}.logo{color:#fff;background:#6d7df5;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.nav{color:#c4cee0;border-radius:9px;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex}.nav svg{width:18px}.nav.active{color:#fff;background:#253657}.nav.disabled{opacity:.55}.nav small{margin-left:auto;font-size:10px}.side-bottom{color:#9cacc4;gap:9px;margin-top:auto;padding:12px 5px;font-size:12px;display:flex}.main{width:100%;max-width:1440px;margin:auto;padding:28px 42px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1,h2,h3,p{margin-top:0}h2{margin:3px 0;font:700 23px Manrope}.eyebrow{letter-spacing:1.5px;color:#8290a5;font-size:10px;font-weight:700}.user{color:#596579;align-items:center;gap:12px;font-size:13px;display:flex}.iconbtn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e7ef;border-radius:9px;place-items:center;padding:9px;display:grid}.welcome{color:#fff;background:linear-gradient(115deg,#253b69,#5867d9);border-radius:18px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex;overflow:hidden}.welcome h1{margin:10px 0;font:800 27px Manrope}.welcome p{color:#dce4ff;margin:0;font-size:14px}.light{color:#c5d0ff}.orb{background:#ffffff20;border-radius:50%;place-items:center;width:100px;height:100px;margin-right:25px;display:grid}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0 32px;display:grid}.card{background:#fff;border:1px solid #e8edf4;border-radius:14px;box-shadow:0 3px 12px #172b4d08}.stat{padding:18px}.stat span,.stat small{color:#7b8798;font-size:12px;display:block}.stat strong{margin:7px 0;font:800 27px Manrope;display:block}.stat small{font-size:11px}.healthy{color:#15956a!important;font-size:19px!important}.section-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-head h2{margin:5px 0}.section-head p{color:#7b8798;margin:0;font-size:13px}.primary,.secondary{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#5265dc}.secondary{color:#445066;background:#edf1f7}.agent-list{gap:11px;display:grid}.agent{align-items:center;gap:14px;padding:16px;display:flex}.agent-icon{color:#5969dc;background:#eef0ff;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.agent-info{flex:1}.agent-info strong{font-size:14px}.agent-info p{color:#7b8798;margin:4px 0 8px;font-size:12px}.tags{gap:6px;display:flex}.tags span{color:#5c6a7f;background:#f1f4f8;border-radius:20px;padding:4px 8px;font-size:10px}.danger{color:#cc5260}.empty{text-align:center;color:#8591a3;padding:40px}.empty h3{color:#354256;margin:10px 0 5px}.empty p{margin:0;font-size:13px}.agent-form{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;padding:18px;display:grid}.agent-form label,.login label{color:#536176;gap:7px;font-size:12px;font-weight:700;display:grid}.agent-form input,.agent-form textarea,.agent-form select,.login input{color:#253248;background:#fff;border:1px solid #dce3ed;border-radius:8px;padding:10px}.wide{grid-column:1/-1}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;display:flex}.error{color:#b23d49;background:#fff0f0;border:1px solid #ffd9dc;border-radius:9px;margin:12px 0;padding:10px 13px;font-size:13px}.login-wrap{background:linear-gradient(135deg,#eef2ff,#f8fafc);place-items:center;min-height:100vh;padding:20px;display:grid}.login{gap:17px;width:min(420px,100%);padding:30px;display:grid}.login .brand{color:#1e2b42;padding:0 0 10px}.login h1{margin:0;font:800 20px Manrope}.login p{color:#8490a2;margin:3px 0;font-size:12px}.login small{color:#8792a3;font-size:11px;line-height:1.5}.login button{width:100%}footer{text-align:center;color:#a1aaba;margin:40px 0 10px;font-size:11px}@media (width<=900px){.sidebar{width:65px;padding:18px 9px}.sidebar .brand strong,.nav:not(.active),.nav.active{justify-content:center;font-size:0}.sidebar .brand{padding:0 3px 25px}.sidebar .brand strong,.side-bottom{display:none}.nav{padding:13px 8px}.main{padding:22px 18px}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.welcome{padding:23px}.welcome h1{font-size:21px}.orb,.user span{display:none}.section-head{align-items:flex-start;gap:10px}.stats{gap:9px}.stat{padding:13px}.agent-form{grid-template-columns:1fr}.wide,.form-actions{grid-column:1}.main{padding:18px 12px}}.voice-section{margin:24px 0;display:block}.voice-panel{width:100%;padding:24px}.voice-heading{align-items:center;gap:16px;margin-bottom:22px;display:flex}.voice-heading h2{margin:5px 0}.voice-heading p{color:var(--muted,#64748b);margin:0}.voice-status{align-items:center;gap:10px;margin:16px 0;display:flex}.voice-indicator{background:#94a3b8;border-radius:50%;width:10px;height:10px}.voice-indicator.online{background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.voice-message{overflow-wrap:anywhere;color:var(--muted,#64748b);font-size:13px}.voice-actions{gap:12px;margin:18px 0;display:flex}.voice-note{color:var(--muted,#64748b);align-items:center;gap:7px;display:flex}@media (width<=600px){.voice-panel{padding:18px}.voice-heading{align-items:flex-start}}
