body:has(.supplier-page){background:#f4f8fb}.supplier-page{color:#263f51;letter-spacing:0;max-width:1320px;margin:0 auto;padding:22px 28px 48px;font:14px/1.55 system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.supplier-page *{box-sizing:border-box}.supplier-page button,.supplier-dialog button,.statement-dialog button{font:inherit}.supplier-page svg,.supplier-dialog svg,.statement-dialog svg{flex-shrink:0}.supplier-header{align-items:center;gap:18px;min-height:64px;padding-bottom:18px;display:flex}.supplier-header>a{color:#1c709f;align-items:center;gap:6px;min-height:44px;text-decoration:none;display:inline-flex}.supplier-header>div:nth-child(2){flex:1;min-width:0}.supplier-header h1{color:#1c4d70;margin:0;font-size:23px;line-height:1.3}.supplier-header p{color:#687f8f;margin:3px 0 0}.supplier-header-actions{align-items:center;gap:8px;display:flex}.supplier-page button,.supplier-dialog button,.statement-dialog button{color:#216e9b;cursor:pointer;background:#fff;border:1px solid #c9dbe6;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:8px 12px;display:inline-flex}.supplier-page button:disabled,.supplier-dialog button:disabled,.statement-dialog button:disabled{opacity:.52;cursor:default}:is(.supplier-page button:focus-visible,.supplier-page a:focus-visible,.supplier-page input:focus-visible,.supplier-dialog input:focus-visible,.supplier-dialog textarea:focus-visible,.supplier-dialog select:focus-visible,.statement-dialog select:focus-visible,.statement-dialog textarea:focus-visible){outline-offset:2px;outline:2px solid #1c83bd}.supplier-page .supplier-primary,.supplier-dialog .supplier-primary,.statement-dialog .supplier-primary{color:#fff;background:#1e7fb6;border-color:#1e7fb6}.supplier-message,.supplier-error,.supplier-notice{border-left:3px solid;align-items:flex-start;gap:9px;margin:0 0 14px;padding:11px 13px;display:flex}.supplier-message{color:#245f49;background:#eaf7f1;border-color:#41966f}.supplier-error{color:#8b392f;background:#fff0ee;border-color:#d26557}.supplier-error span{flex:1}.supplier-error button{min-height:34px;margin-left:auto;padding:4px 9px}.supplier-notice{color:#79571e;background:#fff7e8;border-color:#d69b35}.supplier-tabs{border-bottom:1px solid #d6e4ec;gap:24px;margin-bottom:20px;display:flex}.supplier-tabs button{color:#607989;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:11px 1px}.supplier-tabs button[aria-pressed=true]{color:#176f9f;border-color:#2c86b8}.supplier-loading{color:#647c8b;align-items:center;gap:10px;padding:40px 0;display:flex}.spin{animation:1s linear infinite supplier-spin}@keyframes supplier-spin{to{transform:rotate(360deg)}}.supplier-metrics{background:#fff;border:1px solid #d6e3eb;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px;display:grid}.supplier-metrics>button,.supplier-metrics>div{text-align:left;color:#405c6e;background:#fff;border:0;border-right:1px solid #e0e9ee;border-radius:0;align-content:start;justify-items:start;gap:3px;min-height:116px;padding:15px 16px;display:grid}.supplier-metrics>:last-child{border-right:0}.supplier-metrics button:hover,.supplier-metrics button.active{background:#eef7fc}.supplier-metrics button.active{box-shadow:inset 0 -3px #2487bb}.supplier-metrics span{font-size:14px}.supplier-metrics strong{color:#214e6d;font-size:28px;line-height:1.2}.supplier-metrics small{color:#758994;font-size:12px}.supplier-metrics .warning strong{color:#a94132}.supplier-metrics button.warning.active{background:#fff1ed;box-shadow:inset 0 -3px #c94f43}.supplier-metrics button.attention.active{background:#fff8e8;box-shadow:inset 0 -3px #c28a24}.supplier-metrics button.watch.active{background:#f5f0fa;box-shadow:inset 0 -3px #745792}.supplier-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.supplier-toolbar label{background:#fff;border:1px solid #cadde7;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.supplier-toolbar input{width:100%;min-width:0;height:44px;font:inherit;color:inherit;background:0 0;border:0;outline:none}.supplier-toolbar button{white-space:nowrap}.supplier-list{background:#fff;border:1px solid #d7e3ea}.supplier-table{grid-template-columns:minmax(260px,1.65fr) minmax(155px,.85fr) minmax(170px,.9fr) minmax(125px,.7fr) 56px;column-gap:16px;display:grid}.supplier-table-head{color:#5f7482;background:#eaf3f8;border-bottom:1px solid #d8e4eb;padding:10px 16px;font-weight:600}.supplier-row{border-bottom:1px solid #e0e8ed;grid-template-columns:minmax(260px,1.65fr) minmax(155px,.85fr) minmax(170px,.9fr) minmax(125px,.7fr) 56px;align-items:start;column-gap:16px;padding:15px 16px;display:grid}.supplier-row:last-of-type{border-bottom:0}.supplier-row.status-暂停合作{box-shadow:inset 4px 0 #c75249}.supplier-row.status-重点观察{box-shadow:inset 4px 0 #d29834}.supplier-row>div:not(.supplier-records){min-width:0}.supplier-main p{color:#617787;margin:5px 0}.supplier-name{align-items:flex-start;gap:7px;display:flex}.supplier-name>button{color:#55798e;background:0 0;border:0;width:32px;min-height:32px;padding:0}.supplier-name>button svg{transition:transform .15s}.supplier-row:has(.supplier-records) .supplier-name>button svg{transform:rotate(180deg)}.supplier-name>div{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.supplier-name h2{color:#234d68;overflow-wrap:anywhere;margin:0;font-size:16px}.supplier-status,.supplier-incomplete,.statement-status{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 7px;font-size:12px;line-height:1.5;display:inline-flex}.supplier-status.正常合作{color:#287056;background:#e8f5ef}.supplier-status.重点观察,.statement-status.待核对{color:#8a5b18;background:#fff3dd}.supplier-status.暂停合作,.statement-status.有差异{color:#9b4035;background:#ffe9e6}.supplier-incomplete{color:#667986;background:#eef1f3}.statement-status.已核对{color:#246d52;background:#e7f5ee}.supplier-contact{color:#526f81;flex-wrap:wrap;gap:7px 12px;display:flex}.supplier-contact span,.supplier-contact a{color:inherit;overflow-wrap:anywhere;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.supplier-contact a:hover{color:#166f9f}.supplier-contact b{color:#a0641d;font-size:13px}.supplier-numbers,.supplier-performance,.supplier-owner{gap:4px;display:grid}.supplier-numbers b,.supplier-performance b,.supplier-owner b{font-weight:650}.supplier-numbers span,.supplier-performance span{color:#526d7e}.supplier-numbers small,.supplier-performance small,.supplier-owner small{color:#758994;overflow-wrap:anywhere;font-size:12px}.supplier-owner small{align-items:flex-start;gap:4px;display:flex}.text-warning{color:#ad5a24!important}.text-ok{color:#2b7559!important}.supplier-actions{justify-content:flex-end;display:flex}.supplier-actions button{width:40px;padding:0}.supplier-records{background:#f7fafc;border-top:1px solid #e1e9ee;grid-column:1/-1;margin:15px -16px -15px;padding:14px 16px 8px}.record-summary{align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.record-summary span{color:#6e818d}.record-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;display:grid}.record-list>a{color:#294d64;background:#fff;border:1px solid #dee8ee;grid-template-columns:44px minmax(0,1fr) minmax(105px,.55fr);align-items:start;gap:9px;min-width:0;padding:9px 10px;text-decoration:none;display:grid}.record-list>a:hover{border-color:#79afd0}.record-list>a>span{text-align:center;color:#25739d;background:#e8f3f9;padding:2px 5px;font-size:12px}.record-list>a>span.item{color:#667a86;background:#eef2f4}.record-list div{min-width:0;display:grid}.record-list b,.record-list small{overflow-wrap:anywhere}.record-list small{color:#758995;font-size:12px}.record-list>a>div:last-child{text-align:right}.supplier-empty{color:#708490;text-align:center;margin:0;padding:24px}.reconcile-head{align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.reconcile-head>div{flex:1}.reconcile-head h2{color:#234f6d;margin:0;font-size:19px}.reconcile-head p{color:#667d8b;margin:4px 0 0}.reconcile-head label{color:#617684;gap:4px;display:grid}.reconcile-head input{height:42px;font:inherit;color:inherit;background:#fff;border:1px solid #c9dbe6;border-radius:6px;padding:0 10px}.reconcile-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.reconcile-toolbar{max-width:640px}.reconcile-list{gap:12px;display:grid}.reconcile-row{background:#fff;border:1px solid #d7e3ea;padding:16px}.reconcile-row>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reconcile-row>header>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.reconcile-row h3{color:#244f6d;margin:0;font-size:17px}.reconcile-summary{border-top:1px solid #e4ebef;border-bottom:1px solid #e4ebef;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;padding:12px 0;display:grid}.reconcile-summary span{color:#667d8b;display:grid}.reconcile-summary b{color:#2d5269;font-size:16px}.statement-note{color:#536e7f;background:#f6f8fa;padding:9px 11px}.reconcile-row details summary{cursor:pointer;color:#1f739f;align-items:center;min-height:36px;display:flex}.receipt-list{gap:6px;padding-top:8px;display:grid}.receipt-list a{color:#294c63;border:1px solid #e0e8ed;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr) auto auto;align-items:start;gap:10px;padding:9px 10px;text-decoration:none;display:grid}.receipt-list a>div{display:grid}.receipt-list small{color:#718691;font-size:12px}.receipt-list span{color:#8d5b1c;background:#fff0df;padding:2px 6px;font-size:12px}.supplier-pager{color:#617787;background:#f7fafc;border-top:1px solid #dfe8ed;justify-content:center;align-items:center;gap:12px;padding:14px;display:flex}.reconcile-list>.supplier-pager{border:1px solid #d7e3ea}.supplier-pager button{min-width:76px}.reconcile-row>header button{white-space:nowrap;min-width:100px}.supplier-dialog,.statement-dialog{color:#29485c;letter-spacing:0;background:#fff;border:1px solid #cadbe5;border-radius:8px;width:min(720px,100vw - 24px);max-height:calc(100dvh - 24px);font:14px/1.5 system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden;max-width:720px!important;padding:0!important;display:block!important}.statement-dialog{max-width:560px!important}.supplier-dialog form,.statement-dialog form{flex-direction:column;max-height:calc(100dvh - 24px);display:flex}.supplier-dialog form>header,.statement-dialog form>header{border-bottom:1px solid #dce6ec;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.supplier-dialog h2,.statement-dialog h2{margin:0;font-size:19px}.supplier-dialog header>button,.statement-dialog header>button{width:38px;min-height:38px;padding:0}.supplier-form-body,.statement-body{overscroll-behavior:contain;padding:14px 18px;overflow:auto}.supplier-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.supplier-form-grid label,.statement-body label{gap:5px;display:grid}.supplier-form-grid .wide{grid-column:1/-1}.supplier-form-grid input,.supplier-form-grid textarea,.supplier-form-grid select,.statement-body textarea,.statement-body select{color:#29485c;background:#fff;border:1px solid #c8d9e3;border-radius:5px;width:100%;min-width:0;min-height:42px;padding:9px 10px;font:16px/1.4 inherit}.supplier-form-grid textarea,.statement-body textarea{resize:vertical;min-height:68px}.supplier-dialog footer,.statement-dialog footer{background:#fff;border-top:1px solid #dce6ec;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:11px 18px;display:flex}.statement-dialog header p{color:#6a7f8c;margin:3px 0 0}.statement-body{gap:14px;display:grid}.statement-body>p{color:#79591f;background:#fff7e8;margin:0;padding:10px}.statement-dialog select{height:42px}@media (max-width:900px){.supplier-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-metrics button{border-bottom:1px solid #e0e9ee}.supplier-metrics button:nth-child(2n){border-right:0}.supplier-metrics button:last-child{grid-column:1/-1}.supplier-table-head{display:none}.supplier-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.supplier-main{grid-column:1/-1}.supplier-actions{position:absolute;top:14px;right:14px}.supplier-row{padding-right:66px;position:relative}.supplier-records{grid-column:1/-1;margin-right:-66px}.record-list{grid-template-columns:1fr}.reconcile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-list a{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr)}.receipt-list span{justify-self:start}}@media (max-width:620px){.supplier-page{padding:13px 13px 32px;font-size:14px}.supplier-header{flex-wrap:wrap;align-items:flex-start;gap:9px}.supplier-header>a{order:1}.supplier-header>div:nth-child(2){flex-basis:calc(100% - 92px);order:2}.supplier-header-actions{order:3;justify-content:flex-end;width:100%}.supplier-header h1{font-size:20px}.supplier-header p{font-size:13px}.supplier-tabs{gap:12px;overflow:auto}.supplier-tabs button{white-space:nowrap}.supplier-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-metrics button{min-height:104px;padding:12px}.supplier-metrics strong{font-size:24px}.supplier-metrics button:last-child{grid-column:1/-1}.supplier-toolbar{align-items:stretch}.supplier-toolbar label{flex:1}.supplier-toolbar button{padding:8px}.supplier-row{padding:14px 58px 14px 14px;display:block}.supplier-row>div{margin-bottom:13px}.supplier-actions{margin:0!important}.supplier-main{padding-right:0}.supplier-name{gap:2px}.supplier-name>button{margin-left:-8px}.supplier-records{padding:13px 14px;margin:14px -58px -14px -14px!important}.record-summary{gap:2px;display:grid}.record-list>a{grid-template-columns:40px minmax(0,1fr)}.record-list>a>div:last-child{text-align:left;grid-column:2}.reconcile-head{grid-template-columns:1fr 1fr;align-items:end;display:grid}.reconcile-head>div{grid-column:1/-1}.reconcile-head label{min-width:0}.reconcile-head input{width:100%;min-width:0}.reconcile-head button{min-width:0}.reconcile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reconcile-metrics button:last-child{grid-column:auto}.reconcile-row{padding:13px}.reconcile-row>header button{padding:7px 9px}.reconcile-summary{grid-template-columns:1fr 1fr}.receipt-list a{grid-template-columns:1fr;display:grid}.supplier-form-grid{grid-template-columns:1fr}.supplier-form-grid .wide{grid-column:auto}.supplier-dialog form>header,.statement-dialog form>header{padding:11px 14px}.supplier-form-body,.statement-body{padding:12px 14px}.supplier-dialog footer,.statement-dialog footer{padding:10px 14px}.supplier-dialog footer button,.statement-dialog footer button{padding:7px 10px}}.supplier-form-grid input,.supplier-form-grid textarea,.supplier-form-grid select,.statement-body textarea,.statement-body select{font:inherit;font-size:16px;line-height:1.4}.supplier-heading{flex:1;min-width:0}.supplier-stale{margin-top:4px;display:block}.supplier-result-count{color:#526775;margin:0 0 8px}.supplier-form-feedback{overflow-wrap:anywhere;flex-basis:100%;min-width:0;margin:0}.supplier-dialog form>header,.statement-dialog form>header,.supplier-dialog footer,.statement-dialog footer{flex-shrink:0}.supplier-form-body,.statement-body{min-height:0}.supplier-pager{flex-wrap:wrap}.supplier-records .supplier-pager{margin-top:10px}.supplier-error{overflow-wrap:anywhere}.supplier-error span{min-width:0}.supplier-error button{flex-shrink:0}.supplier-name>button{min-width:40px;min-height:40px}.supplier-metrics strong{overflow-wrap:anywhere}@media (max-width:620px){.supplier-toolbar{flex-wrap:wrap}.supplier-toolbar label{flex-basis:190px}.supplier-header .supplier-heading{flex-basis:100%;order:0}.supplier-header-actions{width:auto;margin-left:auto}.supplier-pager{gap:8px;padding:10px 6px}.supplier-pager button{min-width:70px}.supplier-form-feedback{gap:5px;padding:8px}}@media (max-width:900px){.supplier-metrics>div{border-bottom:1px solid #e0e9ee}.supplier-metrics>:nth-child(2n){border-right:0}.supplier-metrics>:last-child{grid-column:1/-1}}@media (max-width:620px){.supplier-metrics>div{min-height:104px;padding:12px}.supplier-metrics>:last-child{grid-column:1/-1}}@media (max-width:900px){.reconcile-metrics>:last-child{grid-column:auto}}.supplier-performance>button{color:#176f98;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7dbe6;border-radius:5px;justify-self:start;padding:0 9px;font-size:12px;font-weight:650}.supplier-performance>button:hover{background:#edf7fb;border-color:#7db4cf}.supplier-issue-dialog{background:#fff;border:1px solid #c9dbe5;border-radius:8px;flex-direction:column;height:min(820px,100dvh - 32px);overflow:hidden;gap:0!important;width:min(1180px,100vw - 32px)!important;max-width:1180px!important;max-height:calc(100dvh - 32px)!important;padding:0!important;display:flex!important}.supplier-issue-header{background:#fff;border-bottom:1px solid #dce6ec;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.supplier-issue-header>div{min-width:0}.supplier-issue-header h2{color:#244f68;overflow-wrap:anywhere;margin:0;font-size:18px}.supplier-issue-header p{color:#647b88;margin:3px 0 0;font-size:12px}.supplier-issue-header button{color:#246b8f;min-height:40px;font:inherit;cursor:pointer;background:#f3f9fc;border:1px solid #b9d4e0;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.supplier-issue-dialog>iframe{background:#f5f7f9;border:0;width:100%;height:100%;min-height:0}@media (max-width:620px){.supplier-issue-dialog{height:calc(100dvh - 12px);width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}.supplier-issue-header{flex-direction:column;align-items:stretch;gap:9px;padding:10px 12px}.supplier-issue-header h2{font-size:16px}.supplier-issue-header button{width:100%}}