.customer-annual .section-title{margin-bottom:18px}.annual-filters{margin:0 0 12px;padding:13px 16px;background:#f5f7f8;border-radius:5px;align-items:flex-end}.annual-filters label{min-width:145px}.annual-filters .customer-field{flex:1;min-width:220px;max-width:330px}.annual-filters>button:first-of-type{margin-left:auto}.annual-period{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 16px;border-radius:5px;background:#ecf6f0;color:#264c3c;font-size:12px}.annual-period i{display:inline-block;height:12px;margin:0 12px;border-left:1px solid #c9ded3;vertical-align:middle}.annual-period small{font-size:11px;color:#55786a;white-space:nowrap}
.annual-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:16px 0}.annual-metric{display:flex;align-items:flex-start;gap:11px;padding:18px 14px;border:1px solid var(--line);background:#fff;border-radius:5px;min-width:0}.annual-metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e8f4ee;color:var(--green);flex-shrink:0}.annual-metric>div{min-width:0}.annual-metric>div>span{color:#667781;font-size:12px}.annual-metric strong{display:block;white-space:nowrap;margin:3px 0;font-size:clamp(16px,1.4vw,25px);line-height:1.45;color:#16252f;font-variant-numeric:tabular-nums}.annual-metric em{font-size:12px;font-style:normal;font-weight:500}.annual-metric-hint{font-size:11px;color:#7a858d;margin-top:5px}.annual-metric-hint b{color:var(--green)}.annual-metric.unpaid strong{color:#aa771d}.annual-metric.unpaid .annual-metric-icon{color:#aa771d;background:#fbf4e3}.annual-metric .annual-change b{font-size:11px}
.annual-change{display:flex;flex-direction:column;gap:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.annual-change b{font-weight:500}.annual-change small{font-size:10px;color:inherit}.annual-change.up{color:var(--green)}.annual-change.down{color:#c34c46}.annual-change.flat{color:#77838b}.annual-new{display:inline-block;background:#e5f5e9;color:#18785b;padding:2px 7px;font-size:11px;border-radius:4px;white-space:nowrap}.annual-charts{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:16px;margin:16px 0}.annual-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:5px;background:#fff}.annual-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.annual-panel h2{font-size:16px}.annual-panel h2 small,.annual-panel h3 small{margin-left:9px;font-size:11px;font-weight:400}.annual-legend{display:flex;gap:14px;white-space:nowrap;color:#687a83;font-size:11px}.annual-legend span:before{content:'';display:inline-block;width:20px;border-top:2px solid var(--green);margin-right:6px;vertical-align:middle}.annual-legend span:last-child:before{border-top:2px dashed #a4b1b7}.annual-line-chart{display:block;width:100%;height:190px;overflow:visible}.annual-line-chart text{fill:#71828c;font-size:11px}.annual-chart-grid line{stroke:#eff2f4;stroke-width:1}.annual-line-chart polyline{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.annual-line-chart .current{stroke:#18785b}.annual-line-chart .previous{stroke:#a4b1b7;stroke-dasharray:7 6}.annual-line-chart .current-point{fill:#18785b}.annual-line-chart .previous-point{fill:#a4b1b7}.annual-chart-cutoff{font-size:10px;color:#7a858d;margin:4px 0 0;text-align:right}.annual-chart-empty{min-height:190px;display:grid;place-items:center;color:var(--muted);font-size:13px}.annual-top{display:flex;flex-direction:column;gap:16px;margin:15px 0 6px;padding:0;list-style:none}.annual-top li{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:8px}.annual-top li>button{min-width:0;min-height:23px;overflow:hidden;text-overflow:ellipsis;justify-content:flex-start;padding:0;border:0;border-radius:0;background:none;font-size:12px}.annual-top li>strong{font-size:11px;color:#18785b;font-weight:500;font-variant-numeric:tabular-nums}.annual-bar{height:21px;display:block;background:#f5f8f6;border-radius:2px}.annual-bar i{display:block;height:100%;background:#18785b;border-radius:2px}.annual-top li:nth-child(2) .annual-bar i{background:#278566}.annual-top li:nth-child(3) .annual-bar i{background:#369171}.annual-top li:nth-child(4) .annual-bar i{background:#459d80}.annual-top li:nth-child(5) .annual-bar i{background:#59ad91}
.annual-sort{display:flex;align-items:center;gap:0;white-space:nowrap}.annual-sort>span{font-size:11px;color:#73838c;margin-right:10px}.annual-sort button{min-height:32px;padding:5px 12px;border-radius:0;border-right:0;font-size:12px}.annual-sort button:first-of-type{border-radius:4px 0 0 4px}.annual-sort button:last-child{border-right:1px solid #dce3e7;border-radius:0 4px 4px 0}.annual-sort button.active{background:#18785b;border-color:#18785b;color:#fff}.annual-ranking-note{font-size:11px;color:#7a858d;margin:-3px 0 12px}.annual-ranking-table table{width:100%;min-width:830px}.annual-ranking-table th{white-space:nowrap;font-size:11px;font-weight:500;background:#f5f7f8}.annual-ranking-table td{font-size:12px;font-variant-numeric:tabular-nums;padding:10px 12px}.annual-ranking-table td:nth-child(n+3):nth-child(-n+7),.annual-ranking-table th:nth-child(n+3):nth-child(-n+7){text-align:right}.annual-ranking-table td:last-child,.annual-ranking-table th:last-child{text-align:right}.annual-ranking-table .annual-change{align-items:flex-end}.annual-rank{display:inline-grid;place-items:center;min-width:20px;height:23px;font-weight:600;color:#697b85}.annual-rank.rank-1{color:#a16f12;background:#faf2df;border-radius:4px}.annual-rank.rank-2{color:#647781;background:#edf1f3;border-radius:4px}.annual-rank.rank-3{color:#a47a55;background:#f8eee6;border-radius:4px}.annual-detail-link{color:#397dc8;padding:0;border:0;background:none;min-height:28px;font-size:12px}.annual-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#7a858d;margin:15px 0 0}.annual-pagination>div{display:flex;align-items:center;gap:13px}.annual-pagination button{min-height:30px;padding:4px 10px;font-size:11px}.annual-basis{font-size:11px;color:#7a858d;line-height:1.75;margin:14px 0 0}
dialog.customer-annual-detail{position:fixed;inset:0 0 0 auto;margin:0;width:min(1000px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;background:white;color:var(--text);overflow:hidden}.customer-annual-detail::backdrop{background:#233c315c}.customer-annual-detail[open]{display:flex;flex-direction:column}.customer-annual-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.customer-annual-detail>header h2{font-size:21px}.customer-annual-detail>header p{font-size:12px;color:#77858c;margin:6px 0 0}.customer-annual-detail>header button{border:0;font-size:23px;min-width:36px;padding:2px 8px}.annual-detail-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 24px}.annual-detail-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.annual-detail-unpaid{font-size:12px;color:#77858c;text-align:right;margin:12px 0}.annual-detail-unpaid b{margin-left:12px;color:#aa771d}.annual-detail-body .annual-panel{margin:16px 0}.annual-detail-body .annual-panel table{font-size:12px}.customer-annual-detail>footer{display:flex;justify-content:flex-end;flex-shrink:0;padding:14px 24px;border-top:1px solid var(--line)}.annual-detail-body[aria-busy=true]{opacity:.7;pointer-events:none}
@media(max-width:1400px){.annual-metric{padding:15px 10px;gap:7px}.annual-metric-icon{width:28px;height:28px}.annual-metric-icon .icon{width:17px;height:17px}.annual-charts{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr)}.annual-top li{grid-template-columns:78px minmax(0,1fr) auto}}
@media(max-width:1150px){.annual-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.annual-metric strong{font-size:22px}.annual-charts{grid-template-columns:1fr}.annual-ranking>header{align-items:flex-start;flex-wrap:wrap}.annual-period{flex-wrap:wrap;gap:5px}.annual-filters .customer-field{max-width:none}}
@media(max-width:700px){.customer-annual .section-title h1{font-size:22px}.annual-filters{padding:12px;gap:10px;align-items:flex-end}.annual-filters label{min-width:calc(50% - 5px);font-size:11px}.annual-filters .customer-field{min-width:100%;order:1}.annual-filters>button{order:2;flex:1}.annual-period{padding:11px 12px;font-size:10px}.annual-period span{line-height:1.9}.annual-period i{margin:0 7px}.annual-period small{font-size:10px}.annual-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.annual-metric{padding:12px 10px;gap:6px}.annual-metric-icon{display:none}.annual-metric strong{font-size:18px}.annual-metric-hint{font-size:10px}.annual-metric>div>span{font-size:11px}.annual-metric:last-child{grid-column:1/-1}.annual-charts{gap:12px;margin:12px 0}.annual-panel{padding:12px}.annual-panel>header{align-items:flex-start;gap:8px}.annual-panel h2{font-size:14px}.annual-legend{gap:8px;font-size:10px}.annual-legend span:before{width:12px;margin-right:4px}.annual-line-chart{height:170px}.annual-top{gap:13px}.annual-top li{grid-template-columns:84px minmax(0,1fr) auto}.annual-ranking .annual-sort{width:100%;flex-wrap:wrap}.annual-sort>span{font-size:10px;margin-right:7px}.annual-sort button{font-size:11px;padding:6px 8px;min-height:38px}.annual-ranking-note{font-size:10px;margin-top:2px}.annual-ranking-table table{min-width:0}.annual-ranking-table td{font-size:12px;padding:4px 0}.annual-ranking-table .annual-change{align-items:flex-end}.annual-pagination{flex-wrap:wrap;gap:10px}.annual-pagination>div{margin-left:auto;gap:9px}.annual-pagination button{min-height:36px}.annual-basis{font-size:10px}.customer-annual-detail>header{padding:17px}.customer-annual-detail>header h2{font-size:19px}.customer-annual-detail>header p{font-size:10px}.annual-detail-body{padding:14px}.annual-detail-totals{grid-template-columns:1fr;gap:8px}.annual-detail-totals .annual-metric{display:block;padding:10px 12px}.annual-detail-totals .annual-metric>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px}.annual-detail-totals .annual-metric-hint{grid-column:2;text-align:right}.customer-annual-detail>footer{padding:12px 17px}.annual-detail-body .annual-panel{padding:12px 0;border:0;border-top:1px solid var(--line);border-radius:0}.annual-detail-body .annual-sort button{font-size:10px;padding:5px 7px}.annual-detail-body .annual-panel header{flex-wrap:wrap}}
@media print{.customer-annual-detail{display:none!important}}
.annual-filters>button.primary{color:#fff}
.annual-period-ranges{display:flex;align-items:center;flex-wrap:wrap;row-gap:4px}.annual-period-ranges>span{white-space:nowrap}
@media(max-width:700px){.annual-period-ranges{display:grid;gap:0}.annual-period-ranges>i{display:none}.annual-line-chart text{font-size:22px}}