:root{--bg-canvas:#f3f5f8;--bg-surface:#fff;--bg-elevated:#f7f8fa;--bg-hover:#edf3fa;--text-primary:#172535;--text-secondary:#506174;--text-tertiary:#657587;--separator:#d6dee7;--separator-soft:#e5eaf0;--accent-brand:#2866ac;--accent-strong:#174f8d;--accent-soft:#e9f1fb;--success:#247047;--success-soft:#edf7f0;--warning:#975810;--warning-soft:#fff5e6;--danger:#b3343d;--danger-soft:#fceef0;--glass-surface:var(--bg-surface);--glass-strong:var(--bg-surface);--glass-subtle:var(--bg-elevated);--glass-border:var(--separator);--glass-highlight:transparent;--hero-bg:var(--bg-surface);--hero-text:var(--text-primary);--hero-muted:var(--text-secondary);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--shadow-surface:none;--shadow-glass:none;--shadow-elevated:0 8px 28px #17253520;--motion-fast:120ms;--motion-normal:160ms;--motion-slow:200ms}@media (prefers-color-scheme:dark){:root{--bg-canvas:#10161e;--bg-surface:#18212c;--bg-elevated:#1e2936;--bg-hover:#24364a;--text-primary:#eaf0f7;--text-secondary:#bac7d6;--text-tertiary:#9babbd;--separator:#344454;--separator-soft:#293847;--accent-brand:#73acf0;--accent-strong:#9bc6fb;--accent-soft:#233a55;--success:#88d3a4;--success-soft:#20372d;--warning:#f1be75;--warning-soft:#382e21;--danger:#f39da4;--danger-soft:#3c262f;--shadow-elevated:0 10px 32px #0006}}html{scroll-behavior:auto}body{background:var(--bg-canvas);font-size:14px;line-height:1.5;letter-spacing:0}.agent-hero:before,.analytics-hero:before,.hero:before,.kpi-card:not(.kpi-accent):before,.main:before,.method-hero:before,.panel-head .eyebrow:before,.workspace-toolbar:after{content:none}.access-card,.agent-hero,.agent-picker select,.analytics-hero,.category-client-card,.chart-ceiling,.chart-hover-card,.customer-history-grid>div,.filterbar,.global-period select,.hero,.insight-grid,.kpi-grid .kpi-card,.method-hero,.metric-switch,.mobile-select select,.panel,.quality-pill,.scope-switch,.scope-toggle,.sidebar,.source,.table-wrap,.version-label,.workspace-toolbar{background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.app-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding:20px 12px 12px;background:var(--bg-surface);border-right:1px solid var(--separator)}.sidebar-header{gap:4px;align-items:center}.sidebar-header .brand{gap:8px;padding:0 0 12px;font-size:14px;letter-spacing:.01em}.brand small{font-size:9px;letter-spacing:.13em;color:var(--text-secondary)}.brand-mark{width:30px;height:34px;flex-basis:30px;border-radius:5px;background:var(--accent-brand);box-shadow:none;font-size:19px}.sidebar-toggle{width:26px;height:28px;border:0;background:transparent;border-radius:4px;margin:0 0 12px}.version-label{width:max-content;margin:0 0 10px 38px;padding:0;font-size:12px}.signed-user,.version-label{border:0;background:transparent}.signed-user{margin:0;padding:10px 8px;border-top:1px solid var(--separator-soft);border-radius:0}.signed-user strong{font-size:13px}.signed-user small{font-size:10px;letter-spacing:.02em}.logout-button{margin:0 8px 14px;padding:4px 0;border:0;border-radius:0;font-size:12px}.sidebar nav{gap:14px}.nav-group-toggle{min-height:24px;padding:2px 8px;font-size:10px;letter-spacing:.1em;color:var(--text-tertiary)}.nav-item{min-height:34px;gap:8px;padding:6px 8px;border:0;border-radius:5px;background:transparent;box-shadow:none}.nav-item b{font-size:13px;font-weight:500}.nav-item.active{border:0;background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 2px 0 var(--accent-brand)}.nav-item.active b{font-weight:650}.nav-item>span{width:4px;height:4px;border-radius:1px}.privacy{padding:12px 6px 0;gap:8px}.privacy b{font-size:12px}.privacy small{font-size:10px}.status-dot{width:6px;height:6px;flex-basis:6px;box-shadow:none!important}.sidebar.is-collapsed .sidebar-header{flex-wrap:wrap}.sidebar.is-collapsed .nav-item>span{width:auto;height:auto;background:none;font-size:11px;font-weight:650}.sidebar.is-collapsed .nav-item>span:before{content:attr(data-short)}.sidebar.is-collapsed .sidebar-toggle{margin:0}.main{padding:0 24px 40px}.workspace-toolbar{top:0;min-height:76px;margin:0 0 16px;padding:12px 0;border:0;border-bottom:1px solid var(--separator);border-radius:0;background:var(--bg-canvas);gap:16px}.workspace-state{gap:9px}.workspace-state small{font-size:10px;letter-spacing:.05em}.workspace-state strong{font-size:14px}.workspace-state em{font-size:12px;white-space:normal}.toolbar-actions{gap:16px;flex-shrink:0}.commercial-scope-selector>span,.global-period{font-size:11px;letter-spacing:.03em}.toolbar-actions .global-period select{min-width:190px;height:34px;font-size:13px;border-color:var(--separator);border-radius:5px;background:var(--bg-surface)}.metric-switch,.scope-switch{padding:3px;gap:2px;border:1px solid var(--separator);border-radius:6px;background:var(--bg-elevated)}.metric-switch button,.scope-option{min-height:28px;padding:5px 10px;border:0;border-radius:4px;font-size:12px;letter-spacing:0;font-weight:500}.metric-switch button.active,.scope-option.active{background:var(--bg-surface);color:var(--accent-strong);box-shadow:0 1px 3px #00000012;font-weight:650}.agent-hero,.analytics-hero,.hero,.method-hero{min-height:0;padding:16px 0;border:0;border-bottom:1px solid var(--separator);border-radius:0;background:transparent;box-shadow:none;color:var(--text-primary)}.hero{padding:4px 0 18px;gap:24px}.hero h2{margin:5px 0 0;font-size:26px;font-weight:650;line-height:1.2;letter-spacing:-.025em}.hero-meta{width:245px;flex-basis:245px;padding-left:20px}.hero-meta span{font-size:14px}.hero-meta p{margin:4px 0 0;font-size:12px}.section-title{min-height:0;padding:4px 0 16px;gap:16px;flex-wrap:wrap}.section-title h2{margin:3px 0 0;font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.025em}.section-controls .button{margin-top:0}.title-context{margin-top:5px;font-size:12px}.eyebrow,.eyebrow.light{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.055em}.panel{padding:18px;border:1px solid var(--separator);border-radius:8px;background:var(--bg-surface)}.panel-head{gap:12px;padding-bottom:12px;border-bottom:1px solid var(--separator-soft);flex-wrap:wrap}.panel h3,.panel-head h3{margin:3px 0 0;font-size:18px;font-weight:650;letter-spacing:-.015em}.panel-actions{flex-wrap:wrap}.source{min-height:0;padding:0;background:transparent;border:0;border-radius:0;white-space:normal;font-size:12px}.kpi-grid{gap:0;margin-top:16px;border:1px solid var(--separator);border-radius:8px;background:var(--bg-surface)}.kpi-grid .kpi-card{min-height:106px;padding:14px 18px;border:0;border-right:1px solid var(--separator-soft);border-bottom:1px solid var(--separator-soft);border-radius:0;background:transparent;box-shadow:none!important;transform:none!important}.kpi-grid .kpi-accent{background:transparent!important;box-shadow:none!important}.kpi-card p{min-height:0;font-size:12px;line-height:1.4;color:var(--text-secondary)}.kpi-card strong{align-self:center;margin:8px 0 6px;font-size:25px;font-weight:650;line-height:1.15;letter-spacing:-.025em;color:var(--text-primary)}.kpi-accent .kpi-note-secondary,.kpi-accent small,.kpi-card small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.kpi-accent .metric-value{color:var(--accent-strong);font-size:29px}.metric-value{animation:none}.kpi-accent .tooltip-trigger>span{border-color:var(--separator);color:var(--text-secondary)}.source-metric-card>div{gap:8px}.source-metric-card>div small{font-size:11px}.source-metric-card>div strong{font-size:16px;overflow:visible}.forecast-view .kpi-card:nth-child(4)>.metric-value,.forecast-view .kpi-card:nth-child(5)>.metric-value,.overview-kpis .kpi-card:nth-child(5)>.metric-value{font-size:21px}.overview-grid{gap:16px;margin-top:16px;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.retention-layout{gap:12px;margin-top:16px}.retention-score{padding:0;border:0;border-radius:0;background:transparent;gap:8px}.retention-score strong{font-size:44px}.retention-score span{font-size:13px;max-width:290px}.retention-layout .split-callouts{display:grid;grid-template-columns:1fr;gap:0}.retention-layout .split-callouts>div{min-height:50px;padding:10px 0;border:0;border-top:1px solid var(--separator-soft);border-radius:0;background:transparent}.retention-layout .split-callouts strong{font-size:22px}.retention-layout .split-callouts small{font-size:12px}.filterbar{gap:10px;padding:12px 0;border:0;border-bottom:1px solid var(--separator-soft);border-radius:0;background:transparent}.customer-agent-filter select,.filterbar button,.filterbar input,.filterbar select,.filterbar>select,.orders-agent-filter select{height:36px;font-size:13px;border-radius:5px}.inline-filter{min-width:160px;flex-basis:190px;font-size:11px;letter-spacing:.03em}.filterbar form{flex-basis:240px}.customer-table-filters form{max-width:none}.button,.pagination button,.tiny-button{min-height:32px;border-radius:5px;font-size:13px;box-shadow:none;background-image:none}.button{min-height:36px;padding:7px 13px}.button.secondary,.pagination button,.tiny-button{border:1px solid var(--separator);background:var(--bg-surface);color:var(--text-primary)}.button:hover,.pagination button:hover:not(:disabled),.tiny-button:hover{border-color:var(--accent-brand)}.button:disabled,.pagination button:disabled,.tiny-button:disabled{opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent-brand);outline-offset:2px;box-shadow:none}.table-wrap{margin-top:12px;border:1px solid var(--separator);border-radius:6px;background:var(--bg-surface);box-shadow:none;overflow:auto;scrollbar-width:thin}table{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}th{background:var(--bg-elevated);color:var(--text-secondary);font-size:11px;letter-spacing:.025em;white-space:nowrap}.sort-button,th{text-transform:none}.sort-button{min-height:38px;padding:8px 12px;font-size:12px;line-height:1.35;letter-spacing:0}.sort-button i{color:var(--text-tertiary);opacity:.65}th[aria-sort=ascending],th[aria-sort=descending]{background:var(--accent-soft);color:var(--accent-strong)}th[aria-sort=ascending] i,th[aria-sort=descending] i{opacity:1;color:var(--accent-strong)}td{height:44px;padding:9px 12px;font-size:13px;line-height:1.4;border-color:var(--separator-soft)}td.right{white-space:nowrap}.primary-cell strong{font-size:13px;line-height:1.4}.primary-cell small{font-size:11px;margin-top:3px}tbody tr:nth-child(2n) td{background:var(--bg-surface)}tbody tr:hover td{background:var(--bg-hover)}.badge,.priority-badge,.segment{border-radius:4px;font-size:11px;font-weight:600}.result-count{margin:10px 0;font-size:12px}.pagination{margin-top:12px;font-size:12px}.user-admin-table{min-width:940px}.user-admin-head,.user-admin-row{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 86px 320px;gap:12px}.user-row-actions .tiny-button{white-space:nowrap;padding:6px 9px}.account-state{border-radius:4px;font-size:10px}.contracts-table-scroll .table-wrap{overflow:auto}.contracts-table-scroll table{min-width:1120px;table-layout:auto}.contracts-table-scroll .sort-button span{white-space:normal;overflow-wrap:normal;min-width:70px}.contracts-table-scroll td.right{white-space:nowrap}.contracts-table-scroll td{overflow-wrap:normal}.contracts-table-scroll .primary-cell strong{white-space:normal;min-width:160px}.agent-trend,.bars{border:0;border-radius:0;background:none;box-shadow:none}.bars{height:270px;min-height:0;margin-top:18px}.overview-view .bars{height:250px;min-height:0}.forecast-kpis .kpi-card:nth-child(4)>.metric-value,.forecast-kpis .kpi-card:nth-child(5)>.metric-value{font-size:21px}.agent-trend-slot i,.bar{background:var(--accent-brand);border-radius:3px 3px 0 0;box-shadow:none}.forecast-bar{background:color-mix(in srgb,var(--accent-brand) 48%,var(--bg-surface));border:1px dashed var(--accent-brand)}.chart-ceiling{border:0;background:var(--bg-surface);font-size:11px;box-shadow:none}.chart-hover-card,.tooltip-content{border:1px solid var(--separator);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-elevated);backdrop-filter:none;-webkit-backdrop-filter:none}.agent-trend-slot small,.bar-slot>span,.chart-axis,.chart-legend,.chart-scale{font-size:11px;color:var(--text-secondary)}.chart-average-line span{border-radius:3px;font-size:10px}.chart-legend{margin-top:12px}.agent-dashboard-grid,.analytics-dashboard-grid{gap:16px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.agent-dashboard-grid>.panel,.analytics-dashboard-grid>.panel,.customers-view .analytics-dashboard-grid>.panel,.products-view .analytics-dashboard-grid>.panel{height:360px;min-height:360px}.agent-dashboard-grid .agent-trend,.analytics-dashboard-grid .agent-trend{height:260px;min-height:260px}.agent-dashboard-grid>.agent-ranking .ranked-list,.customers-view .analytics-dashboard-grid .dashboard-rank-list,.dashboard-rank-list,.products-view .analytics-dashboard-grid>.panel:first-child .dashboard-rank-list{overflow-y:auto;min-height:0;max-height:none;grid-auto-rows:minmax(52px,auto);align-content:start;flex:1 1}.ranked-row{padding:10px 8px;border-radius:4px}.history-category.selected,.ranked-row.selected{background:var(--accent-soft);box-shadow:none}.ranked-copy strong{font-size:13px}.ranked-copy small{font-size:11px}.ranked-value{font-size:13px}.agent-hero h3,.analytics-hero h3{font-size:21px;margin:3px 0}.agent-hero p:last-child,.analytics-hero p:last-child{color:var(--text-secondary);font-size:13px}.agent-hero-index strong,.analytics-hero-index strong{font-size:28px}.agent-hero-index span,.analytics-hero-index small,.analytics-hero-index span{color:var(--text-secondary);font-size:12px}.customers-view .customer-analytics-hero{padding:10px 0;margin:0}.customer-360-kpis.kpi-grid.six,.customers-view>.kpi-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.customer-360-kpis .metric-value,.customers-view>.kpi-grid .metric-value{font-size:21px}.customers-view .customer-table-panel{margin-top:16px}.customers-view .customer-table-panel table{min-width:1200px}.customers-view .analytics-dashboard-grid{margin:20px 0 16px}.customer-360-panel{padding:18px;border-top:3px solid var(--accent-brand);overflow:visible}.customer-360-identity{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0}.customer-360-identity span{padding:0;border:0;border-radius:0;background:transparent}.customer-360-identity small{font-size:11px}.customer-360-identity strong{font-size:13px;white-space:normal}.customer-360-kpis{grid-auto-rows:auto}.customer-360-kpis .kpi-card{height:auto;min-height:104px;padding:12px}.customer-360-grid{gap:20px;margin-top:18px}.customer-360-subpanel{padding:0;border:0;border-radius:0;background:transparent}.customer-360-subhead{flex-wrap:wrap}.customer-360-subhead h4{font-size:15px}.customer-360-subhead>span{font-size:12px}.customer-360-subpanel td{height:38px;padding:7px 10px}.customer-360-subpanel table{min-width:440px}.customer-360-product-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--separator)}.customer-360-heading>span:first-child{white-space:normal}.customer-360-heading>small{font-size:12px}.customer-360-footer p{max-width:none;font-size:12px}.customer-product-table-expansion summary{min-height:48px}.customer-product-table-expansion summary small{font-size:12px}.category-client-card,.customer-history-grid>div,.insight-card,.method-grid article{background:var(--bg-surface);border:1px solid var(--separator-soft);border-radius:6px;box-shadow:none}.method-grid article{padding:16px;min-height:0}.method-grid article p{font-size:13px}.method-hero h3{font-size:23px}.quality-run-grid,.quality-summary-grid{gap:10px}.quality-run-item,.quality-summary-item{border-radius:5px}.muted,.notice,.quality-run-item>small,.quality-run-meta,.quality-summary-item>small,.quality-summary-note{font-size:12px}.quality-run-item>span,.quality-summary-item>span{font-size:11px}.empty-cell{padding:32px 16px}.empty-cell strong{font-size:15px}.empty-cell span{font-size:13px}.state-card{border:1px solid var(--separator);border-radius:8px;background:var(--bg-surface);box-shadow:none}.access-screen{background:var(--bg-canvas)}.access-card{border:1px solid var(--separator);border-radius:10px;background:var(--bg-surface);box-shadow:var(--shadow-elevated)}.access-card h1{font-size:28px}.access-card label,.access-security{font-size:12px}.access-card form button{background:var(--accent-brand);box-shadow:none}@media (hover:hover){.insight-card:hover,.kpi-accent:hover,.kpi-grid .kpi-card:hover,.panel:hover{transform:none;box-shadow:none!important;border-color:var(--separator)}}@media (min-width:1600px){.main{padding-inline:32px}.hero h2{font-size:30px}.kpi-card strong{font-size:29px}.agent-dashboard-grid>.panel,.analytics-dashboard-grid>.panel,.customers-view .analytics-dashboard-grid>.panel,.products-view .analytics-dashboard-grid>.panel{height:390px;min-height:390px}}@media (max-width:1366px) and (min-width:781px){.main{padding-inline:20px}.workspace-state em{max-width:200px}.toolbar-actions{gap:10px}.scope-option{padding-inline:8px}.customer-360-kpis.kpi-grid.six,.customers-view>.kpi-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-dashboard-grid,.analytics-dashboard-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.panel-head{align-items:flex-start}.source-metric-card>div{grid-template-columns:1fr;gap:4px}.source-metric-card>div span{display:flex;justify-content:space-between;align-items:baseline}.source-metric-card>div strong{font-size:15px}}@media (max-width:1100px){.workspace-toolbar{flex-wrap:wrap}.workspace-state{flex:1 1}.toolbar-actions{flex-wrap:wrap}.agent-dashboard-grid,.analytics-dashboard-grid,.customer-360-grid,.overview-grid{grid-template-columns:1fr}.hero{flex-wrap:wrap}.hero-meta{width:auto;flex-basis:auto;padding-left:0;border-left:0}}@media (max-width:780px){.app-shell,.app-shell.sidebar-collapsed{display:block}.main{padding:0 14px 28px}.workspace-toolbar{position:relative;top:auto;gap:12px;padding:12px 0}.toolbar-actions{width:100%;gap:12px}.scope-switch{flex-wrap:wrap}.workspace-state em{max-width:none}.customer-360-kpis.kpi-grid.six,.customers-view>.kpi-grid.six,.kpi-grid,.kpi-grid.eight,.kpi-grid.five,.kpi-grid.four,.kpi-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid .kpi-card{padding:12px}.kpi-accent .metric-value,.kpi-card strong{font-size:22px}.hero h2,.section-title h2{font-size:24px}.panel{padding:14px}.customer-360-identity{grid-template-columns:repeat(2,minmax(0,1fr))}.section-controls{flex-wrap:wrap}.filterbar form{flex-basis:100%}.inline-filter{flex:1 1 180px}.source-metric-card>div{grid-template-columns:1fr}.source-metric-card>div span{display:flex;justify-content:space-between}.customer-360-anchor,.customer-360-panel{scroll-margin-top:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}