.payable-page[data-v-c3bd8ef4]{display:flex;flex-direction:column;gap:16px}.page-hero[data-v-c3bd8ef4]{border:none;background:linear-gradient(135deg,#f8fbff,#eef4ff 45%,#f8faff)}.page-hero__header[data-v-c3bd8ef4]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page-hero__header[data-v-c3bd8ef4] .ant-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.page-hero__header[data-v-c3bd8ef4] .ant-btn-icon,.page-hero__header[data-v-c3bd8ef4] .ant-btn .anticon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.page-hero__content[data-v-c3bd8ef4]{display:flex;align-items:center;gap:16px;min-width:0}.page-hero__dimension[data-v-c3bd8ef4]{flex-shrink:0}.page-title[data-v-c3bd8ef4]{margin:0 0 4px;font-size:20px;font-weight:700;color:#0f172a}.page-desc[data-v-c3bd8ef4]{margin:0;color:#64748b;font-size:13px}.stats-grid[data-v-c3bd8ef4]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.stat-card[data-v-c3bd8ef4]{position:relative;overflow:hidden;transition:all .3s;border-radius:12px;border:1px solid #e5e7eb}.stat-card[data-v-c3bd8ef4]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.9),transparent 34%),linear-gradient(135deg,#fffffff2,#ffffffb8);pointer-events:none}.stat-card[data-v-c3bd8ef4]:after{content:"";position:absolute;inset:auto -20% -38% auto;width:140px;height:140px;border-radius:50%;opacity:.16;pointer-events:none}.stat-card[data-v-c3bd8ef4]:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f}.stat-card[data-v-c3bd8ef4] .ant-card-body{position:relative;z-index:1;padding:16px 18px}.stat-card-label[data-v-c3bd8ef4]{position:relative;z-index:1;margin-bottom:6px;font-size:12px;font-weight:600;color:#475569}.stat-card-value[data-v-c3bd8ef4]{position:relative;z-index:1;min-height:32px;line-height:1.2;letter-spacing:-.02em}.stat-card-value-danger[data-v-c3bd8ef4]{color:#cf1322}.stat-card-value[data-v-c3bd8ef4] .animated-number{line-height:1.2}.stat-card-meta[data-v-c3bd8ef4]{position:relative;z-index:1;display:flex;align-items:center;gap:6px;min-height:22px;margin-top:4px;font-size:14px;color:#64748b}.stat-card-icon[data-v-c3bd8ef4]{position:absolute;right:14px;top:14px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;box-shadow:inset 0 1px #ffffffb3,0 8px 18px #0f172a14}.stat-card-currency-icon[data-v-c3bd8ef4]{font-size:18px;font-weight:700}.stat-card-tip[data-v-c3bd8ef4]{position:relative;z-index:1;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.5);font-weight:500;color:#475569}.stat-card-blue[data-v-c3bd8ef4]{background:linear-gradient(135deg,#eef6ff,#dbeafe);border-color:#bfdbfe}.stat-card-blue[data-v-c3bd8ef4]:after{background:radial-gradient(circle,#60a5fa,#60a5fa00 68%)}.stat-card-blue .stat-card-icon[data-v-c3bd8ef4]{background:linear-gradient(135deg,#fff,#dbeafe);color:#1677ff}.stat-card-green[data-v-c3bd8ef4]{background:linear-gradient(135deg,#f2fff5,#dcfce7);border-color:#bbf7d0}.stat-card-green[data-v-c3bd8ef4]:after{background:radial-gradient(circle,#4ade80,#4ade8000 68%)}.stat-card-green .stat-card-icon[data-v-c3bd8ef4]{background:linear-gradient(135deg,#fff,#dcfce7);color:#22c55e}.stat-card-orange[data-v-c3bd8ef4]{background:linear-gradient(135deg,#fff8ee,#ffedd5);border-color:#fed7aa}.stat-card-orange[data-v-c3bd8ef4]:after{background:radial-gradient(circle,#fb923c,#fb923c00 68%)}.stat-card-orange .stat-card-icon[data-v-c3bd8ef4]{background:linear-gradient(135deg,#fff,#ffedd5);color:#f97316}.stat-card-red[data-v-c3bd8ef4]{background:linear-gradient(135deg,#fff4f4,#ffe4e6);border-color:#fecdd3}.stat-card-red[data-v-c3bd8ef4]:after{background:radial-gradient(circle,#fb7185,#fb718500 68%)}.stat-card-red .stat-card-icon[data-v-c3bd8ef4]{background:linear-gradient(135deg,#fff,#ffe4e6);color:#f43f5e}.stat-card-purple[data-v-c3bd8ef4]{background:linear-gradient(135deg,#f6f1ff,#ede9fe);border-color:#ddd6fe}.stat-card-purple[data-v-c3bd8ef4]:after{background:radial-gradient(circle,#8b5cf6,#8b5cf600 68%)}.stat-card-purple .stat-card-icon[data-v-c3bd8ef4]{background:linear-gradient(135deg,#fff,#ede9fe);color:#8b5cf6}.overdue-alert[data-v-c3bd8ef4]{margin-bottom:0}.query-bar[data-v-c3bd8ef4]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.query-form[data-v-c3bd8ef4]{flex:1}.query-actions[data-v-c3bd8ef4]{flex-shrink:0}.export-field-group[data-v-c3bd8ef4]{width:100%}.export-field-grid[data-v-c3bd8ef4]{display:flex;flex-wrap:wrap;gap:12px}.export-field-item[data-v-c3bd8ef4]{display:flex;align-items:center;flex:0 1 calc(33.333% - 8px);min-height:36px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff}.table-footer[data-v-c3bd8ef4]{display:flex;justify-content:flex-end;margin-top:12px}.main-card[data-v-c3bd8ef4] .ant-card-body{display:flex;flex-direction:column;padding-top:16px}.main-card[data-v-c3bd8ef4] .ant-tabs-nav{margin-bottom:12px}.main-card[data-v-c3bd8ef4] .ant-table-body{scrollbar-gutter:stable}.finance-detail-drawer[data-v-c3bd8ef4] .ant-drawer-content-wrapper{padding:16px 16px 16px 0}.finance-detail-drawer[data-v-c3bd8ef4] .ant-drawer-content{overflow:hidden;border-radius:18px 0 0 18px;box-shadow:0 18px 48px #0f172a2e}.finance-detail-drawer[data-v-c3bd8ef4] .ant-drawer-header{padding:18px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fbff,#eef5ff)}.finance-detail-drawer[data-v-c3bd8ef4] .ant-drawer-title{font-size:16px;font-weight:700;color:#0f172a}.finance-detail-drawer[data-v-c3bd8ef4] .ant-drawer-body{padding:24px;background:#fff}.finance-detail-drawer[data-v-c3bd8ef4] .ant-drawer-footer{padding:16px 24px;border-top:1px solid #f1f5f9;background:#fff}.todo-list[data-v-c3bd8ef4]{display:flex;flex-direction:column;gap:10px}.todo-item[data-v-c3bd8ef4]{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:10px;background:#f8fafc;transition:background .2s ease}.todo-item[data-v-c3bd8ef4]:hover{background:#f1f5f9}.table-striped[data-v-c3bd8ef4]{background-color:#fafafa}.table-normal[data-v-c3bd8ef4]{background-color:#fff}@media(max-width:1536px){.stats-grid[data-v-c3bd8ef4]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){.stats-grid[data-v-c3bd8ef4]{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero__header[data-v-c3bd8ef4]{align-items:flex-start}.page-hero__content[data-v-c3bd8ef4]{flex-direction:column;align-items:flex-start;gap:10px}.query-bar[data-v-c3bd8ef4]{flex-direction:column;align-items:stretch}.query-actions[data-v-c3bd8ef4]{display:flex;justify-content:flex-end}}@media(max-width:768px){.page-hero__header[data-v-c3bd8ef4],.page-hero__content[data-v-c3bd8ef4]{flex-direction:column;align-items:flex-start}.stats-grid[data-v-c3bd8ef4]{grid-template-columns:1fr}.stat-card-icon[data-v-c3bd8ef4]{right:14px;top:14px;width:36px;height:36px;font-size:18px}.stat-card-currency-icon[data-v-c3bd8ef4]{font-size:18px}.stat-card[data-v-c3bd8ef4] .ant-card-body{padding:14px}.stat-card-value[data-v-c3bd8ef4] .animated-number{font-size:20px!important}.export-field-grid[data-v-c3bd8ef4]{gap:10px}.export-field-item[data-v-c3bd8ef4]{flex-basis:100%}}