.topbar[data-v-aa53899d]{background:#fffefaf5;padding:0 30px;min-height:72px;display:flex;align-items:center;color:var(--text);gap:18px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand[data-v-aa53899d]{display:flex;align-items:center;gap:12px}.brand-mark[data-v-aa53899d]{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:700}.brand-copy[data-v-aa53899d]{display:flex;flex-direction:column;line-height:1.25;min-width:190px}.topbar h1[data-v-aa53899d]{font-size:16px;font-weight:700;letter-spacing:.01em}.brand-copy span[data-v-aa53899d]{color:var(--text2);font-size:11px}.topbar .count[data-v-aa53899d]{padding:7px 10px;border-radius:8px;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:650}.top-actions[data-v-aa53899d]{margin-left:auto;display:flex;gap:8px;align-items:center}.top-btn[data-v-aa53899d]{background:var(--card);color:var(--text2);border:1px solid var(--border);font-size:11px!important;box-shadow:none}.top-btn[data-v-aa53899d]:hover{background:var(--surface-soft);color:var(--primary);border-color:var(--primary)}.top-btn-active[data-v-aa53899d]{background:var(--primary-light);color:var(--primary);border-color:#c9ddd1}@media(max-width:760px){.topbar[data-v-aa53899d]{padding:12px 16px;align-items:flex-start;flex-wrap:wrap}.brand-copy span[data-v-aa53899d],.count[data-v-aa53899d]{display:none}.top-actions[data-v-aa53899d]{width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}}.stat-bar[data-v-15a477cd]{display:grid;grid-template-columns:.8fr 1.15fr 1.15fr 1.35fr 1.15fr;gap:14px;margin-bottom:22px}.stat-item[data-v-15a477cd]{background:var(--card);border-radius:13px;padding:21px;border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;box-shadow:none;transition:border-color .2s,transform .2s}.stat-item[data-v-15a477cd]:hover{border-color:#b9ab98;transform:translateY(-1px)}.stat-item .num[data-v-15a477cd]{font-size:30px;font-weight:700;letter-spacing:-.02em}.stat-item .label[data-v-15a477cd]{font-size:12px;color:var(--text2);font-weight:500;letter-spacing:.01em}.stat-item.primary-stat[data-v-15a477cd]{color:#fff;background:var(--primary);border-color:var(--primary)}.stat-item.primary-stat .label[data-v-15a477cd]{color:#dbe6df}.stat-item.danger .num[data-v-15a477cd]{color:var(--danger)}.stat-item.warning .num[data-v-15a477cd]{color:var(--warning)}.stat-item.success .num[data-v-15a477cd]{color:var(--success)}.stat-item.reminder[data-v-15a477cd]{border-color:var(--wheat);background:var(--warning-light)}.stat-item.reminder .num[data-v-15a477cd]{color:#86640f}@media(max-width:900px){.stat-bar[data-v-15a477cd]{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.stat-bar[data-v-15a477cd]{grid-template-columns:1fr}}.alert-banner[data-v-977301de]{margin-bottom:18px;padding:15px 18px;border-radius:10px;display:flex;align-items:center;gap:14px;font-size:14px;font-weight:500;box-shadow:none;border-left-width:4px!important}.alert-banner.danger[data-v-977301de]{background:var(--danger-light);border:1px solid #e8c7be;border-left-color:var(--danger);color:#8e4338}.alert-banner.warning[data-v-977301de]{background:var(--warning-light);border:1px solid #ead7a3;border-left-color:var(--wheat);color:#6c5315}.alert-icon[data-v-977301de]{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:currentColor;color:#fff;font-size:14px;font-weight:700}.table-wrap[data-v-1773bbfb]{overflow-x:auto;overscroll-behavior-inline:contain}table[data-v-1773bbfb]{min-width:1480px}th[data-v-1773bbfb],td[data-v-1773bbfb]{vertical-align:middle;white-space:nowrap}th[data-v-1773bbfb]:nth-child(1),td[data-v-1773bbfb]:nth-child(1){min-width:88px}th[data-v-1773bbfb]:nth-child(2),td[data-v-1773bbfb]:nth-child(2){min-width:112px}th[data-v-1773bbfb]:nth-child(3),td[data-v-1773bbfb]:nth-child(3){min-width:116px}th[data-v-1773bbfb]:nth-child(4),td[data-v-1773bbfb]:nth-child(4){min-width:88px}th[data-v-1773bbfb]:nth-child(5),td[data-v-1773bbfb]:nth-child(5){min-width:104px}th[data-v-1773bbfb]:nth-child(6),td[data-v-1773bbfb]:nth-child(6){min-width:120px}th[data-v-1773bbfb]:nth-child(7),td[data-v-1773bbfb]:nth-child(7){min-width:104px}th[data-v-1773bbfb]:nth-child(8),td[data-v-1773bbfb]:nth-child(8){min-width:88px}th[data-v-1773bbfb]:nth-child(12),td[data-v-1773bbfb]:nth-child(12){min-width:112px}th[data-v-1773bbfb]:nth-child(15),td[data-v-1773bbfb]:nth-child(15){min-width:72px}th[data-v-1773bbfb]:nth-child(16),td[data-v-1773bbfb]:nth-child(16){min-width:242px}.col-opt[data-v-1773bbfb]{display:table-cell}@media(max-width:1100px){.col-opt[data-v-1773bbfb]{display:none}}.row-overdue td[data-v-1773bbfb]{background:#fbf1ed!important}.row-overdue td[data-v-1773bbfb]:first-child{border-left:3px solid var(--danger)}.row-upcoming td[data-v-1773bbfb]{background:#fffaf0!important}.row-upcoming td[data-v-1773bbfb]:first-child{border-left:3px solid #f59e0b}tr.row-overdue:hover td[data-v-1773bbfb]{background:#f8e9e4!important}tr.row-upcoming:hover td[data-v-1773bbfb]{background:#fbf3df!important}.cell-overdue[data-v-1773bbfb]{color:var(--danger)}.modal-overlay[data-v-26aca73d]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#27322f7a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100;justify-content:center;align-items:center}.modal-overlay.show[data-v-26aca73d]{display:flex}.modal[data-v-26aca73d]{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px;width:90%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn-26aca73d .25s cubic-bezier(.4,0,.2,1)}@keyframes modalIn-26aca73d{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3[data-v-26aca73d]{font-size:18px;font-weight:700;margin-bottom:22px;letter-spacing:.01em}.modal .field[data-v-26aca73d]{margin-bottom:16px}.modal .field label[data-v-26aca73d]{display:block;font-size:12px;color:var(--text2);margin-bottom:5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.modal .field input[data-v-26aca73d],.modal .field select[data-v-26aca73d]{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:9px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:var(--surface-soft)}.modal .field input[data-v-26aca73d]:focus,.modal .field select[data-v-26aca73d]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #254b3c14;background:var(--card)}.modal .row2[data-v-26aca73d]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-actions[data-v-26aca73d]{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.modal-overlay[data-v-5a56f676]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#27322f7a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100;justify-content:center;align-items:center}.modal-overlay.show[data-v-5a56f676]{display:flex}.modal[data-v-5a56f676]{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn-5a56f676 .25s cubic-bezier(.4,0,.2,1)}@keyframes modalIn-5a56f676{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3[data-v-5a56f676]{font-size:18px;font-weight:700;margin-bottom:22px;letter-spacing:.01em}.modal-actions[data-v-5a56f676]{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #f3f1ed}.period-grid[data-v-5a56f676]{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.period-chip[data-v-5a56f676]{padding:14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:var(--shadow-xs)}.period-chip[data-v-5a56f676]:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.period-chip.paid[data-v-5a56f676]{background:var(--primary-light);border-color:#c9ddd1}.period-chip.overdue[data-v-5a56f676]{background:var(--danger-light);border-color:#e8c7be}.period-chip .pnum[data-v-5a56f676]{font-size:12px;color:var(--text2);font-weight:500}.period-chip .pdate[data-v-5a56f676]{font-size:11px;color:var(--text3);margin-top:1px}.period-chip .pamount[data-v-5a56f676]{font-size:18px;font-weight:700;margin-top:4px;letter-spacing:-.01em}.period-chip.paid .pamount[data-v-5a56f676]{color:var(--primary)}.period-chip.overdue .pamount[data-v-5a56f676]{color:var(--danger)}:root{--bg: #f6f1e7;--card: #fffefa;--surface-soft:#fbf8f1;--primary: #254b3c;--primary-light: #e7eee9;--warning: #86640f;--warning-light: #f8efcf;--wheat:#e6bd55;--success: #254b3c;--danger: #b85e4b;--danger-light:#f7e7e1;--text: #27322f;--text2: #6e7773;--text3: #8d9892;--border: #dcd2c3;--radius: 16px;--shadow-xs: none;--shadow-sm: none;--shadow-md: 0 10px 30px rgba(39,50,47,.07);--shadow-lg: 0 24px 60px rgba(39,50,47,.14)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{max-width:1280px;margin:0 auto;padding:34px 30px 48px}.footer{text-align:center;padding:0 20px 36px;font-size:12px;color:var(--text3);letter-spacing:.02em}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.01em}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:none}.btn-primary:hover{background:#1f4033}.btn-outline{background:var(--card);color:var(--primary);border:1px solid #b9ab98;box-shadow:none}.btn-outline:hover{background:var(--primary-light);border-color:var(--primary)}.btn-sm{padding:4px 10px;font-size:11px;border-radius:6px}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;box-shadow:none}.card-hd{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border)}.card-hd h2{font-size:15px;font-weight:700;letter-spacing:.01em}.table-wrap{overflow-x:auto;padding:0 0 10px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th{text-align:left;padding:12px 14px;background:var(--surface-soft);font-weight:650;font-size:11px;color:var(--text2);letter-spacing:.03em;white-space:nowrap;border-bottom:1px solid var(--border);position:sticky;top:0}td{padding:15px 14px;border-bottom:1px solid #ebe4d8;color:#4f5a55}tr:last-child td{border-bottom:none}tr:hover td{background:#faf9f7}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.01em}.tag-green{background:var(--primary-light);color:var(--primary)}.tag-red{background:var(--danger-light);color:var(--danger)}.tag-orange{background:var(--warning-light);color:var(--warning)}.tag-gray{background:#f3f4f6;color:#6b7280}.progress-bar{height:6px;background:#f0ede8;border-radius:4px;min-width:64px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000a}.progress-fill{height:100%;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill.green{background:var(--primary)}.progress-fill.orange{background:var(--wheat)}.progress-fill.red{background:var(--danger)}@media(max-width:760px){.layout{padding:20px 14px 36px}}