:root{--bg: #f8fafc;--surface: #ffffff;--ink: #0f172a;--ink-soft: #475569;--ink-faint: #64748b;--line: #e2e8f0;--brand: #2563eb;--sidebar: #1e293b;--sidebar-2: #0f172a;--font-num: "DIN Alternate", "Avenir Next Condensed", "Arial Narrow", -apple-system, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.list-page{min-height:calc(100vh - 56px);padding:20px}.list-page .toolbar-card{margin-bottom:14px}.toolbar-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hint{color:var(--ink-faint);font-size:12px}.header-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filters-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.list-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.stats-row{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;color:var(--ink-faint);letter-spacing:.04em}.stat-value{font-family:var(--font-num);font-size:22px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ink)}.stat-value.todo{color:var(--ink-soft)}.stat-value.submitted{color:#d97706}.stat-value.done{color:#16a34a}.stat-value.amount{color:var(--brand)}.stat-amount{font-family:var(--font-num);font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.stat-amount.todo{color:var(--ink-soft)}.stat-amount.submitted{color:#d97706}.stat-amount.done{color:#16a34a}.stat-amount.amount{color:var(--brand)}.stat-divider{width:1px;height:30px;background:var(--line)}.num,.amount-cell{font-variant-numeric:tabular-nums}.pager{display:flex;justify-content:flex-end;margin-top:14px}.table-actions{display:flex;gap:6px;align-items:center}
