.sales-analytics{width:100%;min-width:0;container:sales-analytics / inline-size;color:#191b1d;--line:#e4e6e5;--muted:#6d7275;--green:#36764a;--red:#b3322e;--blue:#34588a;--amber:#876019;--header:#f8f9fa;--selected:#eff3fc;font-size:14px;line-height:1.4;padding:20px 20px 28px;color-scheme:light}
.sales-analytics *{box-sizing:border-box}
.sales-analytics :is(h1,h2,p,dl,dd){margin:0;letter-spacing:normal}
.sales-analytics :is(h1,h2){font-size:15px;font-weight:700}
.sales-analytics :is(button,input,select){font-family:inherit;color:inherit}
.sales-analytics [hidden]{display:none!important}
.sales-analytics .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sales-analytics .analytics-heading{display:flex;align-items:center;gap:8px}
.sales-analytics .panel{background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}
.sales-analytics :is(#dashboard,.extra-reports .panel){transition:opacity .15s}
.sales-analytics :is(#dashboard,.extra-reports .panel)[aria-busy="true"]{opacity:.55;pointer-events:none}
.sales-analytics .analytics-header{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin:0 0 14px;padding:0 2px}
.sales-analytics .analytics-title{min-width:0}
.sales-analytics .analytics-title h1{font-size:22px;line-height:28px;font-weight:700}
.sales-analytics .analytics-title p{font-size:13px;line-height:18px;color:var(--muted);margin-top:2px}
.sales-analytics .filters{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.sales-analytics .analytics-program-field{display:flex;align-items:center;gap:8px;min-width:0}
.sales-analytics .analytics-program-field label{font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap}
.sales-analytics .analytics-program-field select{height:36px;min-width:200px;max-width:100%;padding:0 10px;border:1px solid #d9dcdf;border-radius:8px;background-color:#fff;font-size:14px;cursor:pointer}
.sales-analytics .analytics-program-field select:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.sales-analytics .load-message{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.sales-analytics .analytics-retry{border:1px solid #dfe1e2;border-radius:8px;padding:8px 12px;background:#fff;min-height:38px;font-size:13px;cursor:pointer;white-space:normal}
.sales-analytics :is(.filter-error,.load-message) .analytics-retry{margin-left:12px}
.sales-analytics .kpi-grid{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:10px;margin-bottom:10px}
.sales-analytics .kpi-panel{padding:10px 12px;container:analytics-kpi / inline-size}
.sales-analytics .kpi-title{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.sales-analytics .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.sales-analytics .blue{color:var(--blue)}
.sales-analytics .green{color:var(--green)}
.sales-analytics .red{color:var(--red)}
.sales-analytics .amber{color:var(--amber)}
.sales-analytics .agreement-color{color:#386953}
.sales-analytics .kpi-metrics{display:grid;gap:10px 16px}
.sales-analytics .revenue-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.sales-analytics .agreement-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
@container analytics-kpi (min-width:500px){.sales-analytics .revenue-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-analytics .agreement-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container analytics-kpi (min-width:820px){.sales-analytics .agreement-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}
@container analytics-kpi (min-width:1250px){.sales-analytics .revenue-metrics{grid-template-columns:repeat(7,minmax(0,1fr))}}
.sales-analytics .metric{min-width:0;container-type:inline-size}
.sales-analytics .metric dt{font-size:13px;font-weight:500;color:#4d5256;margin-bottom:4px}
.sales-analytics .metric dd strong{display:block;font-size:clamp(15px,12cqi,30px);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-analytics .metric-value{white-space:nowrap}
.sales-analytics .metric-unit{font-size:.55em;font-weight:600;white-space:nowrap}
.sales-analytics .report-grid{display:grid;grid-template-columns:minmax(0,1000px) minmax(340px,1fr);gap:10px;align-items:start;margin-bottom:10px}
.sales-analytics .report-panel{width:100%;max-width:1000px;container:manager-report / inline-size}
.sales-analytics .report-heading{padding:9px 12px}
.sales-analytics .report-heading h2{display:flex;align-items:center;gap:8px;line-height:21px}
.sales-analytics .report-heading p{font-size:13px;color:#46505a;line-height:19px}
.sales-analytics .report-heading p strong{color:#26292c;font-weight:600}
.sales-analytics .revenue-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
.sales-analytics .revenue-heading h2,.sales-analytics .revenue-heading p{grid-column:1}
.sales-analytics .report-tools{grid-column:2;grid-row:1/span 2;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sales-analytics .table-toggle{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#35404c;cursor:pointer}
.sales-analytics .table-toggle:hover{background:#f4f6f8}
.sales-analytics .table-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.sales-analytics .table-toggle[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.sales-analytics .toggle-caret{display:inline-block;width:.8em;color:var(--muted)}
/* Folded amount ranges: only Menejer, Jami, To‘langan, Qarz and % stay. */
.sales-analytics .revenue-table.buckets-collapsed .bucket-col{display:none}
.sales-analytics .revenue-table.buckets-collapsed tr>:nth-child(n+2):nth-child(-n+7){display:none}
/* Bucket labels may break after the dash («0,5–» / «1,5») instead of overlapping the next narrow column. */
.sales-analytics .revenue-table thead th:nth-child(n+2):nth-child(-n+7){white-space:normal}
.sales-analytics .table-scroll{max-width:100%;overflow:visible;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccd1d5 transparent}
.sales-analytics table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;font-size:13px;font-variant-numeric:tabular-nums;color:#191b1d;margin:0}
.sales-analytics :is(th,td){padding:5px 6px;border-bottom:1px solid #f0f1f2;text-align:center;white-space:nowrap;vertical-align:middle}
.sales-analytics th{font-weight:600;font-size:13px;color:#35404c;background:var(--header);line-height:18px}
.sales-analytics thead th{border-top:1px solid #f0f1f2}
.sales-analytics thead small{display:block;font-size:12px;font-weight:500;color:#46515e;margin-top:2px}
.sales-analytics .numeric{text-align:right}
.sales-analytics :is(th,td):first-child{text-align:left;padding-left:10px}
.sales-analytics :is(th,td):last-child{padding-right:10px}
.sales-analytics tfoot :is(th,td){font-size:13px;background:var(--header);font-weight:700;border-bottom:0;border-top:1px solid #e9ebee}
.sales-analytics .manager-table{table-layout:fixed}
.sales-analytics .manager-table :is(th,td){border-right:1px solid #f0f1f2}
.sales-analytics .manager-table :is(th,td):last-child{border-right:0}
.sales-analytics .manager-table tbody tr{height:32px;cursor:pointer}
.sales-analytics .manager-table tbody tr:hover td{background:#f7f9fc}
.sales-analytics .manager-table tbody tr.selected td{background:var(--selected)}
.sales-analytics .manager-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 var(--blue)}
.sales-analytics .manager-table tfoot tr{height:34px}
.sales-analytics .manager-button{font-size:13px;font-weight:500;display:flex;align-items:baseline;gap:7px;width:100%;padding:0;min-height:22px;border:0;background:transparent;text-align:left;white-space:normal;line-height:20px;cursor:pointer}
.sales-analytics .manager-rank{flex:none;width:20px;color:#6d7275;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.sales-analytics .manager-name{min-width:0;overflow-wrap:anywhere}
.sales-analytics .manager-button:focus-visible{outline-offset:2px;border-radius:2px}
.sales-analytics .agreement-count-button{border:0;background:transparent;padding:2px 4px;min-width:30px;min-height:28px;font:inherit;font-weight:600;color:var(--blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sales-analytics .agreement-count-button:focus-visible{outline-offset:2px;border-radius:2px}
/* A count that opens its clients keeps the cell's colour (red/green buckets, plain totals); the underline marks it clickable. */
.sales-analytics .count-list-button{color:inherit;min-height:24px;padding:0 4px;text-decoration-color:#34588a66}
.sales-analytics .count-list-button:hover{color:var(--blue);text-decoration-color:currentColor}
.sales-analytics .manager-table .manager-col{width:220px}
.sales-analytics .revenue-table .count-col{width:62px}
.sales-analytics .revenue-table .money-col{width:134px}
.sales-analytics .revenue-table .percent-col{width:96px}
.sales-analytics .revenue-table thead tr{height:42px}
.sales-analytics .revenue-table .amount{font-size:13px;font-weight:600}
.sales-analytics .cell-count{font-size:13px;font-weight:600}
.sales-analytics .zero{color:#6b737b;font-weight:400}
.sales-analytics .total-column{background:#f8f9fb;font-weight:700}
.sales-analytics .paid-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:600}
.sales-analytics .mini-progress{display:block;width:32px;height:6px;border-radius:4px;background:#edefed;overflow:hidden;flex-shrink:1}
.sales-analytics .mini-progress span{display:block;height:100%;border-radius:4px;background:#c58d1a}
.sales-analytics .mini-progress.low span{background:var(--red)}
.sales-analytics .mini-progress.high span{background:var(--green)}
.sales-analytics .paid-cell .percent{min-width:31px;text-align:right}
.sales-analytics .detail-panel{display:flex;flex-direction:column;min-height:0;max-height:min(72vh,620px);width:100%}
.sales-analytics .detail-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 8px}
.sales-analytics .detail-heading h2{font-size:13px;font-weight:500;color:#46505a;line-height:19px}
.sales-analytics .payments-panel .detail-heading{flex-wrap:wrap}
.sales-analytics .selected-name{font-size:15px;font-weight:700;line-height:21px;overflow-wrap:anywhere}
.sales-analytics .count-badge{font-size:12px;color:var(--blue);background:#f0f3f8;border-radius:4px;padding:3px 8px;font-weight:600;white-space:nowrap}
.sales-analytics .detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 10px 8px}
.sales-analytics .detail-metric{background:#f5f7f8;padding:6px;border-radius:7px;min-width:0}
.sales-analytics .detail-metric dt{font-size:12px;color:#686d72;white-space:normal}
.sales-analytics .detail-metric dd{font-size:14px;font-weight:600;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.sales-analytics .green-tile{background:#f3f8f3}
.sales-analytics .red-tile{background:#fcf5f5}
.sales-analytics .blue-tile{background:#f1f4fc}
.sales-analytics .detail-scroll{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
.sales-analytics .detail-scroll thead th{position:sticky;top:0;z-index:1}
.sales-analytics .detail-scroll :is(th,td){padding:7px 8px}
.sales-analytics .detail-scroll :is(th,td):first-child{padding-left:10px}
.sales-analytics .detail-scroll :is(th,td):last-child{padding-right:10px}
.sales-analytics .detail-scroll td.numeric{white-space:normal;overflow-wrap:anywhere}
.sales-analytics .clients-table,.sales-analytics .payments-table{table-layout:fixed}
.sales-analytics .clients-table th:first-child{width:42%}
.sales-analytics .clients-table th:not(:first-child){width:29%}
.sales-analytics .clients-table .amount,.sales-analytics .payments-table .amount{font-size:13px}
.sales-analytics .client-name{display:block;font-size:13px;line-height:19px;font-weight:500;white-space:normal}
.sales-analytics .analytics-client-link{color:var(--blue);text-decoration:underline;text-decoration-color:#34588a55;text-underline-offset:3px}
.sales-analytics .analytics-client-link:hover,.sales-analytics .analytics-client-link:focus-visible{color:var(--blue);text-decoration-color:currentColor}
.sales-analytics .analytics-client-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}
.sales-analytics .analytics-client-row{cursor:pointer}
.sales-analytics .analytics-client-row:hover td{background:#f2f5fa}
.sales-analytics .client-meta{display:block;font-size:12px;line-height:18px;color:#666b70;white-space:normal}
.sales-analytics .client-meta .dot{width:6px;height:6px;margin-right:5px}
.sales-analytics .payment-sales{margin:5px 0 0;padding:0;list-style:none;font-size:12px;line-height:18px;white-space:normal;overflow-wrap:anywhere}
.sales-analytics .payment-sales li+li{margin-top:4px}
.sales-analytics .payment-sales span{display:block;color:var(--muted)}
.sales-analytics .clients-table .amount{font-weight:600}
.sales-analytics .panel-hint{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 12px;border-top:1px solid #f0f1f2;font-size:12px;line-height:18px;color:#777c80;flex:none}
.sales-analytics .agreement-count-col{width:44px}
.sales-analytics .agreement-money-col{width:112px}
.sales-analytics .agreement-percent-col{width:82px}
.sales-analytics .agreement-total-col{width:48px}
.sales-analytics .agreements-table thead :is(th,td){padding-top:4px;padding-bottom:4px}
.sales-analytics .agreements-table td{font-weight:600}
.sales-analytics .agreements-table .amber-column{background:#fdf8ec}
.sales-analytics .agreements-table :is(thead,tfoot) .amber-column{background:#faf2de}
.sales-analytics .agreements-table tbody tr.selected .amber-column{background:#faf6e9}
.sales-analytics .agreements-table .overdue-column{background:#fff5f3;color:var(--red)}
.sales-analytics .agreements-table tbody tr.selected .overdue-column{background:#fcece9}
.sales-analytics .overdue-column .agreement-count-button{color:var(--red)}
.sales-analytics .due-help{display:inline-block;font-size:12px;color:#465873;font-weight:500;white-space:nowrap;margin-left:3px}
.sales-analytics .payment-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.sales-analytics .payments-table thead th:first-child{width:44%}
.sales-analytics .payments-table thead th:nth-child(2){width:20%}
.sales-analytics .payments-table thead th:last-child{width:36%}
.sales-analytics .payments-table td:nth-child(2){font-size:12px;font-weight:700}
.sales-analytics .payments-table .amount{font-weight:700}
.sales-analytics .payments-table .payment-section th{font-size:13px;padding:5px 10px;text-align:left;background:#fff7f6;color:var(--red)}
.sales-analytics .payments-table .payment-section.upcoming th{background:#f3f4fc;color:var(--blue)}
.sales-analytics .amber-tile,.sales-analytics .payments-table .payment-section.unagreed th{background:#fcf8ed;color:var(--amber)}
.sales-analytics .empty-row td{white-space:normal;text-align:center!important;color:#767c81;font-size:12px;padding:16px!important;cursor:default}
.sales-analytics .filter-error{padding:12px;margin-bottom:10px;background:#fff4f3;border:1px solid #ecc5c1;border-radius:10px;color:#a9322e}
.sales-analytics .page-note{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding:0 4px 10px;color:#777d80;font-size:11px;line-height:18px}
.sales-analytics .page-note strong{font-weight:700;color:#34393d}
/* Notebook widths keep the manager tables and the side lists side by side; only narrow screens stack them. */
@container sales-analytics (max-width:1340px){.sales-analytics .report-grid{grid-template-columns:minmax(0,1fr) minmax(270px,28%)}.sales-analytics .report-panel{max-width:none}}
@container sales-analytics (max-width:900px){.sales-analytics .report-grid{grid-template-columns:minmax(0,1fr)}}
@container manager-report (max-width:1100px) and (min-width:561px){
 .sales-analytics .manager-table :is(th,td){padding:4px 3px;font-size:12px}
 .sales-analytics .manager-table :is(th,td):first-child{padding-left:8px}
 .sales-analytics .manager-table thead th{font-size:11px;line-height:15px}
 .sales-analytics .manager-table thead small{font-size:10.5px;white-space:normal}
 .sales-analytics .manager-table .manager-col{width:150px}
 .sales-analytics .manager-button{font-size:12px;gap:4px;line-height:16px}
 .sales-analytics .manager-rank{width:16px}
 .sales-analytics .revenue-table .count-col{width:46px}
 .sales-analytics .revenue-table .money-col{width:98px}
 .sales-analytics .revenue-table .percent-col{width:72px}
 .sales-analytics .revenue-table .bucket-col{width:37px}
 .sales-analytics .revenue-table .amount,.sales-analytics .cell-count{font-size:12px}
 .sales-analytics .mini-progress{width:16px}
 .sales-analytics .agreement-count-col{width:30px}
 .sales-analytics .agreement-money-col{width:82px}
 .sales-analytics .agreement-percent-col{width:54px}
 .sales-analytics .agreement-total-col{width:36px}
 .sales-analytics .due-help{display:none}
 .sales-analytics .table-scroll{overflow-x:auto}
}
/* The side lists in a narrow column: heading and badge on separate lines, numbers never broken. */
.sales-analytics .detail-panel{container:detail-panel / inline-size}
@container detail-panel (max-width:380px){
 .sales-analytics .detail-heading{flex-direction:column;align-items:flex-start;gap:4px}
 .sales-analytics .detail-heading .count-badge{white-space:normal}
 .sales-analytics .detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sales-analytics .detail-metrics>:last-child:nth-child(odd){grid-column:1/-1}
 .sales-analytics .detail-metric dd{font-size:13px;white-space:nowrap;overflow-wrap:normal}
 .sales-analytics .detail-scroll :is(th,td){padding:6px 6px;font-size:12px}
 .sales-analytics .detail-scroll td.numeric{white-space:nowrap;overflow-wrap:normal}
 .sales-analytics .clients-table th:first-child{width:40%}
 .sales-analytics .clients-table th:not(:first-child){width:30%}
}
@container sales-analytics (max-width:1340px){.sales-analytics .kpi-grid{grid-template-columns:minmax(0,1fr)}}
@container manager-report (max-width:760px) and (min-width:561px){.sales-analytics .manager-table .manager-col{width:120px}}
.sales-analytics .extra-reports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;margin-bottom:10px}
.sales-analytics .extra-reports .report-panel{max-width:none}
@container sales-analytics (max-width:1340px){.sales-analytics .extra-reports{grid-template-columns:minmax(0,1fr)}}
/* Side by side each panel is narrower than the 930px mobile-card breakpoint; keep them as tables then. */
@container sales-analytics (min-width:1341px){.sales-analytics .extra-reports .report-panel{container:extra-report / inline-size}}
.sales-analytics :is(.movements-table,.sources-table) tbody tr{cursor:default}
.sales-analytics :is(.movements-table,.sources-table) td{font-weight:600}
.sales-analytics .movements-table thead tr:first-child th{padding-top:4px;padding-bottom:4px}
.sales-analytics .movements-table .manager-col{width:180px}
.sales-analytics .sources-table .manager-col{width:130px}
.sales-analytics .sources-table .source-count-col{width:68px}
.sales-analytics .sources-table .source-money-col{width:118px}
.sales-analytics .sources-table .source-share-col{width:118px}
.sales-analytics .sources-table .source-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left}
.sales-analytics .sources-table .source-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
.sales-analytics .sources-table .source-caret{display:inline-block;width:1em;color:var(--muted)}
.sales-analytics .sources-table .source-child td{font-weight:500;color:var(--muted);background:var(--header)}
.sales-analytics .sources-table .source-child td:first-child{padding-left:34px}
/* Side-by-side report tables: headers wrap instead of running into the next column; a narrow panel scrolls, it never clips. */
@container manager-report (min-width:561px){
 .sales-analytics .extra-reports .manager-table thead th{white-space:normal;overflow-wrap:anywhere;line-height:1.25;vertical-align:bottom}
 .sales-analytics .extra-reports .table-scroll{overflow-x:auto}
 .sales-analytics .extra-reports .movements-table{min-width:620px}
 .sales-analytics .extra-reports .sources-table{min-width:600px}
 .sales-analytics .extra-reports .manager-table :is(td,th):first-child{white-space:normal;overflow-wrap:anywhere}
 .sales-analytics .sources-table .share-bar{max-width:56px}
}
/* «Menejerlar»: each table on its own full-width row, every column visible; only a narrow screen scrolls, name pinned. */
.sales-analytics .manager-kpi-reports{grid-template-columns:minmax(0,1fr)}
.sales-analytics :is(.manager-counts-table,.manager-money-table) tbody tr{cursor:default}
.sales-analytics :is(.manager-counts-table,.manager-money-table) td{font-weight:600;font-variant-numeric:tabular-nums}
.sales-analytics :is(.manager-counts-table,.manager-money-table) tbody tr:nth-child(even) td{background:#fafbfa}
.sales-analytics :is(.manager-counts-table,.manager-money-table) thead th{white-space:normal;line-height:1.25;vertical-align:bottom}
.sales-analytics :is(.manager-counts-table,.manager-money-table) .manager-col{width:210px}
.sales-analytics .manager-money-table .kpi-count-col{width:76px}
.sales-analytics :is(.manager-counts-table,.manager-money-table) :is(td,th):first-child{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container extra-report (max-width:1099px){
 .sales-analytics .manager-kpi-reports .table-scroll{overflow-x:auto}
 .sales-analytics .manager-money-table{min-width:1100px}
 .sales-analytics .manager-counts-table{min-width:760px}
 .sales-analytics :is(.manager-counts-table,.manager-money-table) :is(td,th):first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:inset -1px 0 var(--line)}
 .sales-analytics :is(.manager-counts-table,.manager-money-table) tbody tr:nth-child(even) td:first-child{background:#fafbfa}
 .sales-analytics :is(.manager-counts-table,.manager-money-table) :is(thead,tfoot) :is(td,th):first-child{background:var(--header)}
}
@container manager-report (min-width:561px) and (max-width:1099px){
 .sales-analytics .manager-kpi-reports .table-scroll{overflow-x:auto}
 .sales-analytics .manager-money-table{min-width:1100px}
 .sales-analytics .manager-counts-table{min-width:760px}
 .sales-analytics :is(.manager-counts-table,.manager-money-table) :is(td,th):first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:inset -1px 0 var(--line)}
 .sales-analytics :is(.manager-counts-table,.manager-money-table) tbody tr:nth-child(even) td:first-child{background:#fafbfa}
 .sales-analytics :is(.manager-counts-table,.manager-money-table) :is(thead,tfoot) :is(td,th):first-child{background:var(--header)}
}
:root[data-theme="dark"] .sales-analytics :is(.manager-counts-table,.manager-money-table) tbody tr:nth-child(even) td{background:#1f1f22}
:root[data-theme="dark"] .sales-analytics :is(.manager-counts-table,.manager-money-table) tbody td:first-child{background:var(--card)}
:root[data-theme="dark"] .sales-analytics :is(.manager-counts-table,.manager-money-table) tbody tr:nth-child(even) td:first-child{background:#1f1f22}
:root[data-theme="dark"] .sales-analytics :is(.manager-counts-table,.manager-money-table) :is(thead,tfoot) :is(td,th):first-child{background:var(--header)}
.sales-analytics .share-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.sales-analytics .share-bar{display:block;flex:1;max-width:96px;height:8px;border-radius:4px;background:#edefed;overflow:hidden}
.sales-analytics .share-bar span{display:block;height:100%;border-radius:4px;background:var(--blue)}
.sales-analytics .share-cell .percent{min-width:46px;text-align:right}
.sales-analytics .analytics-list-dialog{width:min(720px,calc(100vw - 32px));max-height:min(80vh,720px);padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:#191b1d;box-shadow:0 20px 50px rgba(0,0,0,.2);overflow:hidden}
.sales-analytics .analytics-list-dialog[open]{display:flex;flex-direction:column}
.sales-analytics .analytics-list-dialog::backdrop{background:rgba(20,20,20,.35)}
.sales-analytics .analytics-list-dialog .detail-scroll{max-height:calc(min(80vh,720px) - 70px)}
.sales-analytics .movement-list-table{table-layout:fixed}
.sales-analytics .movement-list-table th:first-child{width:40%}
.sales-analytics .movement-list-table th:nth-child(2){width:27%}
.sales-analytics .movement-list-table :is(td,th):not(:first-child){white-space:normal}
/* Dark theme for the movement/source sections and their list dialog (the page re-declares light colour variables). */
:root[data-theme="dark"] .sales-analytics :is(.extra-reports,.analytics-list-dialog){--line:#3b3b3b;--muted:#aaa;--green:#81d9a5;--red:#ff98a4;--blue:#9dbcf0;--amber:#efc573;--header:#262629;color:var(--text)}
:root[data-theme="dark"] .sales-analytics :is(.extra-reports .panel,.analytics-list-dialog){background:var(--card);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .sales-analytics :is(.extra-reports,.analytics-list-dialog) table{color:var(--text)}
:root[data-theme="dark"] .sales-analytics :is(.extra-reports,.analytics-list-dialog) :is(th,td){border-color:#2e2e30}
:root[data-theme="dark"] .sales-analytics :is(.extra-reports,.analytics-list-dialog) :is(thead th,tfoot th,tfoot td){background:var(--header);color:#d8d8d8}
:root[data-theme="dark"] .sales-analytics :is(.extra-reports,.analytics-list-dialog) thead :is(th.blue,th.green){color:var(--blue)}
:root[data-theme="dark"] .sales-analytics .extra-reports thead :is(th.green){color:var(--green)}
:root[data-theme="dark"] .sales-analytics .extra-reports thead :is(th.amber){color:var(--amber)}
:root[data-theme="dark"] .sales-analytics .extra-reports thead :is(th.red){color:var(--red)}
:root[data-theme="dark"] .sales-analytics :is(.extra-reports,.analytics-list-dialog) :is(thead small,.report-heading p,.client-meta,.zero,.empty-row td){color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .extra-reports .manager-table tbody tr:hover td{background:#26262a}
:root[data-theme="dark"] .sales-analytics :is(.extra-reports,.analytics-list-dialog) .analytics-retry{background:var(--hover);border-color:var(--line)}
:root[data-theme="dark"] .sales-analytics .share-bar{background:#333}
:root[data-theme="dark"] .sales-analytics .analytics-list-dialog::backdrop{background:rgba(0,0,0,.6)}
@container manager-report (max-width:560px){.sales-analytics .sources-table tr>:last-child{grid-column:span 2}.sales-analytics .share-cell{justify-content:flex-start}}
@container manager-report (max-width:560px){
 .sales-analytics .manager-table{table-layout:auto;display:block}
 .sales-analytics .manager-table colgroup{display:none}
 .sales-analytics .manager-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .sales-analytics .manager-table tbody,.sales-analytics .manager-table tfoot{display:block}
 .sales-analytics .manager-table tbody tr,.sales-analytics .manager-table tfoot tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:auto;border-bottom:1px solid var(--line)}
 .sales-analytics .manager-table :is(th,td){min-width:0;padding:7px 9px!important;text-align:left;border:0;white-space:normal}
 .sales-analytics .manager-table tr>:first-child{grid-column:1/-1;background:var(--header)}
 .sales-analytics .manager-table td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;min-height:34px;margin-bottom:3px;font-size:13px;line-height:17px;font-weight:500;color:#46515e}
 .sales-analytics .revenue-table tr>:nth-child(n+8){grid-column:span 2}
 .sales-analytics .revenue-table tr>:last-child{grid-column:1/-1}
 .sales-analytics .manager-table :is(.amount,.numeric){font-size:13px;white-space:normal;overflow-wrap:anywhere}
 .sales-analytics .manager-table .paid-cell{justify-content:flex-start}
 .sales-analytics .agreements-table tbody tr,.sales-analytics .agreements-table tfoot tr{grid-template-columns:repeat(4,minmax(0,1fr))}
 .sales-analytics .manager-table .empty-row td{grid-column:1/-1}
}
@container sales-analytics (max-width:760px){
 .sales-analytics .analytics-header{align-items:stretch;flex-direction:column;gap:10px}
 .sales-analytics .filters,.sales-analytics .analytics-program-field{width:100%}
 .sales-analytics .analytics-program-field select{flex:1;min-width:0}
 .sales-analytics .kpi-metrics{gap:12px}
 .sales-analytics .page-note{display:block}
 .sales-analytics .page-note span{display:block}
}
@container sales-analytics (max-width:480px){
 .sales-analytics .revenue-table tbody tr,.sales-analytics .revenue-table tfoot tr{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sales-analytics .revenue-table tr>:nth-child(n+8){grid-column:1/-1}
 .sales-analytics .agreements-table tbody tr,.sales-analytics .agreements-table tfoot tr{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){.sales-analytics{padding:12px 12px calc(110px + env(safe-area-inset-bottom,0px))}}
.sales-analytics .sort-button{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:0;border:0;background:transparent;font:inherit;color:inherit;text-align:inherit;cursor:pointer;border-radius:4px}
.sales-analytics .sort-label{display:block}
.sales-analytics .sort-indicator{flex:none;width:9px;font-size:12px;line-height:1;color:#9aa1a7;text-align:center}
.sales-analytics [aria-sort] .sort-indicator{color:currentColor;font-weight:700}
.sales-analytics .sort-button:hover .sort-label{text-decoration:underline;text-underline-offset:3px}
.sales-analytics .sort-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@container manager-report (max-width:560px){
 .sales-analytics .revenue-table thead{position:static;display:block;width:auto;height:auto;overflow:visible;clip:auto;border-bottom:1px solid var(--line)}
 .sales-analytics .revenue-table thead tr{display:flex;flex-wrap:wrap;gap:6px;height:auto;padding:8px 10px}
 .sales-analytics .revenue-table thead th{display:none}
 .sales-analytics .revenue-table thead th.sortable{display:block;padding:0!important;border:0;background:transparent}
 .sales-analytics .revenue-table .sort-button{min-height:32px;padding:4px 10px;border:1px solid var(--line);border-radius:16px;background:var(--header)}
 .sales-analytics .revenue-table .sort-label{display:inline}
 .sales-analytics .revenue-table .sort-label small{display:inline;margin:0 0 0 4px}
 .sales-analytics .revenue-table [aria-sort] .sort-button{border-color:var(--blue);background:var(--selected)}
}
:root[data-theme="dark"] .sales-analytics{color:#ededed;color-scheme:dark;--line:#343434;--muted:#a9a9a9;--green:#81d9a5;--red:#ff98a4;--blue:#9dbbf0;--amber:#efc573;--header:#262626;--selected:#24303f}
:root[data-theme="dark"] .sales-analytics :is(.panel,.load-message){background:var(--card);border-color:var(--line)}
:root[data-theme="dark"] .sales-analytics table{color:#ededed}
:root[data-theme="dark"] .sales-analytics :is(th,td){border-color:#2c2c2c}
:root[data-theme="dark"] .sales-analytics th{color:#d4d4d4}
:root[data-theme="dark"] .sales-analytics :is(thead small,.report-heading p,.metric dt,.metric dd small,.detail-metric dt,.detail-heading h2,.client-meta,.panel-hint,.page-note,.manager-rank,.zero,.empty-row td,.due-help){color:var(--muted)}
:root[data-theme="dark"] .sales-analytics :is(.report-heading p strong,.page-note strong){color:#ededed}
:root[data-theme="dark"] .sales-analytics .agreement-color{color:#86cfa8}
:root[data-theme="dark"] .sales-analytics :is(.total-column,tfoot :is(th,td)){background:#2a2a2a}
:root[data-theme="dark"] .sales-analytics tfoot :is(th,td){border-top-color:var(--line)}
:root[data-theme="dark"] .sales-analytics .manager-table tbody tr:hover td,:root[data-theme="dark"] .sales-analytics .analytics-client-row:hover td{background:#2a2d31}
:root[data-theme="dark"] .sales-analytics .manager-table tbody tr.selected td{background:var(--selected)}
:root[data-theme="dark"] .sales-analytics .mini-progress{background:#3a3a3a}
:root[data-theme="dark"] .sales-analytics .detail-metric{background:#262626}
:root[data-theme="dark"] .sales-analytics .green-tile{background:#1d3428}
:root[data-theme="dark"] .sales-analytics .red-tile{background:#3a2328}
:root[data-theme="dark"] .sales-analytics .blue-tile{background:#222d3f}
:root[data-theme="dark"] .sales-analytics :is(.amber-tile,.payments-table .payment-section.unagreed th){background:#372f1c}
:root[data-theme="dark"] .sales-analytics .payments-table .payment-section th{background:#3a2328}
:root[data-theme="dark"] .sales-analytics .payments-table .payment-section.upcoming th{background:#222d3f}
:root[data-theme="dark"] .sales-analytics .count-badge{background:#222d3f}
:root[data-theme="dark"] .sales-analytics .agreements-table .amber-column,:root[data-theme="dark"] .sales-analytics .agreements-table tbody tr.selected .amber-column{background:#2f2a1d}
:root[data-theme="dark"] .sales-analytics .agreements-table :is(thead,tfoot) .amber-column{background:#372f1c}
:root[data-theme="dark"] .sales-analytics .agreements-table .overdue-column,:root[data-theme="dark"] .sales-analytics .agreements-table tbody tr.selected .overdue-column{background:#33232a}
:root[data-theme="dark"] .sales-analytics :is(.analytics-retry,.analytics-program-field select,.table-toggle){background-color:var(--card);border-color:#444;color:#ededed}
:root[data-theme="dark"] .sales-analytics .table-toggle[aria-pressed="true"]{background-color:#34588a;border-color:#4b74ad;color:#fff}
:root[data-theme="dark"] .sales-analytics .filter-error{background:#3a2328;border-color:#6b3540;color:#ffb3bd}
:root[data-theme="dark"] .sales-analytics .analytics-client-link{text-decoration-color:#9dbbf066}
:root[data-theme="dark"] .sales-analytics .sort-indicator{color:#7d7d7d}
:root[data-theme="dark"] .sales-analytics .manager-table td[data-label]:not(:first-child)::before{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics [aria-sort] .sort-indicator{color:currentColor}
:root[data-theme="dark"] .sales-analytics .table-scroll{scrollbar-color:#555 transparent}
/* Dark theme: hard-coded light colours above mapped to the shared theme tokens (style.css?v=f324eb4f701eafc355191ea5). Light mode is unchanged. */
:root[data-theme="dark"] .sales-analytics{color:var(--text);--line:#3b3b3b;--muted:#aaa;--green:#81d9a5;--red:#ff98a4;--blue:#9fbbe6;--amber:#efc573;--header:#262626;--selected:#1f2430}
:root[data-theme="dark"] .sales-analytics .panel{background-color:var(--card)}
:root[data-theme="dark"] .sales-analytics .load-message{background-color:var(--card)}
:root[data-theme="dark"] .sales-analytics .analytics-retry{background-color:var(--card);border-color:var(--border)}
:root[data-theme="dark"] .sales-analytics .agreement-color{color:var(--green)}
:root[data-theme="dark"] .sales-analytics .metric dt{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .metric dd small{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .report-heading p{color:#9fbbe6}
:root[data-theme="dark"] .sales-analytics .report-heading p strong{color:var(--text)}
:root[data-theme="dark"] .sales-analytics table{color:var(--text)}
:root[data-theme="dark"] .sales-analytics :is(th,td){border-bottom-color:var(--line)}
:root[data-theme="dark"] .sales-analytics th{color:#9fbbe6}
:root[data-theme="dark"] .sales-analytics thead th{border-top-color:var(--line)}
:root[data-theme="dark"] .sales-analytics thead small{color:#9fbbe6}
:root[data-theme="dark"] .sales-analytics tfoot :is(th,td){border-top-color:var(--line)}
:root[data-theme="dark"] .sales-analytics .manager-table :is(th,td){border-right-color:var(--line)}
:root[data-theme="dark"] .sales-analytics .manager-table tbody tr:hover td{background-color:#1f2430}
:root[data-theme="dark"] .sales-analytics .manager-rank{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .zero{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .total-column{background-color:#262626}
:root[data-theme="dark"] .sales-analytics .mini-progress{background-color:#262626}
:root[data-theme="dark"] .sales-analytics .detail-heading h2{color:#9fbbe6}
:root[data-theme="dark"] .sales-analytics .count-badge{background-color:#1f2430}
:root[data-theme="dark"] .sales-analytics .detail-metric{background-color:#262626}
:root[data-theme="dark"] .sales-analytics .detail-metric dt{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .green-tile{background-color:#1f2a23}
:root[data-theme="dark"] .sales-analytics .red-tile{background-color:#2b2022}
:root[data-theme="dark"] .sales-analytics .blue-tile{background-color:#1f2430}
:root[data-theme="dark"] .sales-analytics .analytics-client-link{text-decoration-color:#9fbbe6}
:root[data-theme="dark"] .sales-analytics .analytics-client-row:hover td{background-color:#1f2430}
:root[data-theme="dark"] .sales-analytics .client-meta{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .panel-hint{border-top-color:var(--line);color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .agreements-table .amber-column{background-color:#2a261d}
:root[data-theme="dark"] .sales-analytics .agreements-table :is(thead,tfoot) .amber-column{background-color:#2a261d}
:root[data-theme="dark"] .sales-analytics .agreements-table tbody tr.selected .amber-column{background-color:#2a261d}
:root[data-theme="dark"] .sales-analytics .agreements-table .overdue-column{background-color:#2b2022}
:root[data-theme="dark"] .sales-analytics .agreements-table tbody tr.selected .overdue-column{background-color:#2b2022}
:root[data-theme="dark"] .sales-analytics .due-help{color:#9fbbe6}
:root[data-theme="dark"] .sales-analytics .payments-table .payment-section th{background-color:#2b2022}
:root[data-theme="dark"] .sales-analytics .payments-table .payment-section.upcoming th{background-color:#1f2430}
:root[data-theme="dark"] .sales-analytics .amber-tile,:root[data-theme="dark"] .sales-analytics .payments-table .payment-section.unagreed th{background-color:#2a261d}
:root[data-theme="dark"] .sales-analytics .empty-row td{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .filter-error{background-color:#44222a;border-color:#6a3e39;color:var(--red)}
:root[data-theme="dark"] .sales-analytics .page-note{color:var(--muted)}
:root[data-theme="dark"] .sales-analytics .page-note strong{color:#d0d0d0}
@container manager-report (max-width:560px){
 :root[data-theme="dark"] .sales-analytics .manager-table td[data-label]:not(:first-child)::before{color:#9fbbe6}
}
:root[data-theme="dark"] .sales-analytics{color-scheme:dark}
.sales-analytics .bonus-rate{font-size:11px;font-weight:500;color:var(--muted)}