:root{--bg:#f3f6fb;--card:#fff;--ink:#1b2e4d;--muted:#8794aa;--blue:#3664d9;--blue-soft:#edf3ff;--line:#e6eaf1;--green:#07875a;--orange:#be6f22;--red:#db4b4b;--shadow:0 6px 24px rgba(23,40,80,.035);--radius:15px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:22px 13px}.logo{display:flex;gap:10px;align-items:center;margin:0 11px 20px}.mark{width:37px;height:37px;border-radius:11px;background:#2655bd;color:#fff;display:grid;place-items:center;font-size:19px;font-weight:700}.logo strong{display:block;font-size:15px;letter-spacing:.2px}.logo small{color:#8391ac;font-size:10px;letter-spacing:1px}.side-meta{margin:3px 12px 20px;color:#a0aabd;font-size:11px}.nav-group{padding:12px 10px 5px;color:#a3adc0;font-size:11px;letter-spacing:.6px;font-weight:700}.nav-link{display:flex;align-items:center;gap:10px;width:100%;padding:12px 13px;border:none;background:transparent;color:#62738d;text-align:left;border-radius:9px;margin:2px 0;font-size:13px}.nav-link:hover{background:#f4f7fc}.nav-link.active{background:var(--blue-soft);color:#2758cf;font-weight:700}.nav-sub{padding-left:26px;font-size:12px}.nav-link .symbol{font-size:15px;width:16px;display:inline-block;text-align:center}.side-footer{margin:auto 8px 0;padding:18px 8px;border-top:1px solid var(--line);font-size:12px;color:#677893}.side-footer small{display:block;margin-top:5px;font-size:10px;color:#a4adc0}.status-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4eac86}.main-shell{min-width:0;flex:1}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px}.crumb{font-weight:700;font-size:15px}.topbar-right{display:flex;gap:10px;align-items:center}.env-tag{font-size:11px;background:#f5f7fc;color:#7988a0;padding:8px;border-radius:8px}.topbar select,.select,input[type=date],input[type=month],input[type=text],input[type=number],textarea{border:1px solid #dfe6f1;border-radius:9px;background:#fff;color:#233954;padding:10px;outline-color:#4876e7}.topbar select{min-width:160px}.content{max-width:1640px;margin:0 auto;padding:28px 30px 70px}.loading{margin:60px;text-align:center;color:#7584a0}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}.overline{font-size:10px;font-weight:800;color:#6885bb;letter-spacing:1.2px;margin-bottom:8px}.page-head h1{font-size:25px;letter-spacing:-.5px;margin:0 0 6px}.page-head p{font-size:12px;color:#8493ac;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:1px solid #dfe5f0;border-radius:9px;padding:10px 14px;background:#fff;color:#546781;font-size:12px;font-weight:700}.btn:hover{border-color:#92abe3;background:#f8faff}.btn.primary{border-color:var(--blue);background:var(--blue);color:#fff}.btn.danger{color:#b43a3a;border-color:#f3d6d6}.btn.soft{color:#2f60d6;background:#eef3ff;border-color:#d8e3ff}.tabbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tabbar button{border:1px solid #e4e9f1;background:#fff;color:#71819d;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.tabbar button.active{background:#355fda;border-color:#355fda;color:#fff}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.kpi{min-height:127px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:19px 19px;box-shadow:var(--shadow)}.kpi small{font-size:12px;color:#8490a9}.kpi b{display:block;font-size:27px;letter-spacing:-.6px;margin:11px 0 7px;font-variant-numeric:tabular-nums}.kpi .note{color:#a0aabc;font-size:11px;line-height:1.6}.kpi.hero{background:linear-gradient(125deg,#1d365f,#3764bc);color:#fff}.kpi.hero small,.kpi.hero .note{color:#c5d8f5}.kpi.hero b{color:#fff}.kpi.alert{border-top:3px solid #e59b4a}.layout-2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.layout-2.equal{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:16px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.panel-head h2{font-size:15px;margin:0}.panel-head small{font-size:11px;color:#95a2b9}.panel-sub{color:#8b9bb0;font-size:12px;line-height:1.8;margin:-5px 0 12px}.big-number{font-size:32px;font-weight:800;letter-spacing:-1px}.profit-pending{color:#c28339}.empty{background:#f8faff;border:1px dashed #dbe4f5;border-radius:10px;padding:24px;color:#8292ab;font-size:12px;line-height:1.9}.link{border:none;background:none;color:#3564cb;font-weight:700;font-size:12px;cursor:pointer;padding:3px}.table-wrap{overflow:auto;max-height:520px}.data-table{border-collapse:collapse;width:100%;min-width:610px;font-size:12px}.data-table th{text-align:left;background:#f5f7fc;color:#8190a7;padding:12px 11px;position:sticky;top:0}.data-table td{padding:12px 11px;border-bottom:1px solid #edf0f6;color:#4b5e7d;white-space:nowrap}.data-table td strong{color:#243c62}.tag{display:inline-flex;border-radius:6px;padding:4px 7px;background:#edf3ff;color:#4c72c4;font-size:10px;font-weight:700}.tag.warn{background:#fff3e4;color:#bd761a}.tag.good{background:#e9f7ef;color:#14805d}.tag.bad{background:#fff0f0;color:#c84e4e}.tag.grey{background:#f1f3f7;color:#8b94a5}.entry-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f6;font-size:12px;gap:14px}.entry-row:last-child{border-bottom:none}.entry-row small{display:block;color:#94a2b4;margin-top:5px}.entry-row b{font-size:13px}.entry-row .right{text-align:right}.bar{background:#edf1f7;border-radius:50px;height:9px;overflow:hidden}.bar>i{display:block;background:linear-gradient(90deg,#3867d9,#91a8f0);height:100%;border-radius:50px}.progress-row{display:grid;grid-template-columns:110px 1fr 85px;align-items:center;gap:10px;margin:12px 0;font-size:12px}.progress-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-row b{text-align:right}.hint{border-left:3px solid #91a9df;padding:12px 14px;background:#f8faff;color:#71829e;font-size:12px;line-height:1.8;margin:15px 0;border-radius:0 8px 8px 0}.form-col{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-col label{font-size:12px;color:#596f90;font-weight:700}.form-col input,.form-col select,.form-col textarea{width:100%;font-size:13px}.form-col .help{font-size:11px;color:#9aa7ba}.form-col input[type=file]{padding:11px;border:1px dashed #bcd0ee;border-radius:9px;background:#f9fbff;width:100%}.overlay{position:fixed;inset:0;background:rgba(21,34,61,.37);z-index:10}.drawer{position:fixed;inset:0 0 0 auto;background:#fff;width:min(550px,100vw);z-index:11;box-shadow:-15px 0 55px rgba(22,47,90,.13);overflow:auto}.drawer-head{position:sticky;top:0;background:#fff;border-bottom:1px solid #e8edf5;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;z-index:1}.drawer-head small{color:#8293b0;font-size:11px}.drawer-head h2{margin:6px 0 0;font-size:19px}.drawer-body{padding:25px 26px 45px}.icon-button{border:1px solid #e7ebf2;background:#fff;border-radius:9px;width:35px;height:35px;color:#70809d}.toast{opacity:1}#toast{position:fixed;bottom:23px;right:23px;background:#20395f;color:#fff;padding:12px 17px;border-radius:11px;font-size:12px;z-index:30;max-width:450px;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:none}.mini-chart{width:100%;height:220px}.mini-chart text{fill:#9eaac0;font-size:11px}.workspace-sep{padding:10px 14px 5px;color:#9baaC2;font-size:10px;font-weight:800;letter-spacing:1px}.footer-note{font-size:11px;color:#a7b1c2;margin:18px 0}.datebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 17px}.datebar select{font-size:12px}.datebar small{color:#98a6bd}.metric-builder{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-builder .btn{display:block;text-align:left;width:100%}.card-edit{padding:8px;margin-top:6px;display:flex;justify-content:flex-end;gap:5px}.compact-btn{border:1px solid #d8e2f2;background:#fff;border-radius:6px;color:#47668e;padding:5px 8px}.grey{color:#9eacc0}.danger-text{color:#d65656}.twocol-flex{display:flex;justify-content:space-between;gap:12px;align-items:center}
.raw-grid{overflow:auto;max-height:62vh;border:1px solid var(--line);border-radius:12px;background:#fff}.raw-grid table{font-size:12px;white-space:nowrap}.raw-grid th{position:sticky;top:0;z-index:2;background:#f6f8fc}.raw-grid tbody th{left:0;z-index:1}.cell-button{display:block;width:100%;min-width:72px;max-width:260px;padding:7px 9px;border:0;background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.cell-button:hover{background:#eef3ff}.cell-button.corrected{background:#fff1c7;box-shadow:inset 3px 0 #d99800}.cell-button.corrected:hover{background:#ffe8a0}
@media(max-width:1200px){.content{padding:24px 20px}.kpi-row{grid-template-columns:repeat(2,1fr)}.layout-2{grid-template-columns:1fr}.sidebar{width:205px}}
@media(max-width:740px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:10px 12px}.logo{margin:0 8px 4px}.side-meta,.side-footer{display:none}#nav{display:flex;overflow-x:auto;gap:5px}.nav-group,.workspace-sep{display:none}.nav-link{flex-shrink:0;width:auto;margin:0;padding:9px 10px}.nav-link .symbol{display:none}.nav-sub{padding-left:10px}.topbar{height:55px;padding:0 14px}.content{padding:20px 12px 60px}.page-head{flex-wrap:wrap}.page-head h1{font-size:21px}.kpi-row{gap:8px}.kpi{min-height:108px;padding:15px}.kpi b{font-size:22px}.panel{padding:15px}.layout-2,.layout-2.equal{grid-template-columns:1fr}.env-tag{display:none}.topbar select{min-width:120px}.drawer{width:100vw}.progress-row{grid-template-columns:86px 1fr 70px}}
/* 生产登录层 */
.login-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(135deg,#eef3ff,#f8fafc)}
.login-screen[hidden]{display:none}.login-card{width:min(420px,calc(100vw - 32px));padding:34px;border-radius:20px;background:#fff;box-shadow:0 24px 70px #1d32662b}
.login-card h1{margin:28px 0 20px}.login-card label{display:grid;gap:7px;margin:14px 0;font-weight:600}.login-card input{padding:13px;border:1px solid #d9e0ec;border-radius:10px;font:inherit}.login-card .btn{width:100%;margin-top:12px}.bad-text{color:#b42318;min-height:24px}