.chart-shell{height:285px;display:grid;grid-template-columns:58px minmax(0,1fr);direction:ltr;margin-top:8px}
.y-axis{height:238px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:0 9px 0 0;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.chart-plot{position:relative;height:266px;min-width:0;overflow:hidden}
.grid-lines{position:absolute;inset:0 0 28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.grid-lines i{display:block;border-top:1px dashed #dbe3ed;width:100%}
.chart{position:relative;height:266px;display:flex;align-items:stretch;gap:8px;border-bottom:0;padding:0}
.chart-group{flex:1;min-width:34px;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;z-index:1}
.chart-bars{height:238px;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.chart-bars i{display:block;width:38%;min-height:0;border-radius:6px 6px 0 0;transition:height .25s ease}
.chart-bars .expected,.key.expected{background:#9bb0dc}
.chart-bars .received,.key.received{background:var(--blue)}
.chart-group small{height:28px;padding-top:7px;color:var(--muted);font-size:11px}
.axis-title{margin-inline-start:15px;margin-top:-7px;color:var(--muted);font-size:12px}
.legend{display:flex;gap:18px;margin-top:5px;color:var(--muted)}
.key{display:inline-block;width:11px;height:11px;border-radius:3px;margin-inline-end:5px}
.modal-title{display:flex;align-items:center;gap:13px;margin:4px 0 22px;padding-inline-end:40px}
.modal-title h2{margin:0 0 4px;font-size:25px}.modal-title p{margin:0;color:var(--muted)}
.modal-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf1ff;color:var(--blue);font-size:20px;font-weight:bold}
.payment-form{display:grid;gap:16px}.form-section{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fbfcfe}.form-section h3{margin:0 0 14px;font-size:15px}
.payment-form label{display:flex;flex-direction:column;gap:7px;color:var(--text);font-weight:600}.payment-form input,.payment-form select,.payment-form textarea{width:100%}
.accounting-override{margin-top:14px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:14px;align-items:end}.optional{font-size:11px;color:var(--blue);background:#eaf1ff;border-radius:20px;padding:3px 7px;margin-inline-start:5px}
.form-help{border-radius:10px;background:#eef4ff;color:#385e9a;padding:11px 13px;line-height:1.5;font-size:12px;font-weight:normal}
.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.money-input span{padding:0 12px;color:var(--muted);font-weight:normal}.money-input input{border:0;border-inline-start:1px solid var(--line);border-radius:0}
.modal-save{margin-top:18px;margin-inline-end:8px}#modalBody>[data-cancel]{margin-top:18px}
label small{font-weight:normal;line-height:1.4}
.final-account-chart{margin-top:14px}.insurer-bar{display:grid;grid-template-columns:minmax(100px,160px) minmax(120px,1fr) minmax(100px,auto);gap:12px;align-items:center;margin:13px 0}.insurer-bar>div{height:14px;background:#edf1f6;border-radius:20px;overflow:hidden}.insurer-bar i{display:block;height:100%;background:var(--warn);border-radius:20px}.insurer-bar b{text-align:end}.final-account-cards{margin-top:14px}.final-account-cards strong{display:block;font-size:25px;margin:8px 0 3px}.final-account-cards small{color:var(--muted)}.payout-split{display:flex;height:10px;margin:16px 0 8px;border-radius:20px;overflow:hidden;background:#edf1f6}.payout-split i:first-child{background:var(--blue)}.payout-split i:last-child{background:#e7a83e}.split-legend{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}
@media(max-width:700px){.chart-shell{overflow-x:auto;grid-template-columns:48px minmax(550px,1fr)}.chart-group{min-width:40px}.accounting-override{grid-template-columns:1fr}.payment-form .g2{grid-template-columns:1fr}}