.reimbursement-monthly{background:var(--color-bg-card,#fff);color:var(--color-text-primary,#17233d);border:1px solid var(--color-border,#dfe7f3);border-radius:10px;overflow:hidden}
.monthly-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--color-border,#dfe7f3)}
.monthly-heading b{display:block;font-size:16px}.monthly-heading span{display:block;font-size:12px;color:var(--color-text-secondary,#66788e);margin-top:4px}
.monthly-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.monthly-controls button,.monthly-message button{margin:0;width:auto;padding:0 12px;height:34px;line-height:32px;font-size:13px;border:1px solid var(--color-border,#d8e1ee);border-radius:6px;background:var(--color-bg-card,#fff);color:var(--color-text-primary,#24324a)}
.monthly-controls button::after,.monthly-message button::after{border:0}.monthly-controls input,.monthly-picker{box-sizing:border-box;width:155px;min-height:34px;padding:0 10px;border:1px solid var(--color-border,#d8e1ee);border-radius:6px;background:var(--color-bg-card,#fff);color:var(--color-text-primary,#24324a);font:inherit;font-size:14px}.monthly-picker{line-height:32px}
.monthly-controls button:hover{border-color:var(--color-primary,#2462a7);color:var(--color-primary,#2462a7)}.monthly-controls button:focus-visible,.monthly-controls input:focus-visible{outline:2px solid var(--color-primary,#2462a7);outline-offset:2px}
.monthly-results{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:24px;padding:22px 20px;min-height:90px;box-sizing:border-box}.monthly-results span,.monthly-paid small{display:block;font-size:13px;color:var(--color-text-secondary,#66788e)}
.monthly-results b{display:block;font-size:22px;margin-top:8px;font-variant-numeric:tabular-nums}.monthly-total b{font-size:30px;color:var(--color-primary,#195d98)}.monthly-count small{font-size:13px;font-weight:400}.monthly-paid small{margin-top:5px;font-size:12px}.monthly-message{grid-column:1/-1;align-self:center}.monthly-error{display:flex;align-items:center;gap:12px}
.monthly-note{padding:12px 20px;border-top:1px solid var(--color-border,#dfe7f3);font-size:12px;line-height:1.7;color:var(--color-text-secondary,#66788e);background:var(--color-bg-subtle,#f4f7fb)}
@media(max-width:800px){.monthly-heading{align-items:flex-start;flex-direction:column}.monthly-results{grid-template-columns:1fr 1fr;gap:18px}.monthly-total{grid-column:1/-1}.monthly-heading,.monthly-results{padding:16px}.monthly-controls{width:100%}.monthly-note{padding:12px 16px}}