.saas-fee-analytics{gap:var(--saas-space-md);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.saas-fee-analytics__main{align-content:start;gap:var(--saas-space-md);display:grid}.saas-fee-analytics__card{gap:var(--saas-space-md);padding:var(--saas-space-card);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);display:grid}.saas-fee-analytics__card-head{justify-content:space-between;align-items:center;gap:var(--saas-space-sm);flex-wrap:wrap;display:flex}.saas-fee-analytics__card-title{font-size:var(--saas-font-heading);margin:0}.saas-fee-analytics__muted{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);margin:0}.saas-fee-analytics__pick select{min-block-size:32px;padding:0 var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-sm);background:var(--saas-bg-surface);color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm)}.saas-fee-range{padding:var(--saas-space-2xs);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);display:inline-flex}.saas-fee-range button{min-block-size:30px;padding:0 var(--saas-space-md);border-radius:var(--saas-radius-full);color:var(--saas-text-secondary);font:inherit;font-size:var(--saas-font-body-sm);cursor:pointer;background:0 0;border:0;font-weight:700}.saas-fee-range button[aria-pressed=true]{background:var(--saas-bg-sunken);color:var(--saas-text-primary)}.saas-fee-trend{gap:var(--saas-space-md);display:grid}.saas-fee-trend__head{justify-content:space-between;align-items:flex-start;gap:var(--saas-space-sm);flex-wrap:wrap;display:flex}.saas-fee-trend__muted{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm)}.saas-fee-trend__total{align-items:baseline;gap:var(--saas-space-xs);color:var(--saas-text-secondary);font-size:var(--saas-font-caption);margin:2px 0 0;display:flex}.saas-fee-trend__total strong{color:var(--saas-text-primary);font-size:var(--saas-font-stat);font-variant-numeric:tabular-nums}.saas-fee-trend__legend{gap:var(--saas-space-md);margin:0;color:var(--saas-text-secondary);font-size:var(--saas-font-caption);margin-inline-start:auto;padding:0;list-style:none;display:flex}.saas-fee-trend__legend li{align-items:center;gap:var(--saas-space-xs);display:inline-flex}.saas-fee-trend__key{border-block-start:2px solid var(--saas-brand-primary);block-size:0;inline-size:16px}.saas-fee-trend__key[data-series=due]{border-block-start:2px dashed var(--saas-chart-neutral)}.saas-fee-trend__plot{column-gap:var(--saas-space-sm);grid-template-columns:auto minmax(0,1fr);display:grid}.saas-fee-trend__axis{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);font-variant-numeric:tabular-nums;text-align:end;flex-direction:column;justify-content:space-between;display:flex}.saas-fee-trend__canvas{position:relative}.saas-fee-trend__svg{block-size:auto;inline-size:100%;display:block;overflow:visible}.saas-fee-trend__grid{stroke:var(--saas-chart-grid);stroke-width:1px;vector-effect:non-scaling-stroke}.saas-fee-trend__area{fill:var(--saas-brand-subtle);opacity:.7}.saas-fee-trend__due{fill:none;stroke:var(--saas-chart-neutral);stroke-dasharray:6 5;stroke-width:2px;vector-effect:non-scaling-stroke}.saas-fee-trend__collected{fill:none;stroke:var(--saas-brand-primary);stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.saas-fee-trend__dot{fill:var(--saas-bg-surface);stroke:var(--saas-brand-primary);stroke-width:2px}.saas-fee-trend__cross{stroke:var(--saas-border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.saas-fee-trend__hits{display:flex;position:absolute;inset:0}.saas-fee-trend__hit{flex:1}.saas-fee-trend__tip{z-index:2;padding:var(--saas-space-sm) var(--saas-space-md);border-radius:var(--saas-radius-sm);background:var(--saas-inverse-surface);box-shadow:var(--saas-elevation-popover);color:var(--saas-inverse-text);font-size:var(--saas-font-caption);white-space:nowrap;pointer-events:none;gap:2px;display:grid;position:absolute;inset-block-start:0;transform:translate(-50%)}[dir=rtl] .saas-fee-trend__tip{transform:translate(50%)}.saas-fee-trend__months{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);grid-column:2;justify-content:space-between;margin-block-start:var(--saas-space-xs);display:flex}.saas-fee-steps{gap:var(--saas-space-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.saas-fee-steps__item{justify-items:start;gap:var(--saas-space-xs);padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);display:grid}.saas-fee-steps__item[data-current=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-subtle)}.saas-fee-steps__mark{border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);block-size:26px;inline-size:26px;color:var(--saas-brand-on-primary);font-size:var(--saas-font-caption);place-items:center;font-weight:700;display:grid}.saas-fee-steps__mark[data-done=true]{background:var(--saas-status-success)}.saas-fee-steps__pill{padding:2px var(--saas-space-sm);border-radius:var(--saas-radius-full);background:var(--saas-status-success-subtle);color:var(--saas-status-success);font-size:var(--saas-font-caption);font-weight:700}.saas-fee-steps__pill[data-tone=warning]{background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-fee-steps__pill[data-tone=danger]{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-fee-steps__pill[data-tone=neutral]{background:var(--saas-status-neutral-subtle);color:var(--saas-status-neutral)}.saas-fee-analytics__kpis{align-content:start;gap:var(--saas-space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.saas-fee-kpi{--saas-fee-kpi-tone:var(--saas-status-success);min-block-size:132px;padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-inline-start:3px solid var(--saas-fee-kpi-tone);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);align-content:start;gap:2px;display:grid}.saas-fee-kpi[data-tone=info]{--saas-fee-kpi-tone:var(--saas-status-info)}.saas-fee-kpi[data-tone=warning]{--saas-fee-kpi-tone:var(--saas-status-warning)}.saas-fee-kpi[data-tone=danger]{--saas-fee-kpi-tone:var(--saas-status-danger)}.saas-fee-kpi[data-tone=accent]{--saas-fee-kpi-tone:var(--saas-accent)}.saas-fee-kpi[data-tone=brand]{--saas-fee-kpi-tone:var(--saas-brand-primary)}.saas-fee-kpi__label{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.saas-fee-kpi__value{font-size:var(--saas-font-title);font-variant-numeric:tabular-nums}.saas-fee-kpi__note{align-items:center;gap:var(--saas-space-2xs);color:var(--saas-text-secondary);font-size:var(--saas-font-caption);font-weight:600;display:inline-flex}.saas-fee-kpi__spark{align-self:end;block-size:32px;inline-size:100%;margin-block-start:auto}.saas-fee-kpi__spark polyline{fill:none;stroke:var(--saas-fee-kpi-tone);stroke-width:2px}.saas-fee-range button:focus-visible,.saas-fee-analytics__pick select:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}@media (width<=1023px){.saas-fee-analytics{grid-template-columns:minmax(0,1fr)}}@media (width<=599px){.saas-fee-trend__legend{margin-inline-start:0}}