.analytics-page { position: fixed; inset: 0; z-index: 85; overflow: auto; background: #f7f8f9; color: #29383e; letter-spacing: 0; }
.analytics-inner { max-width: 1580px; margin: 0 auto; padding: 0 30px 40px; }
.analytics-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 20px 0 16px; border-bottom: 1px solid #d9e1e3; }
.analytics-heading { display: flex; align-items: center; gap: 12px; }
.analytics-heading h2 { margin: 0; font-size: 22px; color: #24453f; }
.analytics-heading small { display: block; margin-bottom: 3px; color: #6b7a80; font-size: 11px; }
.analytics-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.analytics-page button, .analytics-page select, .analytics-page input { font-size: 12px; }
.analytics-page button { color: #385b55; }
.analytics-icon, .analytics-command { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 6px 9px; border: 1px solid #c5d2ce; border-radius: 3px; background: #fff; }
.analytics-icon { width: 34px; height: 34px; padding: 7px; flex-shrink: 0; }
.analytics-icon svg, .analytics-command svg { width: 16px; height: 16px; flex-shrink: 0; }
.analytics-icon:hover, .analytics-command:hover { background: #eaf2ee; }
.analytics-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding: 16px 0 10px; }
.analytics-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; font-size: 11px; color: #68787e; }
.analytics-filters > .analytics-field > span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.analytics-field select, .analytics-field input { height: 32px; min-width: 0; max-width: 100%; padding: 4px 7px; border: 1px solid #bdcbc6; border-radius: 3px; background: #fff; color: #29383e; }
.analytics-field select { max-width: 220px; }
.analytics-date-picker { position: relative; }
.analytics-date-trigger { display: inline-flex; align-items: center; gap: 8px; min-width: 180px; max-width: min(360px, calc(100vw - 40px)); min-height: 36px; padding: 7px 11px; border: 1px solid #c5d2ce; border-radius: 4px; background: #fff; color: #405c57; text-align: left; }
.analytics-date-trigger svg { width: 16px; height: 16px; flex: 0 0 auto; color: #6f827c; }
.analytics-date-trigger span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analytics-date-popover { position: absolute; z-index: 90; top: calc(100% + 6px); left: 0; box-sizing: border-box; width: min(320px, calc(100vw - 28px)); padding: 11px 10px 9px; border: 1px solid #e0e4e8; border-radius: 7px; background: #fff; box-shadow: 0 8px 24px rgba(28, 43, 52, .16); color: #454e57; }
.analytics-date-title { display: block; margin: 0 0 8px; font-size: 13px; font-weight: 600; }
.analytics-date-pair { display: grid; grid-template-columns: minmax(0,1fr) 12px minmax(0,1fr); align-items: center; gap: 4px; padding-bottom: 9px; border-bottom: 1px solid #e6e9ed; }
.analytics-date-choice { display: flex; align-items: center; gap: 5px; min-width: 0; height: 32px; padding: 0 7px; border: 1px solid #e5e8ec; border-radius: 7px; background: #f5f6f8; color: #69727b; }
.analytics-date-choice svg { width: 14px; height: 14px; flex: 0 0 auto; color: #737d87; }
.analytics-date-choice input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: inherit; font-size: 11px; }
.analytics-date-separator { color: #8c959d; text-align: center; }
.analytics-quick-label { display: block; padding: 8px 0 4px; color: #969da5; font-size: 11px; }
.analytics-quick-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 1px 6px; padding-bottom: 7px; }
.analytics-quick-dates button { min-height: 27px; padding: 3px 0; border: 0; background: transparent; color: #526ee8; text-align: left; font-size: 12px; }
.analytics-quick-dates button:hover, .analytics-quick-dates button[aria-pressed=true] { color: #354fd4; text-decoration: underline; }
.analytics-quick-dates button:last-child { grid-column: 1 / -1; }
.analytics-date-error { min-height: 0; color: #a13232; font-size: 10px; }
.analytics-date-error:not(:empty) { min-height: 16px; }
.analytics-date-actions { display: flex; justify-content: flex-end; gap: 6px; padding-top: 7px; border-top: 1px solid #e6e9ed; }
.analytics-date-actions button { min-width: 52px; height: 28px; padding: 4px 12px; border: 0; border-radius: 14px; background: #eef0ff; color: #5266d8; }
.analytics-date-actions .analytics-date-confirm, .analytics-date-actions .analytics-export-date-confirm { background: #4f5fe3; color: #fff; }
.analytics-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 14px; font-size: 12px; color: #637278; }
.analytics-error { min-height: 18px; color: #a13232; font-size: 12px; }
.analytics-kpi-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 7px; color: #445d55; font-size: 13px; }
.analytics-kpi-tools, .analytics-member-type-controls { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.analytics-kpi-toolbar > strong { flex-shrink: 0; }
.analytics-order-type-picker { position: relative; min-width: 0; }
.analytics-order-type-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 30px; max-width: 100%; padding: 5px 8px; border: 1px solid #c5d2ce; border-radius: 3px; background: #fff; color: #385b55; white-space: nowrap; cursor: pointer; }
.analytics-order-type-trigger:hover, .analytics-order-type-trigger[aria-expanded="true"] { background: #eef5f1; border-color: #8eafa0; }
.analytics-order-type-trigger svg { width: 14px; height: 14px; flex: 0 0 auto; }
.analytics-order-type-trigger svg:last-child { width: 12px; height: 12px; }
.analytics-order-type-menu { position: absolute; z-index: 140; top: calc(100% + 5px); right: 0; box-sizing: border-box; width: min(270px, calc(100vw - 32px)); max-height: min(390px, calc(100dvh - 160px)); overflow-y: auto; overscroll-behavior: contain; padding: 10px; border: 1px solid #d4dfd9; border-radius: 4px; background: #fff; box-shadow: 0 6px 18px rgba(35, 58, 48, .14); color: #40564c; text-align: left; }
.analytics-order-type-menu > strong { display: block; margin-bottom: 5px; font-size: 12px; font-weight: 600; }
.analytics-order-type-option { display: flex; align-items: center; gap: 9px; min-height: 29px; font-size: 12px; line-height: 1.4; }
.analytics-order-type-option input[type="checkbox"] { appearance: auto; flex: 0 0 14px; width: 14px; height: 14px; min-width: 14px; padding: 0; margin: 0; accent-color: #4d806c; cursor: pointer; }
.analytics-order-type-option span { overflow-wrap: anywhere; }
.analytics-order-type-divider { border-top: 1px solid #e3eae6; margin: 5px 0; }
.analytics-section-tools.analytics-trend-tools { flex-direction: column; align-items: flex-end; gap: 6px; }
#analytics-trend > .analytics-section-head { align-items: flex-start; }
.analytics-member-type-controls { margin-bottom: 10px; }
.analytics-kpis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border-top: 2px solid #547a6b; border-bottom: 1px solid #d4dfd9; background: #fff; }
.analytics-kpis:empty { display: none; }
.analytics-kpi { display: block; width: 100%; min-width: 0; padding: 18px 20px; border: 0; border-right: 1px solid #e2e7e4; border-radius: 0; background: #fff; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease; }
.analytics-kpi:hover { background: #f7faf8; }
.analytics-kpi[aria-pressed="true"] { background: #f1f7f3; box-shadow: inset 0 -3px 0 #547a6b; }
.analytics-kpi:last-child { border-right: 0; }
.analytics-kpi span { display: block; color: #5e7074; font-size: 12px; }
.analytics-kpi strong { display: block; margin-top: 7px; font-size: 27px; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.analytics-kpi[data-metric="orders"] strong { color: #244e68; }
.analytics-kpi[data-metric="customers"] strong { color: #567742; }
.analytics-kpi[data-metric="toilets"] strong { color: #317b78; }
.analytics-kpi[data-metric="boards"] strong { color: #96713c; }
.analytics-kpi[data-metric="amount"] strong { color: #9d5669; }
.analytics-kpi[data-category="region"] strong { color: #34758a; }
.analytics-kpi[data-category="board"] strong { color: #96713c; }
.analytics-kpi[data-category="fitting"] strong { color: #98616a; }
.analytics-kpi[data-kind="dimension"] strong { font-size: 20px; line-height: 1.4; }
.analytics-kpi small { display: block; min-height: 14px; margin-top: 6px; color: #84918c; font-size: 10px; }
.analytics-metric-picker { position: fixed; inset: 0; z-index: 110; display: flex; align-items: center; justify-content: center; padding: 18px; background: rgba(25,38,34,.38); }
.analytics-metric-picker[hidden] { display: none; }
.analytics-metric-dialog { display: flex; flex-direction: column; width: min(1040px,100%); max-height: min(88vh,780px); overflow: hidden; border: 1px solid #d1dbd6; border-radius: 5px; background: #fff; box-shadow: 0 16px 44px rgba(25,38,34,.2); }
.analytics-metric-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; border-bottom: 1px solid #e1e7e4; }
.analytics-metric-header h3 { margin: 0; color: #29383e; font-size: 16px; }
.analytics-metric-search { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 14px; border-bottom: 1px solid #e1e7e4; color: #829089; }
.analytics-metric-search svg { width: 15px; height: 15px; flex: 0 0 auto; }
.analytics-metric-search input { width: 100%; min-width: 0; height: 36px; border: 0; outline: 0; color: #29383e; }
.analytics-metric-body { display: grid; grid-template-columns: minmax(0,1fr) 260px; min-height: 0; flex: 1 1 auto; overflow: hidden; }
.analytics-metric-options { min-width: 0; min-height: 0; padding: 12px 16px; overflow-y: auto; }
.analytics-metric-option-group { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2px 8px; margin-bottom: 10px; }
.analytics-metric-option-group:last-of-type { margin-bottom: 0; }
.analytics-metric-option-group h4 { display: flex; align-items: center; gap: 8px; grid-column: 1 / -1; margin: 0 0 3px; padding: 5px 8px; background: #f0f3f4; color: #536168; font-size: 12px; }
.analytics-metric-group-toggle { width: 15px; height: 15px; margin: 0; padding: 0; accent-color: #477b67; flex: 0 0 auto; cursor: pointer; }
.analytics-metric-option { display: flex; align-items: center; gap: 8px; min-height: 32px; padding: 4px 8px; color: #35444a; font-size: 12px; cursor: pointer; }
.analytics-metric-option:hover { background: #f2f6f4; }
.analytics-metric-option[hidden], .analytics-metric-option-group[hidden], .analytics-metric-no-results[hidden] { display: none; }
.analytics-metric-option input { width: 15px; height: 15px; margin: 0; accent-color: #477b67; flex: 0 0 auto; }
.analytics-metric-no-results { grid-column: 1 / -1; padding: 36px 10px; color: #84918c; text-align: center; font-size: 12px; }
.analytics-metric-selected { display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 12px; overflow: hidden; border-left: 1px solid #e1e7e4; background: #fbfcfc; }
.analytics-metric-selected-head { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; color: #46565c; font-size: 12px; }
.analytics-metric-reset { padding: 3px 5px; border: 0; background: transparent; color: #3976a7 !important; }
.analytics-metric-selected-list { display: grid; grid-template-columns: minmax(0,1fr); align-content: start; gap: 5px; min-height: 0; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.analytics-metric-selected-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 5px; min-height: 34px; padding: 3px 5px; border: 1px solid transparent; border-radius: 3px; background: #f0f2f4; color: #46545a; font-size: 12px; }
.analytics-metric-selected-row > span { min-width: 0; overflow-wrap: anywhere; }
.analytics-metric-order { display: flex; align-items: center; gap: 1px; }
.analytics-metric-drag-handle, .analytics-metric-remove { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 28px; padding: 4px; border: 0; background: transparent; color: #68777c !important; }
.analytics-metric-drag-handle { touch-action: none; cursor: grab; }
.analytics-metric-drag-handle:hover { background: #e0e8e4; }
.analytics-metric-drag-handle svg, .analytics-metric-remove svg { width: 15px; height: 15px; pointer-events: none; }
.analytics-metric-drag-active { user-select: none; cursor: grabbing; overflow-anchor: none; }
.analytics-metric-drag-active .analytics-metric-drag-handle { cursor: grabbing; }
.analytics-metric-selected-row.analytics-metric-dragging { border-color: #477b67; background: #e5f0e9; box-shadow: 0 1px 4px rgba(37,74,55,.18); }
.analytics-metric-sort-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.analytics-metric-selected-empty { margin: 14px 2px; color: #84918c; font-size: 12px; }
.analytics-metric-selected-empty[hidden] { display: none; }
.analytics-metric-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 11px 14px; border-top: 1px solid #e1e7e4; }
.analytics-metric-footer button { min-width: 70px; min-height: 32px; padding: 6px 15px; border: 1px solid #cbd7d1; border-radius: 3px; background: #fff; }
.analytics-metric-footer .analytics-metric-confirm { border-color: #3f755e; background: #3f755e; color: #fff !important; }
.analytics-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 28px; }
.analytics-grid[hidden] { display: none; }
.analytics-topics { min-width: 0; }
.analytics-averages { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid #d4dfd9; margin-bottom: 18px; }
.analytics-average { min-width: 0; padding: 13px 16px; border: 0; border-right: 1px solid #e2e7e4; border-radius: 0; background: transparent; text-align: left; color: #576b73; }
.analytics-average:last-child { border-right: 0; }
.analytics-average > span { font-size: 12px; }
.analytics-average:hover, .analytics-average[aria-pressed=true] { background: #eef4f3; }
.analytics-average-value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 8px; margin: 5px 0; }
.analytics-average-value strong { font-size: 22px; font-variant-numeric: tabular-nums; color: #346a83; overflow-wrap: anywhere; }
.analytics-average:nth-child(2) strong { color: #9d5669; }
.analytics-average:nth-child(3) strong { color: #317b78; }
.analytics-average:nth-child(4) strong { color: #96713c; }
.analytics-average-value span, .analytics-average small { color: #7b8b86; font-size: 10px; }
.analytics-modes { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 2px; background: #e9eeed; border-radius: 4px; }
.analytics-modes button { min-height: 28px; padding: 4px 10px; border: 0; border-radius: 3px; background: transparent; color: #6a7d79; font-size: 11px; }
.analytics-modes button[aria-pressed=true] { background: #fff; color: #285b48; box-shadow: 0 1px 3px #23372b18; }
.analytics-sample-value strong { display: block; font-weight: 500; font-variant-numeric: tabular-nums; }
.analytics-sample-value small { display: block; margin-top: 3px; font-size: 10px; color: #89958f; }
.analytics-rate-value { display: inline-block; min-width: 66px; max-width: 100%; font-variant-numeric: tabular-nums; }
.analytics-distribution-note { margin: 0 0 12px; }
.analytics-completion { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding: 0 0 24px; margin-bottom: 20px; border-bottom: 1px solid #e1e7e4; }
.analytics-completion-item { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; color: #607870; font-size: 12px; }
.analytics-page .analytics-completion-value { padding: 0; border: 0; background: transparent; font-size: 26px; font-weight: 600; color: #317b78; }
.analytics-completion-item:nth-child(2) .analytics-completion-value { color: #346a83; }
.analytics-completion-item small { color: #84918b; font-size: 11px; }
.analytics-after-sales-stats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border-top: 2px solid #698c80; border-bottom: 1px solid #d9e1e3; }
.analytics-after-sales-stat { min-width: 0; padding: 16px; border-right: 1px solid #e1e7e4; }
.analytics-after-sales-stat:last-child { border-right: 0; }
.analytics-after-sales-stat > span { display: block; color: #617984; font-size: 12px; }
.analytics-after-sales-stat > button { display: block; max-width: 100%; margin: 8px 0; padding: 0; border: 0; background: transparent; color: #346a83; font-size: 27px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; text-align: left; }
.analytics-after-sales-stat > button:hover { text-decoration: underline; }
.analytics-after-sales-stat:nth-child(2) > button, .analytics-after-sales-stat:nth-child(3) > button { color: #aa5368; }
.analytics-after-sales-stat:nth-child(4) > button { color: #438474; }
.analytics-after-sales-stat:nth-child(5) > button { color: #9b743d; }
.analytics-after-sales-stat > small { display: block; color: #84918b; font-size: 10px; line-height: 1.6; }
#analytics-after-sales-people table { min-width: 730px; }
.analytics-section { min-width: 0; padding: 24px 0 20px; border-bottom: 1px solid #d9e1e3; }
.analytics-wide { grid-column: 1 / -1; }
.analytics-section-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.analytics-section h3 { display: inline-flex; align-items: center; gap: 7px; margin: 0; font-size: 15px; font-weight: 700; }
.analytics-section h3 svg { width: 17px; height: 17px; color: #63847b; }
.analytics-section select { max-width: 180px; min-height: 29px; border: 1px solid #c5d2ce; border-radius: 3px; background: #fff; padding: 3px 5px; color: #495f63; }
.analytics-section-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.analytics-section .analytics-icon { height: 29px; width: 29px; min-height: 29px; }
.analytics-table-wrap { width: 100%; max-height: 390px; overflow: auto; }
.analytics-page table { width: 100%; min-width: 510px; table-layout: auto; border-collapse: collapse; }
.analytics-page th, .analytics-page td { position: static; height: auto; padding: 9px 8px; border: 0; border-bottom: 1px solid #e4e9e7; font-size: 12px; text-align: right; white-space: nowrap; background: transparent; color: inherit; }
.analytics-page th { position: sticky; top: 0; z-index: 1; font-size: 11px; font-weight: 400; color: #7a898a; background: #f0f3f1; }
.analytics-page th:first-child, .analytics-page td:first-child { width: 36%; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.analytics-page th:first-child { background: #f0f3f1; }
.analytics-column-heading { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; vertical-align: middle; }
.analytics-sort-buttons { display: inline-grid; grid-template-rows: repeat(2,12px); width: 16px; flex: 0 0 16px; }
.analytics-page .analytics-sort-button { display: grid; place-items: center; width: 16px; height: 12px; min-height: 0; padding: 0; border: 0; border-radius: 2px; background: transparent; color: #a0aca6; cursor: pointer; }
.analytics-sort-button svg { display: block; width: 9px; height: 9px; fill: currentColor; stroke-width: 1; }
.analytics-sort-button[data-sort-direction=asc] svg { transform: rotate(180deg); }
.analytics-sort-button:hover { background: #dce8e1; color: #3d6e5c; }
.analytics-sort-button[aria-pressed=true] { color: #287153; }
.analytics-page td:first-child { background: transparent; }
.analytics-page .analytics-workforce-table th:first-child, .analytics-page .analytics-workforce-table td:first-child { min-width: 82px; white-space: nowrap; }
.analytics-page tr:hover td { background: #edf3ef; }
.analytics-name { padding: 0; border: 0; background: transparent; max-width: 200px; line-height: 1.6; text-align: left; overflow-wrap: anywhere; }
.analytics-trend-period { max-width: 100%; font: inherit; cursor: pointer; }
.analytics-name:hover { text-decoration: underline; }
.analytics-rank { display: flex; align-items: center; gap: 8px; }
.analytics-rank-number { width: 17px; flex: 0 0 17px; font-size: 10px; color: #899794; }
.analytics-bar { display: block; height: 3px; width: 100%; max-width: 150px; margin-top: 4px; background: #e4ece7; }
.analytics-bar i { display: block; height: 100%; background: #6b9985; }
.analytics-leader { max-width: 100px; overflow: hidden; text-overflow: ellipsis; color: #667d73 !important; }
.analytics-check { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: #73827c; }
.analytics-check input { accent-color: #497d68; }
.analytics-note { color: #84918b; font-size: 11px; line-height: 1.6; }
.analytics-trend-split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.analytics-trend-context { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 16px; margin: 0 0 12px; color: #687b75; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.analytics-trend-context strong { color: #346a83; font-size: 11px; font-weight: 600; }
.analytics-trend-views { display: flex; align-items: center; gap: 16px; margin: 0 0 14px; }
.analytics-trend-views-label { flex-shrink: 0; color: #526a62; font-size: 12px; }
.analytics-trend-categories { min-width: 0; margin: 0 0 10px; padding: 0; border: 0; }
.analytics-trend-categories legend { float: left; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-right: 14px; padding: 3px 0; color: #526a62; font-size: 12px; }
.analytics-page .analytics-product-composition-entry { display: inline-flex; align-items: center; gap: 3px; min-height: 0; padding: 0 3px; border: 0; border-radius: 0; background: transparent; color: #346a83; font-size: 12px; line-height: 1.4; cursor: pointer; }
.analytics-product-composition-entry svg { width: 13px; height: 13px; }
.analytics-product-composition-entry:hover { text-decoration: underline; }
.analytics-trend-category-options { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 14px; padding: 3px 2px; }
.analytics-page .analytics-category-toggle { display: inline-flex; align-items: center; gap: 3px; min-height: 0; padding: 0 3px; border: 0; border-radius: 0; background: transparent; color: #346a83; font-size: 12px; line-height: 1.4; cursor: pointer; }
.analytics-category-toggle svg { width: 13px; height: 13px; }
.analytics-category-toggle:hover { text-decoration: underline; }
.analytics-trend-category-options label { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; min-width: 0; color: #526a62; font-size: 12px; cursor: pointer; }
.analytics-trend-category-options span { overflow-wrap: anywhere; }
.analytics-trend-category-options input[type="checkbox"] { appearance: auto; flex: 0 0 13px; width: 13px; height: 13px; min-width: 13px; padding: 0; margin: 0; accent-color: #477b67; cursor: pointer; }
.analytics-trend-analysis-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 12px; }
.analytics-trend-analysis-nav h4 { min-width: 0; margin: 0; color: #354b50; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.analytics-trend-sales { margin-top: 18px; padding-top: 14px; border-top: 1px solid #dce5df; min-width: 0; }
.analytics-trend-sales-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.analytics-trend-sales-heading h4 { margin: 0; color: #354b50; font-size: 12px; }
.analytics-trend-sales table { min-width: 780px; }
.analytics-page .analytics-trend-sales th:first-child, .analytics-page .analytics-trend-sales td:first-child { width: 14%; }
.analytics-page .analytics-trend-sales th:nth-child(-n+3), .analytics-page .analytics-trend-sales td:nth-child(-n+3) { text-align: left; }
.analytics-trend-line { min-width: 0; }
.analytics-trend-line .analytics-chart { height: 220px; }
.analytics-series-picker { display: grid; gap: 5px; min-width: 0; padding: 0 0 4px 20px; border-left: 1px solid #e1e7e4; }
.analytics-composition-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.analytics-composition-visual { position: relative; display: grid; grid-template-columns: minmax(0,1fr); align-items: start; min-width: 0; min-height: 220px; }
.analytics-trend-breakdowns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 570px; max-width: 100%; min-width: 0; border-bottom: 1px solid #cddbd2; }
.analytics-trend-breakdowns button { display: block; min-width: 0; padding: 10px 12px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #526a62; font-size: 13px; line-height: 1.5; text-align: center; overflow-wrap: anywhere; cursor: pointer; }
.analytics-trend-breakdowns button:hover { color: #285b46; }
.analytics-trend-breakdowns button[aria-selected=true] { border-bottom-color: #39775c; background: #edf4ef; color: #285b46; font-weight: 600; }
.analytics-trend-breakdowns button:focus-visible { outline: 2px solid #497d68; outline-offset: -3px; }
.analytics-composition-toolbar select { width: auto; max-width: 120px; min-width: 90px; padding: 4px 22px 4px 7px; border: 1px solid #d7e0da; border-radius: 4px; background: #fff; color: #46565c; font: inherit; font-size: 11px; }
.analytics-composition-title { color: #46565c; font-size: 12px; }
.analytics-donut-wrap { justify-self: center; width: 100%; min-height: 220px; height: 220px; }
.analytics-donut-wrap canvas { display: block; width: 100%; height: 100%; }
.analytics-donut-legend { position: absolute; top: 0; right: -12px; bottom: 0; display: grid; align-content: safe center; grid-auto-rows: 18px; width: max-content; max-width: clamp(145px, 32%, 230px); max-height: min(420px, 70vh); overflow-x: hidden; overflow-y: auto; scrollbar-gutter: stable; }
.analytics-donut-legend-item { display: grid; grid-template-columns: 7px minmax(0,1fr) auto auto; align-items: center; column-gap: 6px; min-width: 0; color: #273640; font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.analytics-donut-legend-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.analytics-donut-legend-value { color: #66766f; }
.analytics-donut-legend-share { color: #354b50; font-size: 11px; font-weight: 600; }
.analytics-donut-legend-swatch { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; }
.analytics-composition-note { margin: 1px 0 0; color: #84918b; font-size: 10px; line-height: 1.5; }
.analytics-composition-average { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 8px; color: #687b75; font-size: 11px; }
.analytics-composition-average strong { color: #346a83; font-size: 14px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.analytics-average-composition .analytics-series-option-action { align-items: center; gap: 8px; }
.analytics-average-composition .analytics-series-choice { grid-template-columns: 13px 8px minmax(0, max-content) minmax(0, 1fr) auto; gap: 2px 5px; }
.analytics-average-composition .analytics-series-name { max-width: 7em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analytics-average-composition .analytics-series-share { grid-column: 5; align-self: center; padding-top: 0; }
.analytics-series-average-details { grid-column: 4; grid-row: 1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; min-width: 0; }
.analytics-series-average { color: #346a83; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.analytics-average-composition .analytics-series-average-details small { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .analytics-average-composition .analytics-series-choice { grid-template-columns: 13px 8px minmax(0, 1fr) auto; }
  .analytics-average-composition .analytics-series-share { grid-column: 4; }
  .analytics-series-average-details { grid-column: 3 / -1; grid-row: 2; }
}
.analytics-series-picker-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #46565c; font-size: 11px; }
.analytics-series-actions { display: flex; gap: 8px; margin-left: 2px; }
.analytics-series-actions button { padding: 2px 4px; border: 0; background: transparent; font-size: 11px; cursor: pointer; }
.analytics-series-actions button:hover { text-decoration: underline; }
.analytics-series-picker-head span, .analytics-series-status { color: #84918b; font-size: 10px; }
.analytics-series-options { display: grid; align-content: start; grid-auto-rows: max-content; gap: 2px; max-height: min(230px, 70vh); padding: 2px; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; }
.analytics-series-option { display: block; min-width: 0; min-height: 36px; padding: 4px 2px; border-bottom: 1px solid #e1e7e4; color: #43524c; font-size: 11px; box-sizing: border-box; }
.analytics-series-option-action { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 10px; }
.analytics-page .analytics-series-analyze { padding: 2px 5px; border: 0; background: transparent; color: #346a83; font-size: 11px; line-height: 1.5; cursor: pointer; }
.analytics-series-analyze:hover:not(:disabled) { text-decoration: underline; }
.analytics-series-analyze:disabled { opacity: .45; cursor: default; }
.analytics-series-analyze:focus-visible { outline: 2px solid #4c9ddb; outline-offset: 2px; }
.analytics-series-choice { display: grid; grid-template-columns: 13px 8px minmax(0,1fr) auto; align-items: center; gap: 1px 5px; min-width: 0; cursor: pointer; }
.analytics-series-option:has(input:checked) { background: #f0f5f2; }
.analytics-series-option input { width: 13px; height: 13px; margin: 0; accent-color: #477b67; flex: 0 0 auto; }
.analytics-series-swatch { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; }
.analytics-series-name { min-width: 0; overflow-wrap: anywhere; line-height: 1.45; }
.analytics-series-option small { grid-column: 3; grid-row: 2; color: #84918b; font-size: 10px; white-space: nowrap; }
.analytics-series-share { grid-column: 4; grid-row: 1; align-self: start; padding-top: 1px; color: #526a62; font-size: 11px; font-variant-numeric: tabular-nums; }
.analytics-series-option input:disabled { opacity: .45; }
.analytics-series-empty { display: grid; place-items: center; min-height: 220px; padding: 18px 10px; box-sizing: border-box; }
.analytics-series-value { min-width: 28px; padding: 1px 4px; border: 0; background: transparent; font: inherit; cursor: pointer; }
.analytics-series-value:hover:not(:disabled) { text-decoration: underline; }
.analytics-series-value:disabled { color: #b4bdb8 !important; cursor: default; }
.analytics-chart { position: relative; height: 230px; width: 100%; }
.analytics-chart-tooltip { position: fixed; z-index: 120; display: grid; gap: 5px; box-sizing: border-box; width: max-content; max-width: min(420px, calc(100vw - 20px)); max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); overflow: auto; padding: 10px 12px; border: 1px solid #d6e0dc; border-radius: 4px; background: rgba(255,255,255,.98); box-shadow: 0 4px 14px rgba(35,58,49,.12); color: #354b50; font: 11px/1.5 "Microsoft YaHei",sans-serif; font-variant-numeric: tabular-nums; pointer-events: none; }
.analytics-chart-tooltip[hidden] { display: none; }
.analytics-chart-tooltip-heading { padding-bottom: 4px; border-bottom: 1px solid #e3eae6; color: #293f38; font-size: 12px; }
.analytics-chart-tooltip-row { display: grid; grid-template-columns: 7px minmax(0,1fr) auto; align-items: center; gap: 7px; min-width: 0; }
.analytics-chart-tooltip-row span { overflow-wrap: anywhere; }
.analytics-chart-tooltip-row strong { text-align: right; overflow-wrap: anywhere; }
.analytics-chart-tooltip-swatch { width: 7px; height: 7px; border-radius: 50%; }
.analytics-chart canvas { display: block; width: 100%; height: 100%; }
.analytics-chart-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; margin-top: 8px; font-size: 11px; color: #8a9690; }
.analytics-cycle-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; padding: 6px 0 20px; }
.analytics-cycle { border-left: 3px solid #b5c6b5; padding-left: 12px; }
.analytics-cycle span { color: #6a7a73; font-size: 12px; }
.analytics-cycle strong { display: block; font-size: 24px; margin: 6px 0; }
.analytics-status { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding-top: 12px; }
.analytics-status h4 { font-size: 12px; color: #64786b; margin: 0 0 9px; }
.analytics-status-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 8px 0; font-size: 11px; }
.analytics-status-row button { min-width: 0; border: 0; padding: 0; background: transparent; overflow-wrap: anywhere; text-align: left; }
.analytics-empty { padding: 30px 10px; text-align: center; color: #8d9993; font-size: 12px; }
.analytics-zero { padding: 20px 0 0; color: #758379; font-size: 13px; }
.analytics-drill { position: fixed; inset: 0; z-index: 95; padding: 24px; display: flex; align-items: center; justify-content: center; background: rgba(21,35,29,.42); }
.analytics-drill-panel { width: min(1150px,100%); max-height: 90vh; overflow: hidden; border: 1px solid #b4c6bc; border-radius: 4px; background: #fff; display: flex; flex-direction: column; }
.analytics-drill-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: 1px solid #dbe3df; }
.analytics-drill-header h3 { margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.analytics-drill .analytics-table-wrap { box-sizing: border-box; flex: 1 1 auto; min-height: 0; max-height: none; padding: 0 12px 12px; }
.analytics-page .analytics-drill table { width: max-content; min-width: 100%; table-layout: auto; }
.analytics-page .analytics-drill th, .analytics-page .analytics-drill td { padding: 8px 10px; line-height: 1.4; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.analytics-page .analytics-drill th:first-child, .analytics-page .analytics-drill td:first-child { width: 104px; min-width: 104px; white-space: nowrap; overflow-wrap: normal; }
.analytics-drill-footer { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 10px; padding: 10px 16px; color: #758278; font-size: 12px; border-top: 1px solid #e1e7e2; }
.analytics-export { position: fixed; inset: 0; z-index: 120; display: flex; align-items: center; justify-content: center; padding: 18px; background: rgba(21,35,29,.42); }
.analytics-export[hidden] { display: none; }
.analytics-export-panel { display: flex; flex-direction: column; width: min(920px,100%); max-height: min(92vh,860px); overflow: hidden; border: 1px solid #cbd7d1; border-radius: 5px; background: #fff; box-shadow: 0 16px 44px rgba(25,38,34,.22); }
.analytics-export-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 18px; border-bottom: 1px solid #e1e7e4; }
.analytics-export-header h3 { margin: 0; color: #29383e; font-size: 16px; }
.analytics-export-close { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid #d6e0db; border-radius: 3px; background: #fff; }
.analytics-export-close svg { width: 16px; height: 16px; }
.analytics-export-content { min-height: 0; padding: 14px 18px; overflow-y: auto; }
.analytics-export-scope-group { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
.analytics-export-scope-group legend, .analytics-export-date-group h4, .analytics-export-fields-header h4 { margin: 0 0 8px; padding: 0; color: #415b53; font-size: 13px; font-weight: 600; }
.analytics-export-scope { display: flex; align-items: flex-start; gap: 9px; min-width: 0; padding: 10px; border: 1px solid #dce5df; border-radius: 3px; cursor: pointer; }
.analytics-export-scope:has(input:checked) { border-color: #6b9984; background: #f3f8f5; }
.analytics-export-scope input { flex: 0 0 auto; margin: 2px 0 0; accent-color: #387a66; }
.analytics-export-scope-text { display: grid; gap: 3px; min-width: 0; }
.analytics-export-scope-text strong { color: #354d45; font-size: 12px; }
.analytics-export-scope-text small { color: #78867f; font-size: 10px; line-height: 1.45; }
.analytics-export-date-group { margin-top: 16px; }
.analytics-export-date-picker { width: min(360px,100%); }
.analytics-export-date-picker .analytics-date-trigger { width: 100%; max-width: none; }
.analytics-export-date-picker .analytics-date-popover { width: 100%; max-width: none; overflow-y: auto; overscroll-behavior: contain; }
.analytics-export-date-picker .analytics-date-actions { position: sticky; bottom: 0; background: #fff; }
.analytics-export-date-presets button:last-child { grid-column: auto; }
.analytics-export-fields-header { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-top: 17px; padding-bottom: 8px; border-bottom: 1px solid #dfe7e2; }
.analytics-export-fields-header h4 { margin-bottom: 3px; }
.analytics-export-field-actions { display: flex; gap: 6px; }
.analytics-export-field-actions button { min-height: 28px; padding: 4px 9px; border: 1px solid #d3ded8; border-radius: 3px; background: #fff; color: #45665a; }
.analytics-export-field-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 18px; padding: 10px 0; }
.analytics-export-field-group { min-width: 0; padding: 8px 0; border-bottom: 1px solid #e6ece8; }
.analytics-export-field-group h5 { margin: 0 0 5px; color: #63756c; font-size: 11px; font-weight: 600; }
.analytics-export-field-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px 5px; }
.analytics-export-option { display: flex; align-items: flex-start; gap: 6px; min-width: 0; padding: 5px 3px; color: #41534b; font-size: 11px; line-height: 1.4; cursor: pointer; }
.analytics-export-option input { flex: 0 0 auto; margin: 1px 0 0; accent-color: #387a66; }
.analytics-export-option span { min-width: 0; overflow-wrap: anywhere; }
.analytics-export-error { min-height: 0; padding: 0 18px; color: #a13232; font-size: 11px; }
.analytics-export-error:not(:empty) { min-height: 28px; padding-top: 5px; }
.analytics-export-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 11px 18px; border-top: 1px solid #e1e7e4; background: #fff; }
.analytics-export-footer .analytics-export-format { width: 120px; min-width: 0; height: 34px; margin-right: auto; padding: 5px 7px; border: 1px solid #cad6d0; border-radius: 3px; background: #fff; color: #405d53; font-size: 12px; }
.analytics-export-footer button { min-height: 34px; padding: 6px 13px; border: 1px solid #cad6d0; border-radius: 3px; background: #fff; color: #405d53; }
.analytics-export-footer .analytics-export-confirm { border-color: #33785e; background: #33785e; color: #fff; }
.analytics-export-footer .analytics-export-confirm:disabled { border-color: #b8c7c0; background: #b8c7c0; cursor: not-allowed; }
.analytics-help { padding: 20px 0 0; color: #6d7e74; font-size: 12px; line-height: 1.8; }
.analytics-help summary { cursor: pointer; }
.analytics-help p { margin: 8px 0; }
.analytics-page :focus-visible { outline: 2px solid #579080; outline-offset: 2px; }
.analytics-deep-page[hidden] { display: none; }
.analytics-member-page[hidden] { display: none; }
.analytics-member-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding: 16px 0 12px; }
.analytics-member-meta { margin-bottom: 12px; color: #667a74; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.analytics-member-nav { display: flex; flex-wrap: wrap; gap: 6px 20px; padding: 10px 0; border-top: 1px solid #d9e1e3; border-bottom: 1px solid #d9e1e3; }
.analytics-member-nav button { padding: 4px 0; border: 0; background: transparent; color: #346a83; cursor: pointer; }
.analytics-member-nav button:hover { text-decoration: underline; }
.analytics-member-page .analytics-member-section .analytics-table-wrap { max-height: 260px; }
.analytics-member-trend-controls { display: flex; align-items: end; gap: 12px; margin: 0 0 12px; }
.analytics-member-trend-controls .analytics-field { min-width: 180px; }
.analytics-member-section .analytics-deep-option-grid table { min-width: 620px; }
.analytics-member-section .analytics-deep-averages strong { font-size: 17px; }
.analytics-member-section .analytics-deep-cycle > strong { display: block; margin: 5px 0; color: #346a83; font-size: 21px; }
#analytics-member-orders .analytics-table-wrap { max-height: 420px; margin-top: 10px; }
.analytics-page #analytics-member-orders table { width: max-content; min-width: 100%; table-layout: auto; }
.analytics-page #analytics-member-orders th, .analytics-page #analytics-member-orders td { padding: 8px 10px; line-height: 1.4; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.analytics-page #analytics-member-orders th:first-child, .analytics-page #analytics-member-orders td:first-child { width: 104px; min-width: 104px; white-space: nowrap; overflow-wrap: normal; }
.analytics-deep-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; padding: 16px 0 12px; border-bottom: 1px solid #d9e1e3; }
.analytics-deep-controls .analytics-date-filter { width: auto; }
.analytics-deep-controls .analytics-field select { min-width: 210px; }
.analytics-deep-meta { padding: 12px 0 2px; color: #667a74; font-size: 12px; }
.analytics-deep-affiliation { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 10px 0 2px; font-size: 12px; }
.analytics-deep-affiliation > div { display: flex; flex-wrap: wrap; gap: 5px 10px; min-width: 0; max-width: 100%; }
.analytics-deep-affiliation dt { color: #68787e; }
.analytics-deep-affiliation dd { min-width: 0; margin: 0; color: #344d47; overflow-wrap: anywhere; }
.analytics-deep-empty { padding: 48px 12px; }
.analytics-deep-section { min-width: 0; padding: 20px 0 18px; border-bottom: 1px solid #d9e1e3; }
.analytics-deep-section > h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 13px; color: #344d47; font-size: 16px; }
.analytics-deep-section > h3 svg { width: 18px; height: 18px; color: #63847b; }
.analytics-deep-section h4 { margin: 0 0 8px; color: #51655e; font-size: 13px; font-weight: 600; }
.analytics-deep-kpis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border-top: 2px solid #547a6b; border-bottom: 1px solid #d4dfd9; background: #fff; }
.analytics-deep-stat { min-width: 0; padding: 14px 16px; border-right: 1px solid #e2e7e4; }
.analytics-deep-stat:last-child { border-right: 0; }
.analytics-deep-stat > span, .analytics-deep-average > span { display: block; color: #5e7074; font-size: 12px; }
.analytics-deep-stat > strong { display: block; margin-top: 6px; color: #317b78; font-size: 23px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.analytics-deep-stat:nth-child(2) > strong { color: #567742; }
.analytics-deep-stat:nth-child(4) > strong { color: #96713c; }
.analytics-deep-stat:nth-child(5) > strong { color: #9d5669; }
.analytics-deep-stat > small, .analytics-deep-average > small { display: block; margin-top: 4px; color: #84918c; font-size: 10px; line-height: 1.5; }
.analytics-deep-averages { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0 0 8px; border-bottom: 1px solid #d4dfd9; }
.analytics-deep-average { min-width: 0; padding: 12px 14px; border-right: 1px solid #e2e7e4; }
.analytics-deep-average:last-child { border-right: 0; }
.analytics-deep-average > strong { display: block; margin-top: 4px; color: #346a83; font-size: 20px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.analytics-deep-average:nth-child(2) > strong { color: #9d5669; }
.analytics-deep-average:nth-child(3) > strong { color: #317b78; }
.analytics-deep-average:nth-child(4) > strong { color: #96713c; }
.analytics-deep-option-grid, .analytics-deep-region-grid, .analytics-deep-orders-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 26px; }
.analytics-deep-dimension, .analytics-deep-region, .analytics-deep-subsection { min-width: 0; padding: 15px 0 12px; border-bottom: 1px solid #e1e7e4; }
.analytics-deep-dimension .analytics-note { margin: 0 0 7px; }
.analytics-deep-dimension .analytics-table-wrap, .analytics-deep-region .analytics-table-wrap, .analytics-deep-subsection .analytics-table-wrap { max-height: none; }
.analytics-deep-dimension table { min-width: 440px; }
.analytics-deep-region table { min-width: 500px; }
.analytics-deep-count { padding: 0; border: 0; background: transparent; color: #346a83 !important; font: inherit; font-variant-numeric: tabular-nums; cursor: pointer; }
.analytics-deep-count:hover:not(:disabled) { text-decoration: underline; }
.analytics-deep-count:disabled { color: #7f8a86 !important; cursor: default; }
.analytics-deep-region table th:first-child, .analytics-deep-region table td:first-child { width: 30%; }
.analytics-deep-completion { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; padding: 4px 0 20px; }
.analytics-deep-rate { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: baseline; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid #e1e7e4; }
.analytics-deep-rate > span { color: #607870; font-size: 12px; }
.analytics-deep-rate > strong { color: #317b78; font-size: 22px; font-variant-numeric: tabular-nums; }
.analytics-deep-rate > button { justify-self: end; grid-column: 2; }
.analytics-deep-rate > small { grid-column: 1 / -1; color: #84918b; font-size: 10px; }
.analytics-deep-cycles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.analytics-deep-cycle { min-width: 0; padding: 4px 0 4px 12px; border-left: 3px solid #b5c6b5; }
.analytics-deep-cycle > span, .analytics-deep-cycle > small { display: block; color: #6a7a73; font-size: 11px; }
.analytics-page .analytics-deep-cycle-value { display: block; max-width: 100%; margin: 5px 0; padding: 0; border: 0; background: transparent; color: #346a83; font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
.analytics-page .analytics-deep-cycle-value:disabled { color: #82908b; }
.analytics-deep-cycle-value:hover:not(:disabled) { text-decoration: underline; }
@media (max-width: 1050px) {
  .analytics-inner { padding: 0 20px 30px; }
  .analytics-grid { column-gap: 20px; }
  .analytics-kpi { padding: 15px 12px; }
  .analytics-kpi strong { font-size: 23px; }
  .analytics-metric-body { grid-template-columns: minmax(0,1fr) 240px; }
  .analytics-metric-option-group { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .analytics-trend-views { flex-direction: column; align-items: stretch; gap: 5px; }
  .analytics-trend-breakdowns { width: 100%; }
  .analytics-trend-breakdowns button { padding: 9px 5px; font-size: 12px; }
  .analytics-trend-split { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .analytics-series-picker { padding: 14px 0 4px; border-left: 0; border-top: 1px solid #e1e7e4; }
  .analytics-donut-wrap { height: 220px !important; }
  .analytics-donut-legend { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; width: 100%; max-width: none; max-height: 144px; }
  .analytics-composition-toolbar select { max-width: 150px; }
  .analytics-deep-controls { align-items: stretch; flex-direction: column; gap: 10px; }
  .analytics-deep-controls .analytics-date-filter, .analytics-deep-controls .analytics-field { width: 100%; }
  .analytics-deep-controls .analytics-date-trigger, .analytics-deep-controls .analytics-field select { width: 100%; max-width: none; }
  .analytics-deep-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analytics-deep-stat { padding: 12px 9px; border-bottom: 1px solid #e1e8e1; }
  .analytics-deep-stat:nth-child(2n) { border-right: 0; }
  .analytics-deep-stat > strong { font-size: 21px; }
  .analytics-deep-averages { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analytics-deep-average { padding: 11px 9px; border-bottom: 1px solid #e1e7e4; }
  .analytics-deep-average:nth-child(2n) { border-right: 0; }
  .analytics-deep-option-grid, .analytics-deep-region-grid, .analytics-deep-orders-grid { grid-template-columns: minmax(0,1fr); }
  .analytics-deep-completion { gap: 8px 14px; }
  .analytics-deep-cycles { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .analytics-deep-section { padding: 17px 0 14px; }
  .analytics-after-sales-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analytics-after-sales-stat { padding: 12px 9px; border-bottom: 1px solid #e1e7e4; }
  .analytics-after-sales-stat:nth-child(2n) { border-right: 0; }
  .analytics-after-sales-stat > button { font-size: 23px; }
  .analytics-averages { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analytics-average { padding: 12px 9px; border-bottom: 1px solid #e1e7e4; }
  .analytics-average:nth-child(2n) { border-right: 0; }
  .analytics-average-value strong { font-size: 20px; }
  .analytics-completion { gap: 10px; }
  .analytics-inner { padding: 0 14px 28px; }
  .analytics-heading h2 { font-size: 20px; }
  .analytics-grid { grid-template-columns: minmax(0,1fr); }
  .analytics-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analytics-kpi { border-bottom: 1px solid #e1e8e1; }
  .analytics-status { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analytics-cycle-grid { gap: 10px; }
  .analytics-cycle { padding-left: 8px; }
  .analytics-cycle span { font-size: 11px; }
  .analytics-cycle strong { font-size: 20px; }
  .analytics-drill { padding: 10px; }
  .analytics-export { align-items: flex-end; padding: 0; }
  .analytics-export-panel { width: 100%; max-height: 94vh; max-height: 94dvh; border-radius: 5px 5px 0 0; }
  .analytics-export-header, .analytics-export-content { padding-right: 14px; padding-left: 14px; }
  .analytics-export-scope-group { grid-template-columns: minmax(0,1fr); }
  .analytics-export-field-groups { grid-template-columns: minmax(0,1fr); gap: 2px; }
  .analytics-export-field-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analytics-export-footer { padding-bottom: max(11px,env(safe-area-inset-bottom)); }
  .analytics-export-footer .analytics-export-format { width: 108px; }
  .analytics-section-head { align-items: flex-start; }
  .analytics-date-filter { width: 100%; }
  .analytics-date-trigger { width: 100%; }
  .analytics-date-popover { max-width: calc(100vw - 28px); }
  .analytics-metric-picker { align-items: flex-end; padding: 0; }
  .analytics-metric-dialog { width: 100%; max-height: 92vh; max-height: 92dvh; border-radius: 5px 5px 0 0; }
  .analytics-metric-body { display: block; overflow-y: auto; }
  .analytics-metric-options { padding: 9px 12px; overflow: visible; }
  .analytics-metric-option-group { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px 6px; }
  .analytics-metric-selected { display: block; padding: 9px 12px; border-left: 0; border-top: 1px solid #e1e7e4; overflow: visible; }
  .analytics-metric-selected-list { overflow: visible; }
  .analytics-metric-selected-head { margin-bottom: 6px; }
  .analytics-metric-footer { padding-bottom: max(10px,env(safe-area-inset-bottom)); }
}