.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--sp-12);gap:var(--sp-12);margin-bottom:var(--sp-16)}.kpi{background:var(--white);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--sp-14)}.kpi .label{font-size:var(--fs-label);color:var(--muted);font-weight:600}.kpi .value{font-size:var(--fs-metric);font-weight:700;margin:var(--sp-6) 0 var(--sp-4)}.delta{font-size:var(--fs-meta);font-weight:600}.delta.up{color:var(--success-fg)}.delta.down{color:var(--danger-fg)}.delta.none{color:var(--muted);font-weight:400}.bar{height:6px;background:var(--surface);overflow:hidden;margin-top:var(--sp-6)}.bar,.bar span{border-radius:999px}.bar span{display:block;height:100%}.card-title{font-size:var(--fs-h2);font-weight:700;margin:0 0 var(--sp-12)}.chart{display:flex;align-items:flex-end;gap:var(--sp-10);height:200px;padding-bottom:var(--sp-16)}.chart .col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.chart .bars{flex:1 1;display:flex;align-items:flex-end;gap:3px;width:100%;justify-content:center}.chart .bars span{width:42%;max-width:26px;border-radius:4px 4px 0 0;min-height:2px}.chart .due{background:#E9D5E4}.chart .col-collected{background:var(--primary)}.chart .month{margin-top:var(--sp-6)}.chart .month,.legend{font-size:var(--fs-meta);color:var(--muted)}.legend{display:flex;gap:var(--sp-16)}.legend .sw{display:inline-block;width:10px;height:10px;border-radius:2px;-webkit-margin-end:var(--sp-6);margin-inline-end:var(--sp-6)}.legend .sw.due{background:#E9D5E4}.legend .sw.collected{background:var(--primary)}.two-col>*{min-width:0}.two-col{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:var(--sp-16);gap:var(--sp-16);margin-top:var(--sp-16);align-items:start}@media (max-width:900px){.two-col{grid-template-columns:1fr}}.activity{list-style:none;margin:0;padding:0}.activity li{display:grid;grid-template-columns:28px 1fr auto;grid-gap:var(--sp-12);gap:var(--sp-12);font-size:var(--fs-sm);line-height:var(--lh-prose);padding-block:var(--sp-6)}.activity li:not(:last-child) .activity-mark:after{content:"";position:absolute;inset-inline-start:50%;top:28px;bottom:calc(-1 * var(--sp-12) - var(--sp-6) * 2);width:1px;background:var(--border-light);transform:translateX(-50%)}.activity-mark{position:relative;width:28px;height:28px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:700;background:var(--mark-bg);color:var(--mark-fg)}.activity-mark.success{--mark-bg:var(--success-bg);--mark-fg:var(--badge-success-text)}.activity-mark.sent{--mark-bg:var(--primary-tint);--mark-fg:var(--primary)}.activity-mark.document{--mark-bg:var(--info-bg-2);--mark-fg:var(--info-fg-2)}.activity-mark.warning{--mark-bg:var(--warning-bg);--mark-fg:var(--warning-fg)}.activity-mark.danger{--mark-bg:var(--danger-bg);--mark-fg:var(--danger-deep)}.activity-mark.reversal{--mark-bg:var(--info-bg);--mark-fg:var(--info-fg)}.activity-mark.neutral{--mark-bg:var(--neutral-bg);--mark-fg:var(--badge-neutral-text)}.activity time{white-space:nowrap;font-size:var(--fs-meta)}@media (forced-colors:active){.activity-mark{border:1px solid CanvasText}}.audit-event{display:flex;align-items:center;gap:var(--sp-8)}.audit-event .activity-mark{width:24px;height:24px;font-size:12px}.audit-event .activity-mark:after{content:none}.delta{display:inline-flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.delta-ctx{color:var(--muted);font-weight:400}.kpi .value .unit{font-size:var(--fs-body);font-weight:500;color:var(--muted);-webkit-margin-start:var(--sp-4);margin-inline-start:var(--sp-4)}.kpi .value .unit:empty{-webkit-margin-start:0;margin-inline-start:0}.stamp{font-size:11px;color:var(--muted);margin:var(--sp-2) 0 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);margin-bottom:var(--sp-12)}.card-head .card-title{margin:0}.alert-bar{display:flex;align-items:center;gap:var(--sp-12)}.alert-bar-icon{flex-shrink:0;color:var(--warning-icon)}.alert-bar-text{flex:1 1;min-width:0}.alert-bar-close{position:relative;width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:var(--r-field);color:var(--warning-deep);cursor:pointer}.alert-bar-close:after{content:"";position:absolute;inset:-8px;border-radius:inherit}.alert-bar-close:hover{background:var(--warning-border)}@media (max-width:520px){.alert-bar{flex-wrap:wrap}.alert-bar-text{flex-basis:100%;order:3}}