#financePage{max-width:1500px;margin:auto} .finance-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 24px}.finance-header h1{margin:6px 0;font-size:30px}.finance-eyebrow{font-size:12px;letter-spacing:.15em;color:#007e85;font-weight:700}.finance-period,.finance-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.finance-period label,.finance-toolbar label,.finance-dialog label,#financeContent form>label{display:grid;gap:6px;font-size:14px}.finance-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0 24px}.finance-stat{border:1px solid #cddfe0;background:#f0f8f7;border-radius:14px;padding:18px;display:grid;gap:10px;color:#163d41}.finance-stat>span{font-size:13px}.finance-stat strong{font-size:21px;overflow-wrap:anywhere}.finance-negative{color:#b32939!important;font-weight:700}.finance-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.finance-tabs button{background:#eaf1f2;color:#24434a;border-color:transparent}.finance-tabs button.active{background:#007e85;color:white}.finance-toolbar{margin:18px 0}.finance-table-wrap{overflow:auto;max-width:100%;border:1px solid #d5e1e2;border-radius:12px;margin:16px 0}.finance-table{width:100%;border-collapse:collapse;font-size:14px}.finance-table th{background:#edf4f4;color:#25474d;font-weight:600;white-space:nowrap}.finance-table td,.finance-table th{padding:13px 16px;text-align:right;border-bottom:1px solid #e0e8e8;white-space:nowrap}.finance-table td:first-child,.finance-table th:first-child{text-align:left;min-width:190px}.finance-table td:first-child>*{display:block;line-height:1.6}.finance-table small{color:#536b70;font-size:11px}.finance-table td:first-child>span{color:#536b70;font-size:12px}.finance-table input{min-width:150px;width:170px}.finance-table tr:last-child td{border-bottom:0}.finance-empty{padding:35px;background:#f0f6f6;border-radius:12px;color:#395b60}.finance-event,.finance-purchase{padding:16px;border:1px solid #dae5e5;border-radius:12px;margin:10px 0;overflow-wrap:anywhere}.finance-purchase{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.finance-event p{margin:6px 0}.finance-event small{color:#61777a}.finance-dialog{width:min(760px,94vw);max-height:88vh;border:1px solid #d0dddd;border-radius:16px;padding:24px}.finance-dialog::backdrop{background:#102e3a80}.finance-dialog form{display:grid;gap:12px}.finance-dialog .finance-table-wrap{max-height:45vh}.finance-notice{padding:14px;background:#fff1d6;color:#704709;border-radius:8px;line-height:1.7}#financeContent form>button{margin-top:14px}#financeResult{min-height:24px} .shopping-finance{margin:14px 0;padding:16px;border:1px solid #c5dddd;border-radius:10px;background:#f1f8f8;color:#25474d}.shopping-finance label{display:grid;gap:8px}.shopping-finance button{margin:10px 8px 0 0}
@media(max-width:900px){.finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-header{align-items:start;flex-direction:column}.finance-stat:last-child{grid-column:1/-1}}
@media(max-width:480px){.finance-stat{padding:12px}.finance-stat strong{font-size:18px}.finance-period{gap:8px}.finance-toolbar>label{width:100%}.finance-dialog{padding:16px}.finance-tabs button{flex:1 1 40%}.finance-table td,.finance-table th{padding:10px}.finance-header h1{font-size:26px}}