:root{--blue:#327dec;--ink:#21344d;--muted:#8490a2;--line:#e7edf4;--soft:#f4f7fb;--green:#289c73;color:var(--ink);background:var(--soft);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a9ccff}a{color:inherit;text-decoration:none}p{line-height:1.7}h1,h2,h3,p{margin:0}h2{font-size:16px}h3{margin:24px 0 12px;font-size:14px}button{color:inherit}input[type=checkbox]{accent-color:var(--blue);cursor:pointer;width:15px;height:15px}.erp-layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:226px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 9px;font-size:23px;font-weight:650;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:12px 12px 12px 2px;place-items:center;width:41px;height:44px;font-size:24px;display:grid}.brand small{color:var(--muted);letter-spacing:1px;margin-top:3px;font-size:10px;font-weight:400;display:block}.workspace-label{color:#7b8da3;border:1px solid var(--line);border-radius:5px;margin:32px 8px 26px;padding:9px 12px;font-size:12px}.nav-caption{color:#a4aebd;letter-spacing:2px;margin:0 14px 12px;font-size:11px}.nav-item{color:#6f7e92;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;margin:4px 0;padding:14px;display:flex}.nav-item.active{color:var(--blue);background:#edf4ff;font-weight:600}.nav-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-card{border:1px solid var(--line);background:#f5f8fc;border-radius:9px;margin-top:50px;padding:18px 14px}.sidebar-card strong{margin:12px 0 8px;font-size:12px;display:block}.sidebar-card p{color:var(--muted);margin-bottom:16px;font-size:10px}.sidebar-card>span{color:#5986c3;font-size:10px}.sidebar-bottom{color:#8a98ab;align-items:center;gap:7px;margin-top:auto;padding-top:26px;font-size:10px;display:flex}.main-shell{width:calc(100% - 226px);margin-left:226px}.topbar{border-bottom:1px solid var(--line);color:#718299;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 36px;font-size:12px;display:flex}.topbar span{color:#bec8d5;margin:0 12px}.top-right{align-items:center;gap:8px;font-size:11px;display:flex}.top-right .environment-dot{background:#4ca98a;border-radius:50%;width:6px;height:6px;margin:0}.top-right .avatar{color:var(--blue);background:#e9f1fc;border-radius:50%;place-items:center;width:29px;height:29px;margin:0 2px 0 24px;display:grid}.top-right b{color:#5c6b81;font-weight:500}main{max-width:1650px;margin:auto;padding:32px 36px 0}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:#8c9db2;letter-spacing:2px;margin-bottom:9px;font-size:9px}h1{letter-spacing:.5px;font-size:26px;font-weight:650}.page-heading p{color:#8593a6;margin-top:9px;font-size:12px}.heading-actions{gap:10px;display:flex}.button{white-space:nowrap;background:#fff;border:1px solid #dce4ee;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:12px;line-height:1.5;transition:background .15s;display:inline-flex}.button:hover{background:#f4f8fe}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{background:#226cda}.button.subtle{color:#7c8b9e}.demo-banner{color:#6681a4;background:#edf4ff;border:1px solid #dceafb;border-radius:5px;align-items:flex-start;gap:9px;margin-bottom:22px;padding:12px 15px;font-size:11px;line-height:1.8;display:flex}.demo-banner b{color:#4674b0;margin-right:12px;font-weight:600}.demo-banner .i-icon{flex-shrink:0;margin-top:3px}.order-panel{border:1px solid var(--line);background:#fff;border-radius:8px 8px 0 0;align-items:center;gap:18px;padding:23px 25px;display:flex}.garment{background:#edf4fc;border-radius:8px;place-items:center;width:66px;height:66px;display:grid}.order-primary{flex:1}.order-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.order-line h2{font-variant-numeric:tabular-nums;margin-right:3px;font-size:18px}.order-primary p{color:#8e9cae;margin-top:12px;font-size:11px}.order-primary p span{margin-left:22px}.order-right{text-align:right;border-left:1px solid var(--line);min-width:155px;padding-left:15px}.order-right>span{color:#8c9aad;margin-bottom:5px;font-size:11px;display:block}.order-right strong{letter-spacing:1px;font-size:28px;font-weight:650}.order-right small{color:#96a0af;letter-spacing:0;font-size:11px;font-weight:400}.badge{color:#8692a4;white-space:nowrap;background:#f1f4f8;border-radius:4px;padding:4px 8px;font-size:10px;line-height:1.4;display:inline-block}.badge.green{color:var(--green);background:#eaf8f2}.badge.blue{color:#4386df;background:#eaf2ff}.badge.amber{color:#ad8743;background:#fff7e9}.stage-strip{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 8px 8px;justify-content:space-between;padding:20px 26px;display:flex}.stage-strip>div{color:#a1adbc;flex:1;align-items:center;gap:9px;font-size:11px;display:flex}.stage-strip>div:last-child{flex:none}.stage-number{border:1px solid #e4eaf2;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.stage-strip .done{color:#627e74}.stage-strip .done .stage-number{background:#f2fbf7;border-color:#d4eddf}.stage-strip .current{color:var(--blue);font-weight:600}.stage-strip .current .stage-number{background:var(--blue);color:#fff;border-color:var(--blue)}.stage-connector{background:#e7edf4;flex:1;min-width:8px;height:1px;margin:0 16px 0 4px}.stage-note{color:#9ba8b9;margin:9px 0 24px;font-size:10px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:7px;padding:20px 22px}.metric>div{color:#7d8da2;justify-content:space-between;align-items:center;font-size:12px;display:flex}.metric>strong{letter-spacing:1px;font-variant-numeric:tabular-nums;margin:13px 0 9px;font-size:31px;font-weight:550;display:block}.metric strong small{color:#a2adbc;letter-spacing:0;margin-left:8px;font-size:10px;font-weight:400}.metric p{color:#a1adbc;font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:7px;margin-bottom:22px}.allocation{justify-content:space-between;gap:20px;padding:22px 24px;display:flex}.section-title{align-items:center;gap:10px;display:flex}.section-title h2{font-size:14px}.size-lines{gap:10px;margin-top:18px;display:flex}.size-lines>div{border:1px solid var(--line);border-radius:4px;grid-template-columns:25px auto;gap:5px 12px;min-width:110px;padding:10px 12px;display:grid}.size-lines b{background:#f3f6fa;border-radius:3px;grid-row:span 2;place-items:center;font-size:12px;display:grid}.size-lines span{color:#92a0b2;font-size:9px}.size-lines strong{font-size:10px;font-weight:500}.allocation-action{min-width:310px;padding-top:2px}.allocation-action>label{color:#788a9f;margin-bottom:12px;font-size:11px;display:block}.allocation-action>div{align-items:center;gap:10px;display:flex}.allocation-action input{color:#385270;border:1px solid #dce5f0;border-radius:5px;width:72px;padding:9px}.allocation-action span{color:#8998aa;font-size:11px}.allocation-action small{color:#9ca9b9;margin-top:10px;font-size:9px;display:block}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;display:flex}.count{color:#7a93b3;background:#f0f4f9;border-radius:12px;padding:3px 9px;font-size:10px}.filters{align-items:center;gap:12px;padding:0 24px 18px;display:flex}.search{border:1px solid #e1e8f1;border-radius:5px;align-items:center;gap:8px;width:230px;padding:7px 10px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;font-size:11px}.search input::placeholder{color:#b0bac7}.filters select{color:#7d8ea4;background:#fff;border:1px solid #e1e8f1;border-radius:5px;padding:8px 30px 8px 10px;font-size:11px}.filter-note{color:#9aa7b7;margin-left:auto;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:11px}th{color:#8b99ac;background:#f8fafd;border-block:1px solid #edf1f6;padding:13px 15px;font-weight:400}td{color:#6b7d94;border-bottom:1px solid #f0f3f7;padding:15px}th:first-child,td:first-child{width:40px;padding-left:24px}td small:not(.inline){color:#a8b2c1;margin-top:6px;font-size:9px;display:block}.inline{color:#a6b0bd;font-size:10px}.text-button{color:#4e8de4;background:0 0;border:0;padding:4px 6px;font-size:11px}.text-button:hover{background:#edf4ff;border-radius:3px}.bundle-id{padding-left:0;font-size:12px;font-weight:600}.size-chip{color:#7c8da3;background:#f4f7fa;border-radius:3px;margin-left:7px;padding:2px 6px;font-size:10px}.table-footer{color:#9ca8b8;justify-content:space-between;padding:15px 24px;font-size:10px;display:flex}.page-footer{color:#a6b1bf;justify-content:space-between;gap:16px;padding:7px 0 25px;font-size:10px;display:flex}.page-footer>span:first-child{letter-spacing:2px}.notice{color:#4a8b69;background:#f2fbf6;border:1px solid #d3e9db;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 18px;font-size:12px;display:flex}.notice button,.icon-button{background:0 0;border:0;place-items:center;padding:4px;display:grid}.green-text{color:var(--green)}.panel>.section-title{padding:22px 24px 0}.tabs{border-bottom:1px solid var(--line);gap:28px;padding:18px 24px 0;display:flex}.tabs button{color:#8c9aad;background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 1px 13px;font-size:12px}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.stat-explanation{color:#91a0b2;padding:18px 24px 0;font-size:11px}.progress-bars{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.progress-bars>div{align-items:center;gap:20px;font-size:11px;display:flex}.progress-bars span{color:#8190a4;width:100px}.bar{background:#f0f4f9;border-radius:8px;flex:1;height:7px;overflow:hidden}.bar i{background:#73a5ee;border-radius:8px;height:100%;display:block}.progress-bars strong{text-align:right;width:80px;font-weight:500}.empty{text-align:center;color:#9ba9ba;padding:50px;font-size:12px}.ticket-section .panel-heading p{color:#97a5b6;margin-top:9px;font-size:11px}.tickets{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;padding:0 24px 24px;display:grid}.ticket{color:#243d58;break-inside:avoid;background:#fff;border:1px solid #cad5e3;border-radius:3px;max-width:440px}.ticket-top{border-bottom:1px dashed #cad5e3;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.ticket-top span{color:#8b97a8;background:#f4f5f8;padding:3px 6px;font-size:9px}.ticket-body{justify-content:space-between;align-items:center;gap:8px;padding:15px;display:flex}.ticket-body>div>small{color:#a0acb9;margin-bottom:5px;font-size:9px;display:block}.ticket-body>div>b{font-size:12px}.ticket-body p{margin-top:6px;font-size:11px}.ticket-quantity{align-items:center;gap:24px;margin-top:12px;display:flex}.ticket-quantity>strong,.ticket-quantity>span{font-size:21px}.ticket-quantity small{font-size:10px}.ticket-code{color:#8795a6;word-break:break-all;padding:0 15px 12px;font-family:monospace;font-size:9px}.ticket-bottom{text-align:center;letter-spacing:1px;color:#8e9cad;border-top:1px dashed #cad5e3;padding:10px;font-size:9px}.muted{color:#96a4b6;padding:0 24px 22px;font-size:10px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#21344d66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:9px;width:560px;max-width:calc(100vw - 32px);max-height:90vh;overflow:auto;box-shadow:0 24px 90px #15294430}.modal>p{color:#93a0b1;margin:0 24px;font-size:11px}.review-summary{border-bottom:1px solid var(--line);gap:35px;margin:22px 24px;padding-bottom:20px;display:flex}.review-summary strong{font-size:28px;font-weight:500}.review-summary small{color:#9aa7b8;margin-left:8px;font-size:11px;font-weight:400}.review-list{max-height:260px;margin:0 24px 22px;overflow:auto}.review-list>div{border-bottom:1px solid #f0f3f7;justify-content:space-between;padding:11px 2px;font-size:12px;display:flex}.review-list span{color:#8594a8}.compact{margin:18px 24px;padding:12px;font-size:10px}.modal-actions{justify-content:flex-end;gap:10px;padding:0 24px 24px;display:flex}.detail-drawer{background:#fff;width:450px;max-width:100vw;height:100vh;margin-left:auto;padding:24px;overflow:auto}.detail-drawer .panel-heading{padding:0 0 24px}.detail-drawer .compact{margin:24px 0}.detail-drawer>p{color:#8697aa;margin:6px 0;font-size:12px}.detail-quantities{background:#f6f8fb;border-radius:6px;padding:13px 16px}.detail-quantities p{color:#8695a8;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.detail-quantities b{color:#41638a;font-weight:500}@media (max-width:1250px){.sidebar{width:190px;padding-inline:12px}.main-shell{width:calc(100% - 190px);margin-left:190px}main{padding:25px}.topbar{padding-inline:25px}.allocation{flex-direction:column}.allocation-action{border-top:1px solid var(--line);padding-top:18px}.metric{padding:16px}.order-primary p span{margin-left:12px}.order-right{min-width:130px}.stage-connector{margin-inline:7px}}@media (max-width:900px){.sidebar{width:76px;padding:22px 10px}.brand{justify-content:center;padding:0}.brand>span:not(.brand-mark),.workspace-label,.nav-caption,.nav-item>span,.sidebar-card,.sidebar-bottom{display:none}.nav-item{justify-content:center;margin-top:20px;padding:14px}.main-shell{width:calc(100% - 76px);margin-left:76px}.page-heading{flex-direction:column;align-items:flex-start}.metrics{grid-template-columns:repeat(2,1fr)}.order-panel{flex-wrap:wrap}.order-right{margin-left:auto}.order-primary p span{margin:4px 0;display:block}.stage-strip{overflow:auto}.stage-strip>div{min-width:100px}.stage-connector{min-width:10px}.top-right>b,.filter-note{display:none}.page-footer{flex-direction:column}.tickets{grid-template-columns:1fr}.ticket{max-width:100%}.table-footer{gap:14px}.table-footer>span:last-child{display:none}}@media print{body{background:#fff}.sidebar,.topbar,.page-heading,.demo-banner,.order-panel,.stage-strip,.stage-note,.metrics,.notice,.bundle-table,.page-footer,.modal-backdrop,.ticket-section .panel-heading,.ticket-section>.muted{display:none!important}.main-shell{width:100%;margin:0}main{padding:0}.ticket-section{border:0;margin:0}.tickets{grid-template-columns:repeat(2,1fr);gap:12mm;padding:0;display:grid}.ticket{-webkit-print-color-adjust:exact;print-color-adjust:exact;max-width:none}.ticket-top span{border:1px solid #ccc}}.department-distribution{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 8px 8px;grid-template-columns:repeat(3,1fr);gap:24px;padding:18px 24px;display:grid}.department-distribution>div{border-right:1px solid var(--line)}.department-distribution>div:last-child{border:0}.department-distribution span{color:#7d90a9;font-size:11px}.department-distribution strong{margin:7px 0;font-size:22px;display:block}.department-distribution small{color:#9baabe;font-size:10px;font-weight:400}.department-distribution p{color:#96a5b8;font-size:10px}@media print{.department-distribution{display:none!important}}.workshop-caption{color:#8a9bb0;margin-top:9px;font-size:11px}.demo-role{color:#8494aa;white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.demo-role select{color:#496989;background:#fff;border:1px solid #dce5f0;border-radius:5px;padding:9px 12px;font-size:11px}.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 24px 20px;display:grid}.workshop-card{border:1px solid var(--line);border-radius:6px;overflow:hidden}.workshop-card-heading{border-bottom:1px solid var(--line);background:#f8faff;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.workshop-card-heading h3{margin:0;font-size:13px}.workshop-facts{grid-template-columns:1.1fr 1fr;gap:16px;padding:18px;display:grid}.workshop-facts>div{flex-direction:column;gap:9px;display:flex}.workshop-facts>div>span{color:#8798af;font-size:11px}.workshop-facts strong{font-size:17px;font-weight:550}.workshop-facts small{color:#96a4b6;font-size:10px;font-weight:400;line-height:1.7}.fact-note{color:#597fae;background:#f0f6ff;border-radius:4px;align-items:flex-start;gap:7px;margin:0 18px 15px;padding:9px;font-size:10px;display:flex}.fact-note .i-icon{flex-shrink:0;margin-top:2px}.workshop-card-action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.workshop-card-action>span{color:#96a4b6;font-size:10px}.confirmation-history{padding:0 24px 20px}.confirmation-history h3{align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:500;display:flex}.confirmation-history p{color:#8f9fb3;margin-top:7px;font-size:10px}.confirmation-history ul{margin:0;padding:0;list-style:none}.confirmation-history li{border-top:1px solid var(--line);color:#8b9db3;gap:18px;padding:11px 0;font-size:11px;display:flex}.confirmation-history b{color:#5f7999;font-weight:500}.confirmation-history time{margin-left:auto;font-size:10px}@media (max-width:1250px){.workshop-panel>.panel-heading{flex-direction:column;align-items:flex-start}}@media (max-width:900px){.workshop-grid{grid-template-columns:1fr}.workshop-facts{gap:10px}.confirmation-history li{flex-wrap:wrap;gap:8px}.confirmation-history time{margin-left:0}}@media print{.workshop-panel{display:none!important}}