:root{--bg:#f5f7fa;--panel:#fff;--panel-soft:#eef6f4;--ink:#15201f;--muted:#697475;--line:#dce4e7;--teal:#0f766e;--teal-dark:#0d4f4b;--blue:#2563eb;--coral:#e76f51;--gold:#f2c14e;--green:#22a06b;--red:#dc3f3f;--charcoal:#111719;--shadow:0 18px 42px #15201f1a;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg, #0f766e0f 1px, transparent 1px), linear-gradient(180deg, #2563eb0d 1px, transparent 1px), var(--bg);background-size:42px 42px;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.app{grid-template-columns:288px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#ecf8f6;background:#121918;border-right:1px solid #ffffff14;flex-direction:column;gap:22px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:13px;min-height:58px;display:flex}.brand-mark{color:#09211e;background:var(--gold);border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.brand-block h1,.topbar h2,.hub-copy h2,.manager-header h2,.certificate-band h2,.builder-form h2{margin:0;line-height:1.05}.brand-block h1{font-size:1.45rem}.eyebrow{color:var(--teal);text-transform:uppercase;margin:0 0 6px;font-size:.74rem;font-weight:800}.sidebar .eyebrow{color:#8ce5d8}.role-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.role-switcher button,.nav-list button,.scenario-rail button{border:0}.role-switcher button{color:#b8c8c5;background:#ffffff0f;border-radius:7px;min-height:38px;padding:7px 9px}.role-switcher button.active{color:#09211e;background:#91efe2}.nav-list{gap:8px;display:grid}.nav-list button{color:#d5e4e1;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:11px;min-height:44px;padding:10px 12px;display:flex}.nav-list button.active,.nav-list button:hover{color:#fff;background:#91efe224}.profile-panel{background:#ffffff12;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.profile-panel strong,.profile-panel span,.agent-chip strong,.agent-chip span{display:block}.profile-panel span,.agent-chip span{color:var(--muted);font-size:.78rem}.sidebar .profile-panel span{color:#b8c8c5}.mini-avatar{color:#0c231f;background:var(--gold);border-radius:8px;flex:none;place-items:center;width:38px;height:38px;font-size:.82rem;font-weight:900;display:grid}.badge-strip{gap:8px;display:flex}.badge-dot{color:#aab7b5;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.badge-dot.earned{color:#0c231f;background:#91efe2}.main-shell{width:100%;max-width:1540px;margin:0 auto;padding:24px}.topbar,.manager-header,.section-heading,.scenario-top,.scenario-card-head,.scenario-card-footer,.choice-header,.result-header,.heatmap-head,.heatmap-row,.agent-row,.evidence-row,.leaderboard-row,.customer-panel,.call-status{align-items:center;display:flex}.topbar{justify-content:space-between;gap:18px;min-height:74px;margin-bottom:20px}.topbar h2{font-size:clamp(1.55rem,2vw,2rem)}.topbar-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.metric-pill,.agent-chip{border:1px solid var(--line);background:#ffffffc2;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:8px 11px;display:flex}.metric-pill svg{color:var(--teal)}.metric-pill span{color:var(--muted);font-size:.78rem}.metric-pill strong{font-size:.95rem}.page-stack{gap:18px;display:grid}.hub-hero{color:#eefdfb;min-height:350px;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f766efa,#0b4346f5),#0f766e;border-radius:8px;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:18px;display:grid;position:relative;overflow:hidden}.hub-copy{flex-direction:column;justify-content:center;gap:16px;padding:clamp(26px,5vw,56px);display:flex}.hub-copy .eyebrow{color:#f8df81}.hub-copy h2{max-width:780px;font-size:clamp(2rem,5vw,4.6rem)}.hub-copy p{color:#d7f3ee;max-width:760px;margin:0;font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.65}.hero-actions,.filters,.scenario-controls{flex-wrap:wrap;gap:9px;display:flex}.primary-button,.ghost-button,.icon-button,.toggle{min-height:42px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary-button{color:#081e1b;background:var(--gold);border-color:#0000;font-weight:800}.ghost-button{color:var(--ink);background:#ffffffd9}.hub-hero .ghost-button{color:#ecf8f6;background:#ffffff1f;border-color:#ffffff38}.primary-button:hover,.ghost-button:hover,.icon-button:hover,.toggle:hover{transform:translateY(-1px);box-shadow:0 10px 22px #15201f1f}.icon-button{width:42px;padding:0}.ghost-button.compact{min-height:34px;padding:7px 9px}.hero-visual{background:linear-gradient(#ffffff24,#0000),#ffffff0f;place-items:center;min-height:320px;display:grid;position:relative}.callout-card{color:#0a201d;box-shadow:var(--shadow);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex;position:absolute}.callout-card.top{top:34px;right:32px}.callout-card.bottom{bottom:36px;left:34px}.avatar{filter:drop-shadow(0 12px 22px #15201f29);flex:none}.avatar-tiny{width:40px;height:40px}.avatar-small{width:54px;height:54px}.avatar-medium{width:74px;height:74px}.avatar-large{width:min(220px,48vw);height:min(220px,48vw)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-card,.scenario-card,.report-card,.badge-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #15201f0d}.kpi-card{align-content:start;gap:8px;min-height:150px;padding:18px;display:grid}.kpi-card svg{color:var(--teal)}.kpi-card span,.kpi-card small,.scenario-card span,.scenario-card p,.result-grid span,.cert-list span,.badge-card span,.report-card span{color:var(--muted)}.kpi-card strong{font-size:clamp(1.35rem,2vw,1.85rem)}.content-band{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;padding:20px;box-shadow:0 10px 28px #15201f0a}.section-heading,.manager-header{justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h3,.manager-header h2,.certificate-band h2{margin:0}.compact-progress{background:#e5ecef;border-radius:999px;width:min(240px,42vw);height:9px;overflow:hidden}.compact-progress span{background:linear-gradient(90deg, var(--teal), var(--gold));height:100%;display:block}.module-track{grid-template-columns:repeat(5,minmax(160px,1fr));gap:10px;padding-bottom:4px;display:grid;overflow-x:auto}.module-node{border:1px solid var(--line);background:#f8fafb;border-radius:8px;gap:8px;min-height:132px;padding:13px;display:grid}.module-node span:first-child{width:32px;height:32px;color:var(--muted);background:#e7edf0;border-radius:8px;place-items:center;display:grid}.module-node.done span:first-child{color:#fff;background:var(--green)}.module-node.partial span:first-child{color:#15201f;background:var(--gold)}.module-node small{color:var(--muted);line-height:1.45}.scenario-heading{align-items:flex-start}.filters label,.search-box{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:inline-flex}.filters input,.filters select,.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.filters select{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:40px;padding:0 10px}.scenario-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.scenario-card{gap:14px;min-height:280px;padding:16px;display:grid}.scenario-card-head{gap:12px}.scenario-card-head strong,.scenario-card-head span{display:block}.scenario-card p{margin:0;line-height:1.55}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span,.completion-chip{min-height:28px;color:var(--muted);background:#f2f5f6;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.completion-chip.complete{color:#0d4f2d;background:#e7f7ef}.scenario-card-footer{justify-content:space-between;margin-top:auto}.arena-layout{grid-template-columns:250px minmax(0,1fr);gap:16px;display:grid}.scenario-rail{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-content:start;gap:8px;height:fit-content;padding:14px;display:grid;position:sticky;top:24px}.rail-title{align-items:center;gap:8px;padding:8px 6px;display:flex}.scenario-rail button{min-height:58px;color:var(--ink);text-align:left;background:#f8fafb;border-radius:7px;gap:3px;padding:10px;display:grid}.scenario-rail button span{color:var(--muted);font-size:.75rem}.scenario-rail button.active{color:#fff;background:var(--teal)}.scenario-rail button.active span{color:#dff8f4}.scenario-player{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.scenario-top,.scenario-context,.simulation-frame{grid-column:1}.live-scoreboard{grid-area:1/2/span 3}.scenario-top,.scenario-context,.simulation-frame,.live-scoreboard{background:var(--panel);border:1px solid var(--line);border-radius:8px}.scenario-top{justify-content:space-between;gap:14px;padding:16px}.customer-panel{gap:14px}.customer-panel h3{margin:0 0 4px}.customer-panel span,.scenario-context span,.call-status span,.choice-header span,.meter-labels span,.mini-meter span,.result-grid span,.coach-notes span{color:var(--muted)}.toggle.active{color:#fff;background:var(--teal);border-color:var(--teal)}.scenario-context{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px;display:grid}.scenario-context div{border:1px solid var(--line);background:#f8fafb;border-radius:8px;gap:6px;padding:12px;display:grid}.scenario-context strong{line-height:1.45}.simulation-frame{overflow:hidden}.simulation-frame.call{border-top:4px solid var(--blue)}.simulation-frame.chat{border-top:4px solid var(--teal)}.call-status{border-bottom:1px solid var(--line);background:#f8fafb;justify-content:space-between;gap:10px;min-height:48px;padding:12px 16px}.dialogue-window{align-content:start;gap:12px;min-height:330px;max-height:520px;padding:18px;display:grid;overflow-y:auto}.customer-message,.agent-message{max-width:min(82%,680px);animation:.26s both messageIn}.customer-message{gap:10px;display:flex}.customer-message div,.agent-message{background:#f2f6f7;border-radius:8px;padding:12px 14px}.customer-message span{color:var(--teal);margin-bottom:4px;font-weight:800;display:block}.customer-message p,.agent-message p{margin:0;line-height:1.55}.agent-message{color:#fff;background:var(--teal);justify-self:end}.choice-panel{border-top:1px solid var(--line);padding:16px}.choice-header{justify-content:space-between;gap:10px;margin-bottom:12px}.timer{color:var(--teal);align-items:center;gap:6px;display:inline-flex}.timer.danger{color:var(--red)}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-card{min-height:92px;color:var(--ink);text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;padding:13px;display:grid}.choice-card.safe:hover{border-color:var(--green)}.choice-card.risk:hover{border-color:var(--gold)}.choice-card.violation:hover{border-color:var(--red)}.choice-card span{line-height:1.42}.live-scoreboard{align-content:start;gap:14px;padding:16px;display:grid}.score-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.emotion-meter{background:linear-gradient(90deg,#22a06b,#f2c14e,#e76f51,#dc3f3f);border-radius:999px;height:14px;overflow:hidden}.emotion-meter span{border-right:4px solid var(--ink);background:#ffffff85;height:100%;display:block}.meter-labels{justify-content:space-between;gap:8px;margin-top:7px;font-size:.78rem;display:flex}.dual-meters,.skill-list,.skill-bars{gap:10px;display:grid}.mini-meter{gap:6px;display:grid}.mini-meter>div:first-child{justify-content:space-between;gap:8px;display:flex}.mini-meter-track{background:#e7edf0;border-radius:999px;height:8px;overflow:hidden}.mini-meter-track span{background:var(--blue);height:100%;display:block}.mini-meter.positive .mini-meter-track span{background:var(--green)}.mini-meter.risk .mini-meter-track span{background:var(--coral)}.result-card{border-top:1px solid var(--line);gap:14px;padding:18px;display:grid}.result-header{justify-content:space-between;gap:12px}.result-header h3{margin:0;font-size:2rem}.stars{color:#bcc7c9;gap:3px;display:flex}.stars .filled{color:var(--gold);fill:var(--gold)}.result-card>p{margin:0;line-height:1.55}.result-grid,.feedback-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.result-grid div,.feedback-columns>div,.coach-notes div{border:1px solid var(--line);background:#f8fafb;border-radius:8px;gap:6px;padding:12px;display:grid}.feedback-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-columns h4{margin:0 0 4px}.feedback-chip{border-radius:999px;width:fit-content;min-height:28px;padding:5px 8px;display:inline-flex}.feedback-chip.good{color:#0d4f2d;background:#e7f7ef}.feedback-chip.warn{color:#7a3a15;background:#fff4d8}.coach-notes{gap:8px;max-height:260px;display:grid;overflow:auto}.manager-header{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;display:grid}.dashboard-grid.wide{grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr)}.heatmap{min-width:680px;display:grid}.content-band:has(.heatmap){overflow-x:auto}.heatmap-head,.heatmap-row{grid-template-columns:180px repeat(6,minmax(86px,1fr));gap:8px;min-height:42px;display:grid}.heatmap-head span{color:var(--muted);font-size:.78rem;font-weight:800}.heatmap-row{border-top:1px solid var(--line);align-items:center;padding:7px 0}.heatmap-row span{background:linear-gradient(90deg, #22a06b38 var(--heat), #eef3f4 var(--heat)), #eef3f4;border-radius:7px;place-items:center;min-height:34px;display:grid}.heatmap-row span.focus{outline:2px solid var(--gold)}.leaderboard-list,.agent-table,.assignment-list,.cert-list{gap:9px;display:grid}.leaderboard-row{border:1px solid var(--line);background:#f8fafb;border-radius:8px;justify-content:space-between;gap:10px;min-height:58px;padding:10px}.leaderboard-row>span{color:#0d4f4b;background:#dff8f4;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.leaderboard-row div{flex:1}.leaderboard-row small{color:var(--muted);display:block}.leaderboard-row em{color:var(--green);font-style:normal;font-weight:800}.agent-row{border:1px solid var(--line);background:#f8fafb;border-radius:8px;grid-template-columns:42px minmax(150px,1fr) minmax(120px,.7fr) minmax(120px,.7fr) auto;gap:12px;min-height:68px;padding:10px;display:grid}.agent-row>div:nth-child(2) span{color:var(--muted);display:block}.assignment-list button,.evidence-row{width:100%;min-height:58px;color:var(--ink);text-align:left;border:1px solid var(--line);background:#f8fafb;border-radius:8px;padding:11px}.assignment-list button{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.assignment-list button span,.evidence-row span{color:var(--muted);display:block}.builder-layout{grid-template-columns:minmax(0,1fr) 340px;gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:7px;display:grid}.field.wide{grid-column:1/-1}.field span{color:var(--muted);font-size:.84rem;font-weight:800}.field input,.field textarea,.field select{width:100%;min-height:42px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:7px;outline:0;padding:10px 11px}.field textarea{resize:vertical;min-height:86px}.builder-preview{height:fit-content;position:sticky;top:24px}.builder-preview .content-band{justify-items:start;gap:12px;display:grid}.builder-preview p{margin:0;line-height:1.5}.preview-choice{border-radius:8px;width:100%;padding:11px}.preview-choice.good{background:#e7f7ef}.preview-choice.warn{background:#fff4d8}.preview-choice.bad{background:#ffe8e4}.certificate-band{color:#f4fffd;box-shadow:var(--shadow);background:#12322f;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:26px;display:flex}.certificate-band .eyebrow{color:var(--gold)}.certificate-band p{color:#cde7e3;margin:8px 0 0}.certificate-seal{color:#0b211f;background:#e4edf0;border-radius:8px;place-items:center;min-width:132px;min-height:132px;display:grid}.certificate-seal.ready{background:var(--gold)}.certificate-seal strong{margin-top:6px;font-size:1.4rem}.cert-list div{border:1px solid var(--line);background:#f8fafb;border-radius:8px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:9px;display:grid}.cert-list div.done svg{color:var(--green)}.badge-grid,.report-grid,.integration-grid{gap:12px;display:grid}.badge-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.badge-card{opacity:.62;gap:9px;min-height:150px;padding:16px;display:grid}.badge-card.earned{opacity:1;border-color:#22a06b73}.badge-card svg{color:var(--teal)}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-card{gap:9px;min-height:138px;padding:18px;display:grid}.report-card svg{color:var(--teal)}.report-card strong{font-size:1.32rem}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.integration-grid span{border:1px solid var(--line);background:#f8fafb;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px;display:inline-flex}.empty-state{border:1px solid var(--line);background:#f8fafb;border-radius:8px;align-items:center;gap:10px;min-height:78px;padding:15px;display:flex}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.topbar,.manager-header,.section-heading{flex-direction:column;align-items:flex-start}.hub-hero,.arena-layout,.scenario-player,.builder-layout,.dashboard-grid,.dashboard-grid.wide{grid-template-columns:1fr}.live-scoreboard,.scenario-top,.scenario-context,.simulation-frame{grid-area:auto}.scenario-rail,.builder-preview{position:static}.scenario-rail{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.rail-title{grid-column:1/-1}.kpi-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.main-shell{padding:16px}.hub-hero,.scenario-context,.choice-grid,.result-grid,.feedback-columns,.form-grid,.kpi-grid,.report-grid{grid-template-columns:1fr}.hub-copy{padding:24px}.hero-visual{min-height:230px}.agent-row{grid-template-columns:42px minmax(0,1fr)}.agent-row .mini-meter,.agent-row .ghost-button{grid-column:1/-1}.certificate-band{flex-direction:column;align-items:flex-start}.scenario-card,.kpi-card{min-height:auto}}@media print{.sidebar,.topbar,.filters,.primary-button,.ghost-button,.icon-button{display:none!important}.app,.main-shell{padding:0;display:block}.content-band,.manager-header,.report-card,.certificate-band{box-shadow:none;break-inside:avoid}}