:root{--orange:#ff861e;--orange-deep:#e76f08;--orange-soft:#fff1e5;--blue:#87c3dd;--blue-deep:#32738f;--blue-soft:#e1f0f6;--green:#3f8d66;--green-soft:#e4f2e9;--ink:#182632;--ink-soft:#52616d;--line:#e3e8eb;--canvas:#f4f5f3;--panel:#fff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-variant-numeric:tabular-nums;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.dashboard-shell{width:min(100%,1920px);min-height:100vh;margin:0 auto;padding:0 46px 26px;overflow:hidden}.topbar{border-bottom:1px solid #dce2e5;justify-content:space-between;align-items:center;height:88px;display:flex}.brand-cluster,.topbar-meta,.brand,.date-time,.metric-heading,.metric-value-row,.metric-footer,.panel-heading,.legend,.chart-summary,.queue-item,.queue-footer,.team-note,.ticker,.ticker-message,.ticker-owner,.section-kicker,.status-banner,.target-badge,.muted-action{align-items:center;display:flex}.brand-cluster{gap:22px}.brand{gap:8px}.brand-kite{background:var(--orange);border-radius:2px 13px;width:19px;height:28px;display:inline-block;transform:rotate(10deg)}.brand-word{letter-spacing:-2px;color:#101a22;font-size:32px;font-weight:790;line-height:1}.brand-divider{background:#d6dcdf;width:1px;height:38px}.eyebrow{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:800}.topbar-subtitle{margin-top:4px;font-size:15px;font-weight:650}.topbar-meta{gap:22px}.demo-pill{color:#7a654f;letter-spacing:.06em;text-transform:uppercase;background:#f5ecdf;border-radius:100px;padding:8px 11px;font-size:10px;font-weight:800}.live-pill{letter-spacing:.12em;background:#fff;border:1px solid #cfd7db;border-radius:100px;padding:8px 12px;font-size:11px;font-weight:850}.live-dot,.mini-live{background:#3c9b66;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 0 4px #e4f2e9}.date-time{gap:14px}.date-label{color:var(--ink-soft);text-transform:capitalize;font-size:14px}.date-time strong{min-width:78px;font-size:18px}.intro-row{justify-content:space-between;align-items:flex-end;padding:33px 0 25px;display:flex}.section-kicker{color:var(--orange-deep);letter-spacing:.1em;text-transform:uppercase;gap:7px;font-size:12px;font-weight:800}h1{letter-spacing:-.042em;margin:12px 0 7px;font-size:clamp(32px,2.4vw,46px);font-weight:760;line-height:1}.intro-row p{color:var(--ink-soft);margin:0;font-size:17px}.status-banner{background:#f8fcf9;border:1px solid #d5e5db;border-radius:14px;gap:14px;min-width:392px;padding:15px 18px}.status-icon{width:44px;height:44px;color:var(--green);background:var(--green-soft);border-radius:12px;place-items:center;display:grid}.status-banner div{flex-direction:column;gap:2px;display:flex}.status-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:750}.status-banner strong{font-size:16px}.status-note{color:var(--green);margin-left:auto;font-size:12px;font-weight:680}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px;display:grid}.metric-card,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 10px #14263109}.metric-card{border-radius:16px;min-height:148px;padding:18px 20px 16px;position:relative;overflow:hidden}.metric-primary:before{content:"";background:var(--orange);width:4px;position:absolute;inset:0 auto 0 0}.metric-heading{color:var(--ink-soft);justify-content:space-between;font-size:13px;font-weight:680}.metric-icon{color:#667680;background:#f2f5f5;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.metric-primary .metric-icon{color:var(--orange-deep);background:var(--orange-soft)}.metric-value-row{gap:8px;margin-top:3px}.metric-value-row strong{letter-spacing:-.045em;font-size:36px;line-height:1.25;animation:.32s ease-out number-in}.metric-unit{color:var(--ink-soft);align-self:flex-end;margin-bottom:8px;font-size:12px}.metric-footer{color:#77848d;border-top:1px solid #edf0f1;justify-content:space-between;padding-top:10px;font-size:11px}.delta{align-items:center;gap:4px;font-weight:750;display:inline-flex}.delta-up,.delta-down{color:var(--green)}.main-grid{grid-template-columns:1.7fr 1fr 1fr;gap:15px;display:grid}.panel{border-radius:16px;padding:20px}.flow-panel{grid-column:span 2;min-height:318px}.queue-panel{min-height:318px}.cases-panel{grid-column:span 1}.panel-heading{justify-content:space-between;min-height:43px}.panel-heading.compact{align-items:flex-start}.panel-kicker{color:#88949b;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}h2{letter-spacing:-.018em;margin:0;font-size:18px;line-height:1.15}.legend{color:var(--ink-soft);gap:19px;font-size:11px}.legend span{align-items:center;gap:7px;display:inline-flex}.legend i{border-radius:3px;width:8px;height:8px}.legend-orange{background:var(--orange)}.legend-blue{background:var(--blue)}.chart-wrap{gap:12px;height:190px;margin-top:15px;display:flex}.chart-guides{color:#97a1a8;text-align:right;flex-direction:column;justify-content:space-between;width:23px;padding-bottom:21px;font-size:9px;display:flex}.bar-chart{background:repeating-linear-gradient(#0000 0 41px,#edf0f2 42px,#0000 43px);border-bottom:1px solid #dfe5e7;flex:1;grid-template-columns:repeat(10,1fr);gap:12px;display:grid;position:relative}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bars{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:168px;display:flex}.bar{border-radius:5px 5px 1px 1px;width:min(18px,36%);min-height:4px;transition:height .7s cubic-bezier(.2,.8,.2,1)}.bar-incoming{background:var(--orange)}.bar-handled{background:var(--blue)}.bar-label{color:#849099;white-space:nowrap;margin-top:7px;font-size:9px}.chart-summary{color:var(--ink-soft);gap:24px;margin:13px 0 -3px 35px;font-size:11px}.chart-summary strong{color:var(--ink);margin-right:4px;font-size:13px}.summary-positive{color:var(--green);align-items:center;gap:4px;margin-left:auto;font-weight:700;display:inline-flex}.queue-total{background:var(--orange-soft);width:36px;height:36px;color:var(--orange-deep);border-radius:11px;place-items:center;font-weight:800;display:grid}.queue-list{margin-top:13px}.queue-item{border-top:1px solid #edf0f1;gap:11px;min-height:51px}.queue-item:first-child{border-top:0}.queue-icon{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.queue-orange{background:var(--orange-soft);color:var(--orange-deep)}.queue-blue{background:var(--blue-soft);color:var(--blue-deep)}.queue-green{background:var(--green-soft);color:var(--green)}.queue-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.queue-copy strong{font-size:12px}.queue-copy span{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.queue-age{color:var(--ink-soft);margin-left:auto;font-size:11px;font-weight:730}.queue-age-warn{color:var(--orange-deep)}.queue-footer{color:#7e6b5d;background:#faf5f0;border-radius:0 0 16px 16px;gap:6px;margin:11px -20px -20px;padding:11px 20px;font-size:10px}.queue-footer strong{color:var(--orange-deep);margin-left:auto}.team-panel,.sla-panel,.cases-panel{min-height:248px}.target-badge{color:var(--green);background:var(--green-soft);border-radius:100px;gap:4px;padding:5px 9px;font-size:9px;font-weight:800}.team-content{align-items:center;gap:24px;margin:18px 0 13px;display:flex}.donut{--available:130deg;--incall:310deg;background:conic-gradient(var(--green) 0 var(--available), var(--orange) var(--available) var(--incall), var(--blue) var(--incall) 360deg);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative;transform:rotate(-35deg)}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px}.donut div{z-index:1;flex-direction:column;align-items:center;display:flex;transform:rotate(35deg)}.donut strong{font-size:27px;line-height:1}.donut span{color:var(--ink-soft);margin-top:4px;font-size:9px}.team-states{flex-direction:column;flex:1;gap:11px;display:flex}.team-states div{justify-content:space-between;font-size:11px;display:flex}.team-states span{color:var(--ink-soft);align-items:center;gap:7px;display:flex}.team-states strong{font-size:13px}.dot{border-radius:50%;width:8px;height:8px}.dot-green{background:var(--green)}.dot-orange{background:var(--orange)}.dot-blue{background:var(--blue)}.team-note{color:var(--ink-soft);border-top:1px solid #edf0f1;gap:7px;padding-top:11px;font-size:10px}.team-note strong{color:var(--ink)}.quality-score{border-radius:8px;place-items:center;min-width:40px;height:30px;font-size:13px;font-weight:850;display:grid}.quality-score.positive{background:var(--green-soft);color:var(--green)}.quality-score.watch{background:var(--orange-soft);color:var(--orange-deep)}.sla-list{flex-direction:column;gap:15px;margin-top:19px;display:flex}.sla-row>div:first-child{justify-content:space-between;font-size:11px;display:flex}.sla-row>div:first-child span{color:var(--ink-soft)}.progress{background:#edf0f1;border-radius:20px;height:7px;margin:6px 0 4px;overflow:hidden}.progress span{background:var(--orange);border-radius:20px;height:100%;transition:width .7s;display:block}.progress-blue span{background:var(--blue)}.progress-green span{background:var(--green)}.sla-row small{color:#96a0a6;font-size:8px}.muted-action{color:#7b888f;gap:7px;font-size:10px}.mini-live{width:6px;height:6px;box-shadow:none;margin:0}.cases-list{margin-top:12px}.case-row{border-top:1px solid #edf0f1;grid-template-columns:26px 1.05fr 1.4fr 34px 14px;align-items:center;gap:7px;min-height:45px;display:grid}.case-row:first-child{border-top:0}.case-check{background:var(--green-soft);width:23px;height:23px;color:var(--green);border-radius:7px;place-items:center;display:grid}.case-main,.case-result{flex-direction:column;gap:2px;min-width:0;display:flex}.case-main strong,.case-result strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.case-main span,.case-result span,.case-time{color:#87939a;white-space:nowrap;font-size:8px}.case-time{text-align:right}.case-chevron{color:#aab2b7}.ticker{color:#fff;background:#172a35;border-radius:13px;min-height:49px;margin-top:15px;padding:0 18px;font-size:11px}.ticker-title{align-items:center;gap:8px;padding-right:18px;font-weight:800;display:flex}.ticker-message{color:#bfcbd0;border-left:1px solid #40515b;gap:12px;padding-left:18px}.ticker-message strong{color:#fff}.ticker-message span{background:var(--orange);border-radius:50%;width:4px;height:4px}.ticker-owner{color:#c9d3d7;gap:7px;margin-left:auto}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes number-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1500px) and (min-height:850px){.dashboard-shell{padding-inline:58px}.topbar{height:96px}.intro-row{padding-block:38px 30px}.metric-card{min-height:160px;padding:20px 22px 18px}.metric-value-row strong{font-size:42px}.panel{padding:22px}.flow-panel,.queue-panel{min-height:348px}.chart-wrap{height:213px}.bars{height:188px}.team-panel,.sla-panel,.cases-panel{min-height:270px}}@media (max-width:1100px){.dashboard-shell{padding-inline:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr 1fr}.flow-panel{grid-column:span 2}.queue-panel{grid-column:span 1}.cases-panel{grid-column:span 2}.date-label,.status-note{display:none}.status-banner{min-width:270px}}@media (max-width:720px){.dashboard-shell{padding:0 14px 16px;overflow:visible}.topbar{height:74px}.brand-divider,.brand-cluster>div:last-child,.live-pill,.demo-pill{display:none}.brand-word{font-size:27px}.intro-row{padding-top:25px;display:block}.status-banner{width:100%;min-width:0;margin-top:18px}.metrics-grid,.main-grid{grid-template-columns:1fr}.flow-panel,.cases-panel{grid-column:span 1}.metric-card{min-height:136px}.flow-panel{overflow-x:auto}.chart-wrap{min-width:620px}.chart-summary{min-width:585px}.queue-panel,.team-panel,.sla-panel,.cases-panel{min-height:auto}.ticker{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.ticker-title{padding:0}.ticker-message{border:0;flex-wrap:wrap;padding:0}.ticker-owner{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}