:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9eff7;background:#07111e}*{box-sizing:border-box}body{margin:0}.layout{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:#0b1726;border-right:1px solid #25374b;padding:26px 17px;position:relative}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:1.1px}.brand b{color:#62d7c0}.brand small{display:block;color:#8295ab;letter-spacing:2px;font-size:9px;margin-top:5px}.mark{background:linear-gradient(135deg,#167e92,#36ccbd);width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-size:25px}.nav{margin-top:54px;display:grid;gap:8px}.nav span{color:#8297ae;padding:13px 14px;border-radius:9px;font-size:13px}.nav .active{background:#123646;color:#65e3cf;font-weight:700}.sidebarFoot{position:absolute;bottom:28px;font-size:12px;color:#ccd9e5}.sidebarFoot small{display:block;margin-top:12px;color:#7690a7}.green{color:#45d2a3}main{padding:36px 46px;max-width:1660px;width:100%;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:#5aceb9;font-size:10px;letter-spacing:2.3px;font-weight:800}h1{font-size:32px;letter-spacing:-1px;margin:10px 0 5px}header p,.panelHead p{color:#8fa4bc;font-size:13px;margin:0}.user{font-size:12px;background:#17394a;border:1px solid #2c5262;border-radius:99px;color:#85efdc;padding:9px}.user span{color:#d6e4ed;margin-left:7px;padding-right:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article,.panel{border:1px solid #25384e;border-radius:13px;background:#0e1d2d}.metrics article{padding:20px}.metrics article span{font-size:10px;color:#8499b1;letter-spacing:1.1px;font-weight:700}.metrics strong{display:block;margin:10px 0 5px;font-size:19px}.metrics small{font-size:11px;color:#8499b1}.columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:18px}.panelHead{padding:23px 24px;border-bottom:1px solid #24364a;display:flex;justify-content:space-between;align-items:center}.panelHead h2{margin:0 0 7px;font-size:17px}.pill{font-size:10px;font-weight:800;letter-spacing:1.3px;background:#1b3643;color:#61dfbe;border:1px solid #2f625f;border-radius:99px;padding:8px 10px}.callArea{text-align:center;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#153b4c33 0,transparent 70%)}.rings{border:1px solid #245569;padding:18px;border-radius:100%;box-shadow:0 0 0 17px #163e4b33,0 0 0 35px #12334022;margin:25px}.avatar{height:104px;width:104px;border-radius:100%;background:linear-gradient(150deg,#195b6b,#118a82);display:grid;place-items:center;font-size:34px;font-weight:800;color:white}.callArea h2{font-size:22px;margin:12px 0 5px}.callArea p{font-size:13px;color:#a4bad0;max-width:360px;line-height:1.55}.bars{height:33px;display:flex;align-items:center;gap:5px;margin:14px}.bars i{height:10px;width:4px;border-radius:3px;background:#43d2bd;opacity:.55}.bars.active i{animation:wave 1s infinite alternate}.bars i:nth-child(2n){animation-delay:.2s}.bars i:nth-child(3n){animation-delay:.5s}@keyframes wave{to{height:31px}}.turnState{color:#75c4c1;font-size:11px;letter-spacing:.6px;margin-bottom:20px}.actions{border-top:1px solid #24364a;display:flex;gap:8px;flex-wrap:wrap;padding:18px 20px}button{cursor:pointer;border-radius:8px;padding:11px 14px;border:1px solid #36516b;background:#172c40;color:#e2edf8;font-weight:700;font-size:12px}button:hover:not(:disabled){filter:brightness(1.18)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:#25bba9;color:#041923;border-color:#25bba9}button.danger{background:#49232b;border-color:#7d3f48;color:#ffb5b5}.speech{padding:0 20px 20px}.speech label{font-size:11px;color:#839ab0}.inline{display:flex;gap:8px;margin-top:8px}input{flex:1;min-width:0;border:1px solid #35506a;border-radius:7px;background:#081726;color:white;padding:12px}#interim{color:#67d4ba;min-height:16px;font-size:12px}.transcript{display:flex;flex-direction:column;min-height:540px}.counter{font-size:11px;color:#8facc0}.messages{padding:20px;flex:1;max-height:550px;min-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.empty{font-size:13px;color:#7690a7;margin:auto}.message{max-width:90%;line-height:1.5}.message.agent{align-self:flex-end;text-align:right}.message .who{color:#7994ac;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:6px}.bubble{border:1px solid #2d475b;padding:12px 15px;border-radius:12px;background:#183044;font-size:13px;text-align:left}.agent .bubble{background:#14534e;border-color:#2e8377}.transcriptFoot{border-top:1px solid #233447;padding:16px 20px;font-size:11px;color:#6e879e}.score{margin-top:18px;padding-bottom:22px}.hidden{display:none}.scoreTop{display:flex;align-items:center;gap:26px;padding:25px}.bigScore{width:128px;height:128px;border:9px solid #29bd9d;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}.bigScore span{font-size:34px;font-weight:800}.bigScore small{color:#94b4c3}.scoreTop h3{margin:0 0 8px}.scoreTop p{font-size:13px;color:#a6bdd0;line-height:1.6}.categories{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 25px}.category{padding:14px;border:1px solid #263e50;border-radius:10px}.category .line{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.track{height:6px;border-radius:10px;background:#243d4d;overflow:hidden}.fill{background:#3cc9ad;height:100%;border-radius:10px}.category p{font-size:11px;color:#8daac0;line-height:1.5;margin:8px 0 0}.feedback{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:10px 25px}.feedback h3{font-size:14px}.feedback li{font-size:12px;line-height:1.6;color:#b0c2d2;margin-bottom:8px}.score button{margin:12px 0 0 25px}#failures{margin:10px 25px;color:#f4a8a8;font-size:12px}footer{display:flex;justify-content:space-between;color:#71899f;font-size:11px;margin-top:27px}@media(max-width:1100px){.layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;justify-content:space-between;padding:15px}.nav,.sidebarFoot{display:none}main{padding:24px}.columns{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:15px}header .user{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:12px}.columns{grid-template-columns:1fr}.categories,.feedback{grid-template-columns:1fr}.actions button{flex:1}.panelHead{padding:16px}.callArea{min-height:320px}}

/* Functional primary navigation */
.nav button{display:block;width:100%;text-align:left;border:0;background:transparent;box-shadow:none;padding:13px 14px;color:#8297ae;font-size:13px;font-weight:500;border-radius:9px}
.nav button:hover,.nav button:focus-visible{background:#173244;color:#c9f9ef;outline-offset:2px}
.nav button.active{background:#123646;color:#65e3cf;font-weight:700}
.navInfo{padding:30px;margin-bottom:18px;max-width:820px}
.navInfo h2{font-size:21px;margin:0 0 12px}
.navInfo p{color:#aec2d2;font-size:14px;line-height:1.65;max-width:680px}
.navInfo button{margin-top:12px}
#scenarioPicker{scroll-margin-top:20px}
@media(max-width:1100px){.nav{display:flex;gap:5px;margin:0;flex-wrap:wrap}.nav button{width:auto;padding:10px;font-size:12px}.sidebarFoot{display:none}}
@media(max-width:600px){.sidebar{flex-direction:column;align-items:flex-start;gap:12px}.nav{width:100%;justify-content:space-between}.nav button{font-size:11px;padding:9px 7px}}

/* Manager performance */
.kpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.metricTile{border:1px solid #305062;border-radius:10px;padding:15px;background:#122638}.metricTile small{display:block;color:#9db5c8}.metricTile strong{display:block;color:#6fe2c6;font-size:26px;margin-top:6px}
.trendBars{height:160px;display:flex;align-items:flex-end;gap:7px;overflow-x:auto;border-bottom:1px solid #476073;padding:10px 3px}.trendDay{height:100%;min-width:22px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:4px}.trendValue{width:20px;background:#3cc9ad;min-height:3px;border-radius:4px 4px 0 0}.trendDay small{font-size:9px;color:#95aaba}
#employeesTable,#recentTable{overflow-x:auto}#employeesTable table,#recentTable table{width:100%;border-collapse:collapse;font-size:12px}#employeesTable th,#recentTable th,#employeesTable td,#recentTable td{padding:10px;border-bottom:1px solid #2b4358;text-align:left}#employeesTable th,#recentTable th{color:#81dacc}
@media(max-width:650px){.kpiGrid{grid-template-columns:repeat(2,1fr)}}