:root{color:#26364d;font-synthesis:none;--primary:#2478f2;--primary-dark:#1263d6;--primary-soft:#edf5ff;--border:#dfe6ef;--muted:#7d8ca3;--text:#26364d;--surface:#fff;--danger:#e64c4c;background:#f3f6fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:1180px;color:var(--text);background:#f3f6fa;margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);z-index:40;background:#fff;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;width:310px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1f7df4,#155dcc);border-radius:9px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 15px #2376ee38}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.2px;font-size:16px}.brand span{color:#8b99ad;margin-top:2px;font-size:11px}.role-switch{background:#f5f7fa;border:1px solid #d9e2ed;border-radius:7px;align-items:center;margin-left:auto;padding:3px;display:flex}.role-switch button{color:#66768b;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:7px 15px;font-size:13px;display:flex}.role-switch button.active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 1px 5px #2d4c7420}.top-actions{color:#5f6f85;align-items:center;gap:9px;margin-left:28px;display:flex}.top-actions>button{color:#718096;background:0 0;border:0;place-items:center;display:grid;position:relative}.top-actions>button i{background:#ff4d4f;border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:0}.avatar{width:30px;height:30px;color:var(--primary);background:#e8f2ff;border-radius:50%;place-items:center;margin-left:7px;font-weight:600;display:grid}.workspace{min-height:calc(100vh - 64px);display:flex}aside{border-right:1px solid var(--border);background:#fff;flex-shrink:0;width:210px;padding:22px 14px}.aside-label{color:#9aa7b9;padding:0 12px 10px;font-size:12px}.nav-item{color:#53647a;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;height:42px;margin-bottom:5px;padding:0 12px;display:flex}.nav-item span{flex:1}.nav-item.active{color:var(--primary);background:#eaf3ff;font-weight:600}main{flex:1;min-width:0;padding:22px 24px 32px}.page-head{justify-content:space-between;align-items:flex-start;min-height:51px;margin-bottom:16px;display:flex}.page-heading{align-items:flex-start;gap:11px;display:flex}.page-head h1{color:#24344a;margin:1px 0 4px;font-size:21px;line-height:1.25}.page-head p{color:#8795a8;margin:0;font-size:12px}.page-actions{align-items:center;gap:9px;display:flex}.back-btn{border:1px solid var(--border);color:#5e6d81;background:#fff;border-radius:5px;place-items:center;width:34px;height:32px;margin-top:1px;display:grid}.tabs{border:1px solid var(--border);background:#fff;border-bottom:0;gap:30px;height:43px;padding:0 22px;display:flex}.tabs button{color:#526177;background:0 0;border:0;padding:0;font-weight:600;position:relative}.tabs button.active{color:var(--primary)}.tabs button.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:0;left:0;right:0}.page-card,.form-card,.detail-card{border:1px solid var(--border);background:#fff;box-shadow:0 2px 8px #2b4c7210}.page-card{min-height:600px}.form-card,.detail-card{min-height:680px;padding-bottom:66px;position:relative}.primary-business-tabs{gap:36px}.service-tabs{border-bottom:1px solid var(--border);background:#fafcff;align-items:center;gap:9px;min-height:56px;padding:10px 20px;display:flex}.service-tabs button{color:#65758b;background:#fff;border:1px solid #d7e1ed;border-radius:4px;min-width:88px;height:32px;padding:0 14px}.service-tabs button:hover{color:var(--primary);border-color:#92bdf7}.service-tabs button.active{color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:0 2px 5px #2478f226}.btn{white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 16px;font-size:13px;transition:all .18s;display:inline-flex}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 4px #2478f229}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{color:#52647c;background:#fff;border-color:#cdd9e8}.btn-secondary:hover{color:var(--primary);background:#f6faff;border-color:#8bb8f7}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.filter-bar{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:78px;padding:18px 20px;display:flex}.filter-item{flex:1;align-items:center;gap:9px;min-width:190px;display:flex}.filter-item.compact{min-width:170px}.filter-item>span{white-space:nowrap;color:#52627a}.filter-item>input,.filter-item .select-wrap{flex:1}input,select,textarea{color:#34445a;background:#fff;border:1px solid #d8e1ec;outline:none;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#5d9df5;box-shadow:0 0 0 2px #2478f216}input::placeholder,textarea::placeholder{color:#b0bac7}.filter-item input,.filter-item select{border-radius:5px;width:100%;min-width:0;height:36px;padding:0 11px}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;padding-right:32px}.select-wrap svg{pointer-events:none;color:#9aa8ba;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-wrap.disabled{background:#f5f7fa}.table-tools{justify-content:space-between;align-items:center;height:51px;padding:0 20px;display:flex}.result-count{color:#54667e;font-weight:600}.table-note{color:#8a97a8;border-left:1px solid #dfe5ed;margin-left:16px;padding-left:16px;font-size:12px}.legend{gap:18px;display:flex}.table-scroll{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px}th{text-align:left;color:#52637a;white-space:nowrap;background:#f5f7fa;border-right:1px solid #e5eaf1;height:43px;padding:0 14px;font-weight:600}td{color:#53647b;white-space:nowrap;background:#fff;border-top:1px solid #e6ebf1;border-right:1px solid #edf0f4;height:51px;padding:9px 14px}tbody tr:first-child td{border-top:0}tbody tr:hover td{background:#f7fbff}.num{text-align:right}.money{font-variant-numeric:tabular-nums;color:#364963;font-weight:500}.code{font-variant-numeric:tabular-nums;color:#416182}.sticky-col{z-index:2;position:sticky;right:0;box-shadow:-7px 0 9px -11px #122743}th.sticky-col{z-index:3}.actions{min-width:250px}.actions button{color:var(--primary);background:0 0;border:0;margin-right:11px;padding:3px 0;font-size:13px}.actions button.danger-link{color:var(--danger)}.actions button.strong-link{font-weight:600}.status{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-success{color:#25a46b}.status-warning{color:#e19525}.status-danger{color:#dc5353}.status-muted{color:#8d99a9}.type-tag{border:1px solid;border-radius:3px;padding:3px 8px;font-size:12px;display:inline-block}.type-tag.service{color:#7a53cc;background:#f7f2ff;border-color:#ddcff8}.type-tag.gas{color:#2478d8;background:#edf6ff;border-color:#c7e0fd}.pagination{color:#718096;justify-content:flex-end;align-items:center;gap:7px;height:62px;padding:0 20px;display:flex}.pagination button{color:#68798f;background:#fff;border:1px solid #dbe3ed;border-radius:4px;width:31px;height:31px}.pagination button.active{color:var(--primary);border-color:var(--primary)}.pagination select{border-radius:4px;height:31px;margin-left:5px}.section-title{color:#3e4e64;align-items:flex-end;height:52px;margin-top:8px;padding:0 22px 10px;display:flex;position:relative}.section-title:after{content:"";background:#bcd4f5;height:1px;position:absolute;bottom:0;left:22px;right:22px}.section-title strong{z-index:1;font-size:15px;position:relative}.section-title strong:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:5px;position:absolute;bottom:-11px;left:0;right:0}.section-title>span{flex:1}.contract-tip{color:#79899d;padding-bottom:1px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:17px 58px;padding:24px 55px 28px;display:grid}.field{grid-template-columns:115px minmax(0,1fr);align-items:start;min-height:38px;display:grid}.field-wide{grid-column:1/-1}.field>label{text-align:right;color:#4e5d72;padding-right:14px;line-height:38px}.required{color:#ed5252;margin-right:4px}.field-control input,.field-control select{border-radius:4px;width:100%;height:38px;padding:0 11px}.field-control textarea,.modal textarea{resize:vertical;border-radius:4px;width:100%;padding:10px 11px}.input-wrap{width:100%;position:relative}.input-wrap input[readonly]{color:#627086;background:#f5f7fa}.suffix{color:#8c99a9;pointer-events:none;font-size:12px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.input-wrap:has(.suffix) input{padding-right:78px}.date-range{grid-template-columns:1fr 24px 1fr;align-items:center;display:grid}.date-range span{text-align:center;color:#8e9bac}.empty-state{color:#9aa7b8;border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:7px;height:180px;margin:0 22px;display:flex}.empty-state svg{color:#b5c9e6}.empty-state strong{color:#687990}.detail-table{border:1px solid var(--border);margin:20px 22px 0;overflow-x:auto}.detail-table table{min-width:950px}.detail-table td{height:57px}.cell-input{border-radius:4px;width:100%;height:34px;padding:0 8px}.settlement-summary{background:#f6f9fd;border:1px solid #e1e9f3;justify-content:space-between;align-items:center;margin:20px 22px;padding:16px 20px;display:flex}.settlement-summary.single{justify-content:flex-end}.adjustment{align-items:center;gap:13px;display:flex}.adjustment .input-wrap{width:230px}.adjustment input{border-radius:4px;width:100%;height:36px;padding:0 11px}.total{text-align:right;min-width:300px}.total span,.total small{color:#7c8a9e;display:block}.total strong{color:#e35f30;font-variant-numeric:tabular-nums;margin:4px 0;font-size:24px;display:block}.total small{font-size:11px}.form-actions,.detail-actions{border-top:1px solid var(--border);background:#fff;justify-content:center;align-items:center;gap:9px;height:58px;display:flex;position:absolute;bottom:0;left:0;right:0}.notice-banner{background:linear-gradient(90deg,#f0f7ff,#fbfdff);border:1px solid #dbeafc;justify-content:space-between;align-items:center;height:80px;margin:18px 22px 5px;padding:0 20px;display:flex}.notice-banner>div{color:var(--primary);align-items:center;gap:13px;display:flex}.notice-banner strong,.notice-banner span{display:block}.notice-banner strong{color:#33465f;margin-bottom:4px;font-size:16px}.notice-banner span{color:#8190a3;font-size:12px}.read-grid{grid-template-columns:1fr 1fr;column-gap:70px;padding:15px 55px 27px;display:grid}.read-item{border-bottom:1px dashed #e2e8f0;grid-template-columns:130px 1fr;align-items:center;min-height:53px;display:grid}.read-item.wide{grid-column:1/-1}.read-item>span{text-align:right;color:#7c899a;padding-right:20px}.read-item>strong{color:#43536a;font-weight:500}.read-item>strong.emph{color:#e05b31;font-size:18px}.read-item>strong.text-danger{color:var(--danger)}.modal-backdrop{z-index:100;background:#15243b69;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:7px;width:520px;animation:.18s ease-out modalIn;overflow:hidden;box-shadow:0 20px 60px #10233b42}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.modal-head h3{margin:0;font-size:16px}.modal-head button{color:#8794a5;background:0 0;border:0}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:9px;height:61px;padding:0 20px;display:flex}.modal-label{color:#4e5d72;margin:17px 0 8px;display:block}.confirm-summary{background:#f6f8fb;border:1px solid #e5eaf1;padding:7px 14px}.confirm-summary p{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.confirm-summary span{color:#7d8b9e}.confirm-icon{flex-direction:column;align-items:center;gap:6px;margin-bottom:18px;display:flex}.confirm-icon svg{color:#2caf73}.confirm-icon strong{font-size:17px}.confirm-icon span{color:#8592a4;font-size:12px}.toast{z-index:150;color:#24694d;background:#effaf5;border:1px solid #bce8d3;border-radius:6px;align-items:center;gap:8px;padding:11px 17px;animation:.2s toastIn;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #1a503526}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}}.source-banner,.success-banner{align-items:center;gap:10px;min-height:51px;margin:20px 22px 0;padding:0 16px;display:flex}.source-banner{color:#416b9d;background:#eff6ff;border:1px solid #d1e5ff}.success-banner{color:#28704f;background:#effaf5;border:1px solid #c3ead7}.success-banner>div{flex:1}.success-banner strong,.success-banner span{display:block}.success-banner span{color:#6d8f7e;margin-top:3px;font-size:12px}.read-form{padding-bottom:20px}.document-form{min-height:650px}.existing-placeholder{color:#8a98aa;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:360px;min-height:360px;display:flex}.existing-placeholder svg{color:#a8c5ec}.existing-placeholder strong{color:#53647a;font-size:16px}@media (width<=1320px){.filter-item:nth-child(2){display:none}.form-grid{column-gap:28px;padding-left:28px;padding-right:28px}}