:root{--performance-gap:24px;--performance-space:32px;--performance-radius:12px;--performance-title:24px;--performance-value:32px;--performance-tab-height:48px;--performance-won:#8fd49b;--performance-lost:#f1b0c4;--performance-stage:hsl(var(--brand-h) 100% 41.0%);--performance-ink:hsl(var(--brand-h) 100% 11.8%);--performance-muted:#586c78;--performance-line:#dce1e6;--performance-active:hsl(var(--brand-h) 100% 16.9%);--performance-soft:hsl(var(--brand-h) 94% 81.8%)}
.sales-performance{color:var(--performance-ink)}.sales-performance h1{font-size:var(--performance-title);margin:0 0 var(--performance-space)}
.performance-filters{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--performance-gap)}
.performance-filters .report-select{max-width:100%;min-width:0}.performance-filters select{max-width:100%}
.performance-period{position:relative;max-width:100%}.performance-period>button{display:flex;align-items:center;gap:var(--space-2);border:var(--border) solid var(--performance-line);border-radius:var(--performance-radius);padding:var(--space-3);font-weight:500;font-size:var(--font-sm);white-space:nowrap;background:var(--surface)}
.performance-period svg{width:var(--space-4);height:var(--space-4);flex-shrink:0}.performance-period .report-period-popover{z-index:15;width:min(300px,calc(100vw - 48px));max-height:65vh;overflow:auto}.performance-period form{padding:var(--space-3)}
.performance-tabs{display:flex;gap:var(--performance-gap);border-bottom:var(--border) solid var(--performance-line);margin-bottom:var(--performance-space)}
.performance-tabs button{border:0;border-radius:0;border-bottom:3px solid transparent;min-height:var(--performance-tab-height);padding:var(--space-3) 0;color:var(--performance-muted);background:transparent;font-size:var(--font-base)}
.performance-tabs button[aria-selected=true]{border-bottom-color:var(--performance-stage);color:var(--performance-ink);font-weight:600}
.performance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--performance-space);margin-bottom:var(--space-12)}.performance-metrics.losses{grid-template-columns:repeat(2,minmax(0,1fr))}
.performance-metric>span{text-transform:uppercase;color:var(--performance-muted);font-size:var(--font-xs);font-weight:600}.performance-metric strong{display:block;font-size:var(--performance-value);line-height:1.25;margin:var(--space-2) 0;overflow-wrap:anywhere}.performance-metric small{display:block;color:var(--performance-muted)}.performance-metric p{color:var(--performance-muted);font-size:var(--font-sm);margin-top:var(--space-3)}.performance-metrics.losses .performance-metric strong{font-size:var(--font-xl)}
.performance-panel{margin:0 0 var(--space-12)}.performance-panel h2,.performance-list h2{font-size:var(--font-lg);margin:0 0 var(--performance-gap)}
.performance-chart-controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--performance-space)}.performance-chart-controls label{display:flex;align-items:center;gap:var(--space-2)}.performance-chart-controls select{border-radius:var(--performance-radius);padding:var(--space-3);background:var(--surface);border:var(--border) solid var(--performance-line)}
.performance-segmented{display:flex;background:var(--performance-soft);border-radius:var(--performance-radius);overflow:hidden}.performance-segmented button{border:0;border-radius:0;padding:var(--space-3) var(--space-4);background:transparent;color:var(--performance-active);font-weight:600}.performance-segmented button[aria-pressed=true]{background:var(--performance-active);color:var(--performance-soft)}.performance-segmented button:disabled{background:var(--performance-line);color:var(--performance-muted)}.performance-segmented svg{width:var(--space-5);height:var(--space-5)}
.performance-chart{max-height:600px;overflow:auto;padding-right:var(--space-3)}.performance-chart section{margin-bottom:var(--performance-space)}.performance-chart h3{font-size:var(--font-sm);margin-bottom:var(--space-3)}.performance-chart-row{display:grid;grid-template-columns:minmax(150px,250px) minmax(80px,1fr) 80px;gap:var(--space-3);align-items:center;margin:var(--space-2) 0;font-size:var(--font-sm)}.performance-chart-row>span{overflow-wrap:anywhere}.performance-bar{display:block;border:0;border-radius:0;padding:0;height:var(--space-6);min-width:0;background:transparent}.performance-bar i{display:block;height:100%;min-width:0}.performance-chart-row strong{font-size:var(--font-sm);text-align:right}
.sales-performance .tablewrap{overflow:auto}.sales-performance th{white-space:nowrap;font-size:var(--font-xs);text-transform:uppercase}.sales-performance td small{white-space:nowrap}.performance-list footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--performance-gap);font-size:var(--font-sm)}.performance-list nav{display:flex;gap:var(--space-1);align-items:center}.performance-list nav button{padding:var(--space-2);border:0;background:transparent}.performance-list nav button[aria-current=page]{color:var(--performance-ink);background:var(--performance-soft);opacity:1}
@media(max-width:1000px){.performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.performance-metrics,.performance-metrics.losses{grid-template-columns:1fr}.performance-filters{align-items:stretch}.performance-period,.performance-period>button{width:100%}.performance-chart-row{grid-template-columns:minmax(85px,120px) minmax(60px,1fr) 52px;gap:var(--space-2)}.performance-chart-controls label{flex-wrap:wrap}.performance-list nav{max-width:100%;flex-wrap:wrap}}

.performance-chart-controls label{white-space:nowrap}.performance-chart-controls select{width:auto;max-width:100%}
.performance-metrics.activity-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.performance-metrics.activity-three{grid-template-columns:1fr}.sales-activity .performance-tabs{gap:var(--space-3);flex-wrap:wrap}}

:root{--activity-completed:#5bcd57;--activity-ontime:#f9c95a;--activity-overdue:#ee8799;--activity-canceled:#8a969d}.activity-legend{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:var(--space-6) 0 var(--space-8);font-size:var(--font-xs)}.activity-legend span{display:flex;align-items:center;gap:var(--space-3)}.activity-legend i{width:var(--space-5);height:var(--space-1);border-radius:var(--radius-sm)}