:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{background:#f5f7fb}.app-shell{background:#f0f2f5;height:100vh;overflow:hidden}.app-sider{background:#001529!important}.sider-inner{background:#001529;flex-direction:column;height:100vh;padding:18px 8px 16px;display:flex}.brand{align-items:center;height:44px;margin-bottom:22px;padding:0 10px;display:flex}.brand-avatar.ant-avatar{color:#fff;background:#1677ff;border-radius:7px;width:30px;height:30px;line-height:30px}.brand-title{color:#fff;font-size:15px;line-height:18px;display:block}.app-sider .ant-menu{flex:1;background:#001529!important;border-inline-end:0!important}.app-sider .ant-menu-item-group-title{height:28px;font-size:13px;line-height:16px;color:#8a9bad!important;padding:7px 16px 5px!important}.app-sider .ant-menu-item{color:#b7c3d0;border-radius:8px!important;height:40px!important;margin:0 0 4px!important;padding-left:16px!important;line-height:40px!important}.app-sider .ant-menu-item .anticon{font-size:14px}.app-sider .ant-menu-item-selected{color:#fff!important;background:#1677ff!important}.app-header{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;height:58px;padding:0 24px 0 22px;display:flex}.app-header .ant-breadcrumb{color:#6b7280;font-size:14px}.app-header .ant-breadcrumb li:last-child{color:#475569;font-weight:600}.header-user.ant-space{align-items:center;height:58px;display:inline-flex}.header-user.ant-space>.ant-space-item{align-items:center;display:inline-flex}.header-role.ant-typography{color:#1f2937;align-items:center;height:32px;margin:0;line-height:1;display:inline-flex}.user-avatar.ant-avatar{color:#1677ff;cursor:pointer;background:#e6f4ff;width:32px;height:32px;font-weight:600;line-height:32px}.app-content{background:#f0f2f5;height:calc(100vh - 58px);padding:22px;overflow:auto}.content-stack{flex-direction:column;gap:16px;min-height:100%;display:flex}.filter-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-fields{flex:1;min-width:0}.filter-fields .ant-input,.filter-fields .ant-select{width:128px}.filter-fields .ant-input:first-child{width:140px}.filter-actions{flex-shrink:0}.settlement-dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:0;display:grid}.metric-card.ant-card{height:124px;box-shadow:none;border:0;border-radius:8px}.metric-card .ant-card-body{justify-content:center;align-items:center;height:100%;padding:14px 12px;display:flex}.metric-card-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex}.metric-statistic.ant-statistic{text-align:center;width:100%}.metric-statistic .ant-statistic-title{color:#7b8794;margin-bottom:7px;font-size:14px;line-height:20px}.metric-statistic .ant-statistic-content{color:#111827;letter-spacing:0;white-space:nowrap;font-size:28px;font-weight:700;line-height:32px}.finance-todo-card .metric-card-content{gap:10px}.finance-todo-title.ant-typography{color:#7b8794;font-size:14px;line-height:20px}.finance-todo-items{width:100%}.finance-todo-items .ant-statistic{text-align:center;flex:1;min-width:0}.finance-todo-items .ant-statistic-title{color:#7b8794;margin-bottom:3px;font-size:13px;line-height:18px}.finance-todo-items .ant-statistic-content{color:#111827;font-size:22px;font-weight:700;line-height:26px}.table-scroll-card.ant-card{min-height:0;box-shadow:none;border:0;border-radius:8px;flex:1}.table-scroll-card>.ant-card-head{border-bottom:0;min-height:48px;padding:0 14px}.table-scroll-card>.ant-card-head .ant-card-head-title{color:#111827;padding:14px 0 8px;font-size:16px;font-weight:700}.table-scroll-card>.ant-card-body{flex-direction:column;flex:1;min-height:0;padding:8px 14px 16px;display:flex}.table-scroll-card .ant-table-wrapper,.table-scroll-card .ant-spin-nested-loading,.table-scroll-card .ant-spin-container,.table-scroll-card .ant-table,.table-scroll-card .ant-table-container{min-height:0}.table-scroll-card .ant-table-cell{vertical-align:middle}.table-scroll-card .ant-pagination{margin-bottom:0}.settlement-action-group.ant-space{vertical-align:middle}.settlement-no-cell{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:20px;display:block;overflow:hidden}.settlement-entity-cell{max-width:100%;line-height:20px;display:block}.login-page{background:#fff;min-height:100vh;display:block;overflow:hidden}.login-wrap{grid-template-columns:53.4884% 46.5116%;align-items:stretch;gap:0;width:100%;min-height:100vh;display:grid}.login-copy{background:#1677ff;min-width:0;min-height:100vh;padding-top:30.3571vh;padding-left:min(6.5116vw,88px)}.login-copy h2.ant-typography{color:#fff;margin:0 0 1.9643vh;font-size:clamp(32px,5.7143vh,58px);line-height:1.2}.login-copy-text.ant-typography{color:#e6f4ff;width:min(43.0233vw,520px);font-size:clamp(14px,2.5vh,24px);line-height:1.2;display:block}.login-process-grid{grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.3953vw,20px);width:42.7907vw;margin-top:clamp(52px,9.2857vh,92px);display:grid}.login-process-item{color:#ffffffd1;text-align:center;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:9.6429vh;padding:10px;font-size:clamp(12px,2.1429vh,22px);font-weight:500;line-height:1.2;display:flex}.login-card{width:34.8837vw;min-width:0;min-height:57.1429vh;box-shadow:none;background:#fff;border-radius:12px;place-self:start center;margin-top:20.7143vh;padding:5.7143vh 3.4884vw}.login-title{text-align:left;margin-bottom:3.2143vh}.login-title h3.ant-typography{color:#1f2937;margin:0;font-size:clamp(20px,3.5714vh,36px);font-weight:700;line-height:1.2}.login-field-label{align-items:center;gap:6px;display:inline-flex}.login-card .ant-form-item{margin-bottom:3.2143vh}.login-card .ant-form-item-label{padding-bottom:7px}.login-card .ant-form-item-label>label{color:#4e5969}.login-card .ant-input-affix-wrapper-lg{width:100%}.login-card .ant-btn-lg{width:100%;margin-top:1.7857vh;font-weight:600}.login-info-icon{color:#8c8c8c;font-size:14px}.login-account-tooltip{gap:4px;min-width:168px;display:grid}.login-account-tooltip .ant-typography{color:#ffffffdb}.login-account-tooltip .ant-typography:first-child{color:#fff}.detail-stack{gap:14px;width:100%;display:grid}.detail-loading{place-items:center;min-height:360px;display:grid}.settlement-detail-drawer .ant-drawer-content-wrapper{max-width:100vw}.settlement-detail-drawer .ant-drawer-header{min-height:64px;padding:12px 18px}.settlement-detail-drawer .ant-drawer-body{background:#f0f2f5;padding:16px 18px 24px}.settlement-detail-drawer .ant-drawer-footer{background:#fff;padding:12px 18px}.detail-drawer-title{gap:2px;display:grid}.detail-drawer-title>.ant-typography:first-child{color:#111827;font-size:16px}.detail-drawer-title>.ant-typography:last-child{font-size:12px;font-weight:400}.detail-drawer-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.detail-drawer-actions{align-items:center;margin-right:auto;display:flex}.detail-drawer-commands{gap:8px;display:flex}.detail-workflow{background:#fff;border-radius:8px;min-width:0;padding:14px 16px 10px;overflow-x:auto}.detail-workflow .ant-steps{min-width:520px}.detail-workflow .ant-steps-item-title{font-size:13px;font-weight:600}.detail-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-summary-item{background:#fff;border-radius:8px;align-content:center;gap:4px;min-width:0;min-height:66px;padding:10px 12px;display:grid}.detail-summary-item>.ant-typography:first-child{font-size:12px}.detail-summary-item>.ant-typography:last-child{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.detail-financial-summary .detail-financial-status{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.detail-financial-summary .ant-tag{margin-inline-end:0}.detail-card.ant-card{box-shadow:none;border:0;border-radius:8px}.detail-card>.ant-card-head{min-height:44px;padding:0 14px}.detail-card>.ant-card-head .ant-card-head-title{color:#111827;padding:12px 0;font-size:14px;font-weight:700}.detail-card>.ant-card-body{padding:12px 14px 14px}.detail-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;display:grid}.detail-info-grid>div{gap:3px;min-width:0;display:grid}.detail-info-grid .ant-typography{overflow-wrap:anywhere}.detail-info-grid .ant-typography:first-child{font-size:12px}.detail-info-wide{grid-column:1/-1}.detail-item-name{gap:2px;display:grid}.detail-item-name .ant-typography:last-child{font-size:12px}.detail-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-record-grid>.detail-card{height:100%}.detail-record-list{gap:12px;display:grid}.detail-record-item{border-bottom:1px solid #f0f0f0;gap:0;padding-bottom:12px;display:grid}.detail-record-item:last-child{border-bottom:0;padding-bottom:0}.detail-record-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.detail-record-heading>.ant-typography{min-width:0}.detail-record-heading>.ant-tag{flex-shrink:0}.detail-record-divider.ant-divider-horizontal{border-color:#f0f0f0;margin:8px 0 6px}.detail-pair-list .ant-descriptions-item-container{align-items:center;min-height:24px}.detail-pair-list .ant-descriptions-item-label{color:#8c8c8c;white-space:nowrap;flex:0 0 112px;align-items:center;font-size:12px;padding-bottom:8px!important}.detail-pair-list .ant-descriptions-item-content{flex:1;align-items:center;min-width:0;display:inline-flex;padding-bottom:8px!important}.detail-pair-list .ant-descriptions-row:last-child .ant-descriptions-item-label,.detail-pair-list .ant-descriptions-row:last-child .ant-descriptions-item-content{padding-bottom:0!important}.detail-reconciliation-meta .ant-descriptions-item-content{overflow-wrap:anywhere}.detail-record-amount{font-variant-numeric:tabular-nums}.detail-record-order-no.ant-typography{overflow-wrap:normal;white-space:nowrap;width:100%;min-width:0;display:inline-block}.operation-timeline.ant-timeline{margin:0}.operation-timeline .ant-timeline-item{padding-bottom:16px}.operation-timeline .ant-timeline-item:last-child{padding-bottom:0}.operation-timeline-entry{gap:3px;min-width:0;padding-bottom:1px;display:grid}.operation-timeline-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.operation-timeline-time.ant-typography{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.operation-timeline-operator.ant-typography,.operation-timeline-content.ant-typography{overflow-wrap:anywhere;font-size:12px}.settlement-items{padding-top:4px}.settlement-items-header,.settlement-total{justify-content:space-between;align-items:center;gap:12px;display:flex}.settlement-items-header{margin-bottom:12px}.settlement-item-row{border-top:1px solid #f0f0f0;padding:12px 0 0}.settlement-total{border-top:1px solid #f0f0f0;padding-top:12px}.full-width{width:100%}@media (width<=1100px){.settlement-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-wrap{background:#1677ff;grid-template-columns:1fr}.login-copy{min-height:auto;padding:56px 24px 32px}.login-copy-text.ant-typography,.login-process-grid{width:min(100%,520px)}.login-card{width:min(100% - 48px,360px);min-height:320px;margin:0 auto 56px;padding:32px 30px}}@media (width<=820px){.app-shell{height:auto;min-height:100vh;overflow:visible}.app-sider{display:none}.app-content{height:auto;min-height:calc(100vh - 58px);padding:16px}.filter-toolbar{flex-direction:column;align-items:stretch}.filter-fields .ant-input,.filter-fields .ant-input:first-child,.filter-fields .ant-select{width:100%}.settlement-dashboard-grid,.detail-summary-grid,.detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.login-copy h2.ant-typography{font-size:28px}.login-process-grid{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}.login-card{padding:24px}.settlement-dashboard-grid,.detail-record-grid{grid-template-columns:1fr}}@media (width<=520px){.detail-summary-grid,.detail-info-grid{grid-template-columns:1fr}}
