:root{--blue: #1f5fbf;--blue-soft: #eaf2ff;--green: #1f9d55;--yellow: #f5b700;--red: #d92d20;--purple: #7656b8;--text: #172033;--muted: #667085;--border: #d9e1ee;--bg: #f3f6fa;--panel: #ffffff;--head: #eef3f8;--radius: 6px;--shadow: 0 8px 24px rgb(17 24 39 / 10%);font-family:Microsoft YaHei,Source Han Sans SC,Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-size:14px}button,input,select{font:inherit}button{border:1px solid var(--border);background:#fff;border-radius:var(--radius);height:32px;padding:0 12px;cursor:pointer}button:hover{border-color:var(--blue);color:var(--blue)}select,input{height:32px;border:1px solid var(--border);border-radius:var(--radius);padding:0 10px;background:#fff;min-width:0}h1,h2,p{margin:0}h1{font-size:20px}h2{font-size:16px;margin-bottom:12px}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{color:#fff;filter:brightness(.96)}.secondary{background:var(--blue-soft);color:var(--blue);border-color:#b9d0f5}.ghost{background:transparent}.danger-btn{background:var(--red);color:#fff;border-color:var(--red)}.danger-btn:hover{color:#fff;filter:brightness(.95)}.danger-text{color:var(--red);border-color:#f1c1bd}.wide{width:100%;height:40px}.hint{color:var(--muted);font-size:12px;line-height:1.7}.boot-fallback{min-height:100vh;display:grid;place-content:center;gap:10px;padding:24px;text-align:center;background:#edf2f7;color:var(--text)}.boot-fallback strong{font-size:20px}.boot-fallback span{color:var(--muted);line-height:1.8;max-width:520px}.login-page{min-height:100vh;display:grid;place-items:center;background:#edf2f7}.login-panel{width:380px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;display:grid;gap:16px}.login-panel label{display:grid;gap:8px;color:var(--muted)}.brand-block{border-left:4px solid var(--blue);padding-left:12px;display:grid;gap:4px}.brand-block strong{font-size:22px}.brand-block span{color:var(--muted)}.shell{height:100vh;display:grid;grid-template-columns:auto 1fr;overflow:hidden}.sidebar{width:224px;background:#162033;color:#dce7f7;border-right:1px solid #24354f;transition:width .15s ease}.sidebar.collapsed{width:64px}.system-name{height:56px;padding:12px 16px;display:grid;border-bottom:1px solid #24354f}.system-name b{color:#fff;font-size:16px}.system-name span{font-size:12px;color:#9fb1cc}.sidebar.collapsed .system-name span,.sidebar.collapsed button b{display:none}.sidebar button{width:calc(100% - 16px);margin:6px 8px;border:0;background:transparent;color:#cbd8ea;display:flex;align-items:center;gap:10px;justify-content:flex-start}.sidebar button.active{background:var(--blue);color:#fff}.sidebar button span{width:22px;text-align:center}.workspace{min-width:0;height:100vh;display:grid;grid-template-rows:56px auto auto minmax(0,1fr);overflow:hidden}.topbar{background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 18px;min-height:0}.breadcrumb{color:var(--muted);flex:1}.account{display:flex;align-items:center;gap:10px}.role{background:var(--blue-soft);color:var(--blue);padding:4px 8px;border-radius:var(--radius)}.runtime-line{min-height:36px;padding:4px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:#fbfdff;color:var(--muted);font-size:12px}.inline-warning{color:#9a5b00;background:#fff7df;border:1px solid #f4d06f;border-radius:var(--radius);padding:4px 8px;font-weight:700;white-space:nowrap}.page-stack{min-width:0;min-height:0;overflow:auto}.page{min-width:0;min-height:0;padding:16px 18px 18px;display:flex;flex-direction:column;gap:16px;align-content:start}.page>*{flex:0 0 auto}.page-error{margin:8px 18px 0}.error{color:var(--red);background:#fff1f0;border:1px solid #ffccc7;padding:8px 10px;border-radius:var(--radius)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-head p{color:var(--muted);margin-top:6px}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cards article{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:grid;gap:8px}.cards span{color:var(--muted)}.cards b{font-size:26px}.cards .warn b{color:#a66b00}.cards .danger b{color:var(--red)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:14px;align-items:start}.dashboard-grid .panel:first-child{grid-row:span 2}.process-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.process-cell{border:1px solid var(--border);background:#fbfdff;border-radius:var(--radius);padding:10px;display:grid;gap:4px}.process-cell b{font-size:18px}.process-cell em{color:var(--muted);font-size:12px;font-style:normal}.todo-row{display:grid;grid-template-columns:1fr 70px auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.todo-row div{display:grid;gap:4px}.todo-row span{color:var(--muted);font-size:12px}.todo-row strong{text-align:right;font-variant-numeric:tabular-nums}.todo-board{display:grid;gap:10px}.todo-card{background:#fff;border:1px solid #f0d58a;border-left:4px solid var(--yellow);border-radius:var(--radius);padding:12px;display:grid;gap:10px}.todo-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.todo-card header div{display:grid;gap:4px}.todo-card header b{font-size:16px}.todo-card header span,.todo-meta{color:var(--muted)}.todo-card header strong{color:#8a5b00;font-size:24px;font-variant-numeric:tabular-nums}.todo-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:12px}.todo-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-card footer{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border);padding-top:10px}.status-list{display:grid;gap:10px}.status-list span{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:8px;color:var(--muted)}.status-list b{color:var(--text)}.empty-state{color:var(--muted);background:#f8fafc;border:1px dashed var(--border);padding:18px;text-align:center;border-radius:var(--radius)}.filter{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;gap:8px;flex-wrap:wrap}.table-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:auto}table{width:100%;border-collapse:collapse;min-width:980px}.wide-table table{min-width:1480px}th,td{border-bottom:1px solid var(--border);padding:9px 10px;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:var(--head);color:#27364d;font-weight:700;z-index:1}tbody tr:nth-child(2n){background:#fbfcfe}tbody tr:hover{background:#eef6ff}.row-pending_confirm{background:#fff9e6}.row-rejected{background:#fff3f0}.row-voided{color:#8a94a6;background:#f5f6f8}.num{text-align:right;font-variant-numeric:tabular-nums}.strong{font-weight:700}.highlight{background:#f0f7ff;color:var(--blue);font-weight:700}.ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis}.row-actions{display:flex;gap:6px}.pagination{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.pagination div{display:flex;gap:8px}.status,.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;margin-right:4px}.status.pending_confirm{background:#fff3c4;color:#8a5b00}.status.confirmed{background:#dcfce7;color:#166534}.status.rejected,.status.voided{background:#fee2e2;color:#991b1b}.status.admin_adjusted{background:#ede9fe;color:#5b21b6}.status.disabled{background:#eef1f5;color:#667085}.status.validated{background:#dcfce7;color:#166534}.status.partial,.status.pending{background:#fff3c4;color:#8a5b00}.status.failed,.status.unsupported{background:#fee2e2;color:#991b1b}.tag{background:#eaf2ff;color:var(--blue)}.tag:nth-child(2n){background:#efe7ff;color:var(--purple)}.split{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);gap:14px}.inline-form{display:flex;gap:8px;margin-bottom:10px}.inline-form input{flex:1}.config-row,.product-row,.unit-row{display:grid;grid-template-columns:minmax(100px,1fr) 170px auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.flow-row{grid-template-columns:minmax(180px,1fr) auto;align-items:start}.flow-row span{display:grid;gap:4px}.flow-row small{color:var(--muted);line-height:1.5;word-break:break-all}.product-row{grid-template-columns:120px 1fr auto}.unit-row{grid-template-columns:minmax(120px,1fr) auto}.product-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.product-actions button{height:28px;padding:0 8px}.product-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.product-form button{grid-column:span 2;justify-self:end}.user-create input:last-child{min-width:260px;flex:1}.small-actions{display:flex;gap:6px;justify-content:flex-end}.small-actions button{height:28px;padding:0 8px}.muted-tag{margin-left:6px;color:#667085;background:#eef1f5;padding:2px 6px;border-radius:999px;font-size:12px;font-style:normal}.modal-mask{position:fixed;inset:0;background:#0f172a6b;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(680px,100%);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:grid;gap:6px;color:var(--muted)}.modal footer{display:flex;justify-content:flex-end;gap:8px}.upload-box{min-height:120px;border:1px dashed #9bb6db;background:#f8fbff;display:grid;place-items:center;gap:6px;text-align:center;color:var(--blue);border-radius:var(--radius);cursor:pointer;padding:14px}.upload-box input{display:none}.upload-box span{color:var(--muted);font-size:12px}.import-result{border:1px solid var(--border);background:#fbfdff;border-radius:var(--radius);padding:12px;display:grid;gap:8px}.import-result p{color:var(--muted)}.import-result ul{margin:0;padding-left:18px;color:var(--red);display:grid;gap:4px}.toast{position:fixed;right:20px;bottom:20px;background:#101828;color:#fff;padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:20}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,100%);background:#fff;border-left:1px solid var(--border);box-shadow:var(--shadow);z-index:15;display:grid;grid-template-rows:auto 1fr auto}.drawer header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border)}.drawer header p{color:var(--muted);margin-top:6px}.detail-grid{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:18px;align-content:start}.detail-grid span{color:var(--muted)}.detail-grid b{white-space:normal;word-break:break-word}.drawer-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}@media(max-width:1366px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.split,.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel:first-child{grid-row:auto}}