.tb{--tb-ink:#263e4a;--tb-muted:#607480;--tb-green:#21766d;--tb-line:#e4ebee;background:#fff;border:1px solid var(--tb-line);border-radius:8px;color:var(--tb-ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;min-width:0;overflow:hidden}
.tb *{box-sizing:border-box}
.tb h2,.tb h3,.tb p{margin:0}
.tb button,.tb input,.tb select,.tb textarea{font:inherit}
.tb button{cursor:pointer}
.tb button:disabled{cursor:default;opacity:.5}
.tb input,.tb select,.tb textarea{border:1px solid #d4e0e6;border-radius:5px;background:#fff;color:var(--tb-ink);padding:9px 11px;min-height:39px;max-width:100%;font-size:14px}
.tb input:disabled,.tb textarea:disabled,.tb select:disabled{background:#f6f8f9;color:var(--tb-muted)}
.tb textarea{resize:vertical;min-height:77px;line-height:1.7}
.tb input[type=checkbox]{min-height:0;width:16px;height:16px;accent-color:var(--tb-green);flex:none;margin:3px 0 0}
.tb button:focus-visible,.tb input:focus-visible,.tb select:focus-visible,.tb textarea:focus-visible,.tb summary:focus-visible{outline:2px solid var(--tb-green);outline-offset:3px}
.tb .tw-btn{border-radius:5px;font-size:14px;min-height:38px;padding:8px 13px;white-space:nowrap}
.tb .tw-btn.primary{background:var(--tb-green);border-color:var(--tb-green);color:#fff}
.tb .tw-btn.link{color:var(--tb-green);padding:5px 0;min-height:30px;background:transparent}
.tb .tw-btn.tb-danger{color:#a04d3e;border-color:#dfb9af}
.tb-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px}
.tb-heading h2{font-size:23px;font-weight:650;line-height:1.5}
.tb-heading p{color:var(--tb-muted);font-size:14px;line-height:1.8;margin-top:7px;max-width:72em}
.tb-heading-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tb-status{display:inline-flex;align-items:center;background:#f0f4f5;border:1px solid #e1e8eb;color:#607480;border-radius:4px;font-size:12px;padding:4px 8px;white-space:nowrap;font-weight:400}
.tb-status.confirmed{background:#eef8f4;border-color:#cde5db;color:var(--tb-green)}
.tb-status.attention{background:#fff7e8;border-color:#eadbbb;color:#8b671e}
.tb-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;flex-shrink:0}
.tb label{font-size:13px;color:var(--tb-muted)}
.tb .tb-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.tb-toolbar input[type=month]{width:162px}
.tb-summary{padding:24px;display:grid;grid-template-columns:minmax(210px,1.2fr) repeat(4,minmax(120px,1fr));gap:0;border-block:1px solid var(--tb-line);background:#f8fbfb}
.tb-summary>div{padding:2px 22px;border-left:1px solid #dce8e8;min-width:0}
.tb-summary>div:first-child{padding-left:0;border:0}
.tb-summary>div:last-child{padding-right:0}
.tb-summary-label{display:block;color:var(--tb-muted);font-size:13px;line-height:1.6}
.tb-summary-total strong{display:block;color:var(--tb-green);font-size:32px;font-weight:650;line-height:1.4;margin:5px 0 4px;white-space:nowrap}
.tb-summary-total strong span{font-size:18px;margin-right:4px;font-weight:400}
.tb-summary small{display:block;font-size:12px;color:var(--tb-muted);line-height:1.8}
.tb-summary-product b{display:block;font-size:19px;line-height:1.5;font-weight:600;margin:7px 0 4px;white-space:nowrap}
.tb-summary-product b span{font-size:13px;font-weight:400;margin-left:4px}
.tb-money{font-variant-numeric:tabular-nums;white-space:nowrap}
.tb-summary-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:11px 24px;background:#f8fbfb;border-bottom:1px solid var(--tb-line);color:var(--tb-muted);font-size:12px;line-height:1.8}
.tb-notice{padding:12px 16px;margin:0 24px 20px;border:1px solid #eadbbb;background:#fff9ed;border-radius:5px;color:#805f22;font-size:13px;line-height:1.8}
.tb-notice.error{border-color:#e5c1b9;background:#fff5f2;color:#9f4939}
.tb-notice.info{border-color:#d6e6e8;background:#f3f9fa;color:#426772}
.tb-notice .tw-btn{margin-left:8px}
.tb-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px 15px}
.tb-section-heading h3,.tb-reconcile h3,.tb-pending h3{font-size:16px;line-height:1.6;font-weight:600}
.tb-section-heading p{margin-top:4px;color:var(--tb-muted);font-size:12px;line-height:1.7}
.tb-filters{display:flex;align-items:flex-end;gap:12px;padding:0 24px 18px;flex-wrap:wrap}
.tb-filters .tb-field:first-child{width:300px}
.tb-filters select{min-width:132px}
.tb-filter-note{font-size:12px;color:var(--tb-muted);padding-bottom:10px}
.tb-table-wrap{max-width:100%;overflow:auto;max-height:560px;border-block:1px solid var(--tb-line)}
.tb .tb-table{width:100%;border-collapse:collapse;min-width:1120px;table-layout:fixed;font-size:13px}
.tb-table th{text-align:left;font-weight:600;font-size:13px;color:#49616e;background:#f0f5f6;padding:13px 12px;position:sticky;top:0;z-index:1;border-bottom:1px solid #dfe7e9;white-space:nowrap}
.tb-table td{padding:13px 12px;border-bottom:1px solid #e8eef0;line-height:1.7;vertical-align:top;overflow-wrap:anywhere;white-space:normal}
.tb-table tbody tr{cursor:default}
.tb-table tbody tr:last-child td{border-bottom:0}
.tb-table tbody tr:hover td{background:#f8fbfb}
.tb-table th:first-child,.tb-table td:first-child{padding-left:24px;width:114px}
.tb-table th:nth-child(2){width:180px}.tb-table th:nth-child(3){width:179px}.tb-table th:nth-child(4){width:106px}.tb-table th:nth-child(5){width:108px}.tb-table th:nth-child(6){width:82px}.tb-table th:nth-child(7){width:70px}.tb-table th:nth-child(8){width:100px}
.tb-table th:last-child{width:230px}
.tb-table td:nth-child(2){font-weight:500}
.tb-table .tb-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tb-table td:last-child{padding-right:24px;color:var(--tb-muted);font-size:12px}
.tb-table .tb-row-note{display:block;margin-top:4px;color:var(--tb-muted);font-size:11px;font-weight:400}
.tb-row-duplicate{color:var(--tb-muted)}
.tb-table .tb-row-pending .tb-number:last-of-type{color:#8b671e}
.tb-table .tb-row-adjustment td:nth-child(5){color:var(--tb-green)}
.tb-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 24px;border-bottom:1px solid var(--tb-line);font-size:13px;color:var(--tb-muted)}
.tb-pagination>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tb-pagination label{display:flex;align-items:center;gap:7px}
.tb-pagination select{min-height:34px;padding:5px 9px}
.tb-pagination .tw-btn{min-height:34px;padding:6px 12px;font-size:13px}
.tb-empty{padding:38px 20px;text-align:center;color:var(--tb-muted)}
.tb-empty b{font-size:15px;font-weight:500;color:var(--tb-ink)}
.tb-empty p{margin-top:8px;font-size:13px;line-height:1.8}
.tb-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:30px;padding:24px}
.tb-pending>p,.tb-reconcile>p{font-size:12px;line-height:1.8;color:var(--tb-muted);margin:5px 0 13px}
.tb-pending ul{list-style:none;padding:0;margin:0;max-height:244px;overflow:auto}
.tb-pending li{border-top:1px solid var(--tb-line);padding:11px 0;line-height:1.7;font-size:13px}
.tb-pending li strong{font-weight:500}.tb-pending li span{display:block;color:#8b671e;font-size:12px}
.tb-pending li small{color:var(--tb-muted);font-size:12px;margin-left:7px}
.tb-pending-clear{color:var(--tb-green);font-size:13px;line-height:1.8;border-top:1px solid var(--tb-line);padding-top:12px}
.tb-reconcile{border-left:1px solid var(--tb-line);padding-left:28px;min-width:0}
.tb-reconcile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}
.tb-reconcile-grid output{display:flex;align-items:center;min-height:39px;font-size:21px;font-weight:600;color:var(--tb-green)}
.tb-reconcile-grid output.attention{color:#a16624}
.tb-reconcile-grid output.tb-unsaved{color:var(--tb-muted);font-size:13px;font-weight:400}
.tb-reconcile textarea{width:100%}
.tb .tb-check{display:flex;align-items:flex-start;gap:9px;line-height:1.8;margin:14px 0}
.tb-check span{color:#49616e;font-size:13px}
.tb-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.tb-confirmed-meta{font-size:12px;color:var(--tb-muted);line-height:1.8;margin-top:12px!important}
.tb-adjustments{margin-top:22px;border-top:1px solid var(--tb-line);padding-top:16px}
.tb-adjustments>summary{cursor:pointer;color:var(--tb-green);font-weight:500;font-size:14px;line-height:1.8}
.tb-adjustments>p{font-size:12px;color:var(--tb-muted);line-height:1.8;margin:10px 0}
.tb-adjustment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tb-adjustment-fields .tb-wide{grid-column:1/-1}
.tb-adjustment-help{font-size:12px;line-height:1.8;color:var(--tb-muted);margin:10px 0!important}
.tb-adjustment-fields input,.tb-adjustment-fields select,.tb-adjustment-fields textarea{width:100%}
.tb-inline-confirm{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;color:#a04d3e}
.tb-inline-confirm .tw-btn{font-size:12px;padding:3px 7px;min-height:28px}
.tb-error-inline{font-size:13px;line-height:1.8;color:#9f4939;margin-top:12px!important}
.tb-access{padding:42px 24px}
@media(min-width:1600px){.tb-table-wrap{max-height:650px}.tb-bottom{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}}
@media(max-width:1180px){.tb-heading{flex-direction:column}.tb-toolbar{width:100%}.tb-summary{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:20px}.tb-summary-total{grid-column:1/-1;border-bottom:1px solid #dce8e8!important;padding-bottom:17px!important;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.tb-summary-total strong{margin:0}.tb-summary-product:nth-child(2){padding-left:0;border-left:0}.tb-bottom{grid-template-columns:1fr;gap:25px}.tb-reconcile{border-left:0;border-top:1px solid var(--tb-line);padding:22px 0 0}.tb-reconcile-grid{max-width:620px}}
@media(max-width:700px){.tb-heading,.tb-summary,.tb-bottom{padding:18px}.tb-heading h2{font-size:21px}.tb-heading p{font-size:13px}.tb-toolbar{gap:8px}.tb-toolbar .tb-field{flex:1 1 140px}.tb-toolbar input[type=month]{width:100%}.tb-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.tb-summary-total{display:block;padding-bottom:15px!important}.tb-summary-total strong{margin:6px 0;font-size:31px}.tb-summary-product:nth-child(4){padding-left:0;border-left:0}.tb-summary>div{padding-inline:16px}.tb-summary-product b{font-size:19px}.tb-summary-note{padding:11px 18px}.tb-section-heading{padding:20px 18px 14px;align-items:flex-start}.tb-section-heading .tw-btn{font-size:12px;padding:7px 10px}.tb-filters{padding:0 18px 16px;gap:10px}.tb-filters .tb-field:first-child{width:100%}.tb-filters .tb-field{flex:1 1 calc(50% - 5px)}.tb-filters select{width:100%;min-width:0}.tb-filter-note{padding:0}.tb-pagination{padding:13px 18px;flex-direction:column;align-items:flex-start}.tb-notice{margin:0 18px 18px}.tb-reconcile-grid{gap:12px}.tb-adjustment-fields{grid-template-columns:1fr}.tb-adjustment-fields .tb-wide{grid-column:auto}.tb-pending li small{display:block;margin-left:0}.tb-table-wrap{max-height:65vh}.tb-form-actions .tw-btn{flex:1}.tb-access{padding:32px 18px}}