:root{--primary:#2563eb;--green:#059669;--text:#142033;--muted:#718096;--border:#e2e8f0;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px "Segoe UI","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:232px;background:#102a43;color:white;padding:22px 14px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px}.brand>b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2f80ed,#31b797);font-size:19px}.brand strong,.brand small,.sync strong,.sync small,.user strong,.user small{display:block}.brand strong{font-size:17px}.brand small,.sync small,.user small{color:#91a8ba;font-size:10px;margin-top:3px}nav label{display:block;color:#7992a9;font-size:11px;margin:19px 12px 7px;letter-spacing:1px}nav button{border:0;background:transparent;color:#b9c9d8;width:100%;height:43px;border-radius:8px;text-align:left;padding:0 12px;margin:2px 0;transition:.18s}nav button:hover{background:#173d5f;color:white}nav button.active{background:white;color:#16324f;font-weight:700}nav em{float:right;background:#e95858;color:white;border-radius:10px;min-width:20px;line-height:20px;text-align:center;font-size:10px;font-style:normal}.sync{margin-top:auto;border:1px solid #294960;background:#173650;border-radius:9px;padding:11px;display:flex;gap:10px;align-items:center}.sync i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d39920}.sync strong{font-size:12px}.user{border-top:1px solid #28455e;margin-top:14px;padding:14px 7px 0;display:flex;align-items:center;gap:9px}.user>b{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#dbeafe;color:#1d4ed8}.user>span:last-child{margin-left:auto;color:#8da3b5}main{margin-left:232px}header{height:64px;background:white;border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}header>div{display:flex;align-items:center;gap:9px}header span{color:#94a3b8}.menu{display:none}.icon{border:0;background:transparent;border-radius:7px;width:36px;height:36px;color:#64748b}.primary,.secondary{height:38px;border-radius:7px;padding:0 14px;font-weight:600}.primary{border:1px solid var(--primary);background:var(--primary);color:white}.primary:hover{background:#1d4ed8}.secondary{border:1px solid var(--border);background:white;color:#475569}.secondary:hover{background:#f8fafc}.page{display:none;padding:28px;max-width:1600px;margin:auto}.page.active{display:block}.heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.heading h1{font-size:24px;margin:0 0 6px}.heading p{margin:0;color:var(--muted)}.heading>div:last-child{display:flex;gap:8px}.alert{display:flex;align-items:center;gap:12px;border:1px solid #f6dfaf;background:#fffaf0;border-radius:9px;padding:12px 15px;margin-bottom:17px}.alert>b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f59e0b;color:white}.alert span strong,.alert span small{display:block}.alert span strong{font-size:13px}.alert span small{color:#8a5a12;margin-top:3px}.alert button{margin-left:auto;border:0;background:transparent;color:#a45b00;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.metrics article,.panel,.bill,.newbill,.timeline article,.sources article{background:white;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 18px #0f172a08}.metrics article{padding:17px 18px}.metrics article>span{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:12px}.metrics i{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;font-style:normal;font-weight:700}.blue{background:#eff6ff;color:#2563eb}.purple{background:#f5f3ff;color:#7c3aed}.green{background:#ecfdf5;color:#059669}.orange{background:#fff7ed;color:#d97706}.metrics article>strong{display:block;font-size:23px;margin:11px 0 9px;letter-spacing:-.5px}.metrics article>strong small{font-size:11px;color:#64748b}.metrics p{margin:0;color:#94a3b8;font-size:11px}.metrics p b{color:#059669}.metrics p .warn{color:#d97706}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:15px;margin-bottom:15px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font-size:15px;margin:0 0 4px}.panel-head p{font-size:11px;color:#94a3b8;margin:0}.panel-head>div{font-size:11px;color:#64748b}.line{display:inline-block;width:16px;height:2px;vertical-align:middle}.blue-line{background:#3b82f6}.green-line{background:#10b981}.plot{position:relative;padding:15px 7px 0 38px}.plot svg{width:100%;height:210px;overflow:visible}.lines{fill:none;stroke:#eef2f7}.greenpath,.bluepath{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.greenpath{stroke:#10b981}.bluepath{stroke:#3b82f6}.y{position:absolute;left:0;top:16px;height:205px;display:flex;flex-direction:column;justify-content:space-between;color:#94a3b8;font-size:10px}.x{display:flex;justify-content:space-between;color:#94a3b8;font-size:10px}.link{border:0;background:transparent;color:#2563eb}.donut-row{display:flex;align-items:center;justify-content:center;gap:34px;padding:22px 0 13px}.donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(#10b981 0 92%,#f59e0b 92% 99%,#ef4444 99%);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:106px;height:106px;border-radius:50%;background:white}.donut span{position:relative;text-align:center}.donut b,.donut small{display:block}.donut b{font-size:24px}.donut small{color:#94a3b8}.legend p{display:flex;align-items:center;gap:7px;color:#64748b;font-size:11px}.legend i{width:7px;height:7px;border-radius:50%}.legend .g{background:#10b981}.legend .o{background:#f59e0b}.legend .r{background:#ef4444}.legend b{margin-left:18px;color:#334155}.bars p{display:flex;justify-content:space-between;margin:10px 0 6px;color:#64748b;font-size:11px}.bars>i{display:block;height:5px;border-radius:3px;background:#eef2f7}.bars>i b{display:block;height:100%;background:#3b82f6;border-radius:3px}.tasks{padding-bottom:8px}.tasks .secondary{height:31px;font-size:11px}.tablewrap{overflow:auto;margin:15px -19px 0}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;border-top:1px solid #edf1f5;padding:12px 16px;font-size:12px}th{background:#f8fafc;color:#64748b}td{color:#475569}.client{display:flex;align-items:center;gap:9px}.client i{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#eef2ff;color:#4f46e5;font-weight:800;font-style:normal}.client b,.client small{display:block}.client small{color:#94a3b8;margin-top:3px}.pill{display:inline-block;border-radius:12px;padding:3px 8px;font-size:10px;font-style:normal}.amber{background:#fff7ed;color:#c2410c}.success{background:#ecfdf5;color:#047857}.muted{background:#f1f5f9;color:#64748b}.error{background:#fef2f2;color:#dc2626}.red{color:#dc2626}.ok{color:#059669}.tabs{display:inline-flex;background:#e9eef5;padding:3px;border-radius:8px;margin-bottom:14px}.tabs button{border:0;background:transparent;padding:8px 15px;border-radius:6px;color:#64748b;font-size:12px}.tabs button.active{background:white;color:#1e293b;font-weight:700;box-shadow:0 1px 3px #0f172a1a}.recon{padding-bottom:12px}.toolbar{display:flex;align-items:center;gap:8px}.toolbar label{width:300px;height:36px;border:1px solid var(--border);border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#94a3b8}.toolbar label:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.toolbar input{border:0;outline:0;width:100%;font-size:12px}.toolbar>span{flex:1}.toolbar button b{background:#2563eb;color:white;border-radius:9px;padding:1px 5px}.fee small{display:block;color:#94a3b8;margin-top:3px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:#94a3b8;font-size:11px}.pagination div{display:flex;gap:4px}.pagination button{border:1px solid var(--border);background:white;border-radius:5px;min-width:28px;height:28px;color:#64748b}.pagination button.active{background:#2563eb;color:white}.billgrid{display:grid;grid-template-columns:330px 280px;gap:16px}.bill{padding:20px;position:relative}.bill>i{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#eff6ff;color:#2563eb;font-style:normal;font-size:20px}.bill>.pill{position:absolute;right:20px;top:20px}.bill h2{font-size:16px;margin:18px 0 4px}.bill>p{color:#94a3b8;margin:0}.bill dl{border-top:1px solid var(--border);margin:18px 0;padding-top:10px}.bill dl div{display:flex;justify-content:space-between;padding:7px 0}.bill dt{color:#64748b}.bill dd{margin:0;font-weight:700}.bill>.primary{width:100%}.newbill{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;min-height:304px}.newbill b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f1f5f9;font-size:19px}.newbill small{color:#94a3b8}.timeline,.sources{display:grid;gap:10px}.timeline article,.sources article{display:flex;align-items:center;padding:17px 20px;gap:18px}.timeline article.current{border-left:3px solid #10b981}.timeline article>b{width:55px;color:#64748b;font-size:18px}.timeline h2,.sources h2{font-size:14px;margin:6px 0 3px}.timeline p,.sources p{margin:0;color:#94a3b8;font-size:11px}.timeline article>strong{margin-left:auto;color:#64748b;font-size:12px}.sources article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#eff6ff;color:#2563eb;font-style:normal}.sources article>span{flex:1}.sources h2{margin-top:0}.sources article>button{border:0;background:transparent;color:#94a3b8}.empty{min-height:70vh;text-align:center;padding-top:20vh;color:#94a3b8}.empty>b{display:grid;place-items:center;margin:auto;width:58px;height:58px;border-radius:50%;background:#e8eef5;font-size:25px}.empty h2{color:#334155;font-size:17px}.backdrop{position:fixed;inset:0;background:#0f172a85;z-index:50;display:none;place-items:center;padding:20px}.backdrop.open{display:grid}.modal{width:min(620px,100%);background:white;border-radius:12px;box-shadow:0 24px 60px #0f172a40;animation:pop .18s ease-out}@keyframes pop{from{opacity:0;transform:translateY(8px)}}.modal-head{padding:20px 22px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.modal-head h2{font-size:18px;margin:0 0 4px}.modal-head p{margin:0;color:#94a3b8;font-size:11px}.modal-head button{border:0;background:transparent;font-size:22px;color:#64748b}.steps{display:flex;align-items:center;justify-content:center;padding:18px;background:#f8fafc;color:#94a3b8;font-size:11px}.steps b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cbd5e1;border-radius:50%;margin-right:7px}.steps b:first-child{background:#2563eb;color:white;border-color:#2563eb}.steps i{height:1px;width:60px;background:#dbe3ed;margin:0 10px}.form{padding:18px 22px 0}.form>label{display:block;font-weight:700;font-size:12px;margin:0 0 8px}.form>label:not(:first-child){margin-top:18px}.form>label small{font-weight:400;color:#94a3b8;margin-left:5px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{border:1px solid var(--border);background:white;border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;color:#64748b}.choices button.selected{border-color:#3b82f6;background:#f8fbff}.choices button>i{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#eff6ff;color:#2563eb;font-style:normal}.choices b,.choices small{display:block;color:#334155}.choices small{color:#94a3b8;margin-top:4px}.choices em{margin-left:auto;color:#2563eb;display:none}.choices .selected em{display:block}.form select{width:100%;height:39px;border:1px solid var(--border);border-radius:7px;padding:0 10px;color:#334155;background:white}.keys{border:1px solid var(--border);border-radius:8px;overflow:hidden}.keys label,.keys button{display:flex;align-items:center;gap:8px;width:100%;height:43px;border:0;border-bottom:1px solid var(--border);background:white;padding:0 12px;text-align:left}.keys label>b{display:grid;place-items:center;width:18px;height:18px;border-radius:4px;background:#eaf2ff;color:#2563eb;font-size:10px}.keys label em{margin-left:auto;color:#94a3b8;font-size:10px;font-style:normal}.keys button{border:0;color:#2563eb;font-size:11px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:20px 22px}.toast{position:fixed;right:24px;bottom:24px;z-index:80;background:#102a43;color:#34d399;border-radius:9px;padding:12px 16px;display:flex;align-items:center;box-shadow:0 12px 30px #0f172a40;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast span b,.toast span small{display:block;color:white}.toast span small{color:#b8c8d6;margin-top:3px;font-size:10px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:760px){aside{transform:translateX(-100%);transition:.2s}aside.open{transform:none}main{margin-left:0}.menu{display:inline-block;border:0;background:transparent}.page{padding:18px 14px}header{padding:0 14px}header span{display:none}.metrics{grid-template-columns:1fr}.progress{display:none}.heading h1{font-size:20px}.heading .secondary{display:none}.tablewrap{margin-left:-14px;margin-right:-14px}.billgrid{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.steps i{width:18px}.toolbar{flex-wrap:wrap}.toolbar label{width:100%}.toolbar>span{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* 6月真实样例：数据质量门禁与批次追溯 */
.sync.sync-danger i{background:#dc2626;box-shadow:0 0 0 4px #fee2e2}.sync.sync-danger strong{color:#b91c1c}.sync.sync-danger small{color:#ef4444}
.critical-alert{background:#fff1f2!important;border-color:#fecdd3!important}.critical-alert> b{background:#dc2626!important}.critical-alert strong{color:#9f1239}.critical-alert button{color:#be123c}
.batch-meta{display:flex;align-items:center;gap:24px;padding:14px 18px;margin:0 0 18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a}.batch-meta span{display:flex;flex-direction:column;gap:3px}.batch-meta small{color:#64748b}.batch-meta b{font-size:13px;color:#0f172a}.batch-meta em{margin-left:auto}
.source-risk{border-color:#fecaca!important;background:#fffafa!important}
.wizard-modal{width:min(720px,100%)}.wizard-pane[hidden]{display:none}.steps b.active{background:#2563eb;color:#fff;border-color:#2563eb}.steps b.done{background:#dcfce7;color:#047857;border-color:#86efac}.standard-notice{border:1px solid #bfdbfe;background:#eff6ff;border-radius:8px;padding:12px 14px;margin-bottom:16px}.standard-notice b{color:#1d4ed8}.standard-notice p{margin:4px 0 0;color:#64748b;font-size:12px}.wizard-pane>div>label{display:block;font-weight:700;font-size:12px;margin:14px 0 8px}.rule-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rule-summary span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:11px;color:#475569;font-size:12px}.confirm-card{border:1px solid #e2e8f0;border-radius:10px;padding:16px}.confirm-card h3{margin:0 0 12px}.confirm-card dl{margin:0}.confirm-card dl div{display:flex;gap:20px;padding:10px 0;border-top:1px solid #edf1f5}.confirm-card dt{width:95px;color:#64748b}.confirm-card dd{margin:0;flex:1;font-weight:600}.modal-foot #prevStep{margin-left:auto}.modal-foot #cancelWizard+#prevStep:not([hidden]){margin-left:0}.modal-foot #cancelWizard{margin-right:auto}
.gate-steps{list-style:none;padding:8px 0 0;margin:0}.gate-steps li{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid #edf1f5}.gate-steps li>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e2e8f0;color:#64748b}.gate-steps li>span{flex:1;font-weight:600}.gate-steps small{display:block;color:#94a3b8;font-weight:400;margin-top:3px}.gate-steps em{font-style:normal;color:#94a3b8}.gate-steps .failed>b{background:#fee2e2;color:#dc2626}.gate-steps .failed em{color:#dc2626;font-weight:700}.risk-summary>p{display:flex;justify-content:space-between;margin:0;padding:13px 2px;border-top:1px solid #edf1f5;color:#64748b}.risk-summary>p:first-of-type{margin-top:9px}.risk-summary>p b{color:#0f172a}
.export-policy,.quality-gate{display:flex;align-items:center;gap:16px;padding:16px 18px;margin-bottom:18px;border-radius:12px}.export-policy{background:#eff6ff;border:1px solid #bfdbfe}.export-policy b{color:#1d4ed8;white-space:nowrap}.export-policy span{flex:1;color:#475569;font-size:13px}.quality-gate{display:grid;grid-template-columns:1fr auto;background:#fff1f2;border:1px solid #fecdd3}.quality-gate b{color:#9f1239;font-size:16px}.quality-gate p{grid-column:1;color:#7f1d1d;margin:0}.quality-gate button{grid-column:2;grid-row:1/3}.sources article span small{display:block;margin-top:5px;color:#64748b}
button:disabled{cursor:not-allowed;opacity:.48}
@media(max-width:900px){.batch-meta{align-items:flex-start;flex-wrap:wrap}.batch-meta em{margin-left:0}.export-policy{align-items:flex-start;flex-direction:column}.quality-gate{display:flex;align-items:flex-start;flex-direction:column}}