.period-form{display:grid;gap:12px}.period-fields{display:flex;align-items:end;gap:10px}.period-fields label{display:grid;gap:5px;font-weight:700;flex:1}.period-fields input{font:inherit;padding:12px;border:1px solid #d7cec8;border-radius:10px}.period-separator{padding-bottom:12px}.csv-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0}.csv-summary .button{margin-left:auto}.table-wrap{overflow-x:auto;background:#fff;border-radius:12px}.expense-table{width:100%;border-collapse:collapse;font-size:14px}.expense-table th,.expense-table td{padding:10px 8px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.expense-table th{background:#f7eee9}.expense-table .number{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:430px){.period-fields{gap:5px}.period-fields input{padding:10px}.csv-summary .button{margin-left:0;width:100%}}