@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");:root{font-family:DM Sans,Microsoft YaHei,PingFang SC,sans-serif;color:#1c2938;background:#f4f6f9;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#12243a;color:#e7edf5;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:27px 21px 34px}.auth-icon,.brand-mark{display:grid;place-items:center;background:#2d78c8;color:white;border-radius:12px;width:38px;height:38px}.brand small,.brand strong{display:block}.brand strong{font-size:16px;letter-spacing:.3px}.brand small{font-size:11px;color:#8fa5bd;margin-top:4px}.nav-label{font-size:11px;color:#7f96b0;letter-spacing:1.5px;padding:0 25px 12px}.sidebar nav{display:grid;grid-gap:4px;gap:4px;padding:0 12px}.nav-item{width:100%;border:0;background:transparent;color:#aebed0;padding:12px 15px;text-align:left;display:flex;gap:12px;align-items:center;border-radius:8px}.nav-item:hover{background:#1b344f;color:white}.nav-item.active{background:#2762a0;color:white;font-weight:700}.sidebar-bottom{margin-top:auto;border-top:1px solid #2d4158;padding:19px 16px;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;background:#3d648d;display:grid;place-items:center;font-weight:700}.who{min-width:0;flex:1 1}.who b,.who small{display:block}.who small{color:#8fa5bd;font-size:11px;margin-top:2px}.icon-btn{border:0;background:transparent;color:#aebed0;padding:5px}.content{min-width:0;flex:1 1}.topbar{height:64px;background:#fff;border-bottom:1px solid #e3e8ee;display:flex;justify-content:space-between;align-items:center;padding:0 34px}.breadcrumb{font-weight:600;color:#344054}.breadcrumb span{color:#b2bcc8;margin:0 8px}.top-right{display:flex;align-items:center;gap:8px;color:#66778a;font-size:12px}.live-dot{height:7px;width:7px;border-radius:50%;background:#3db886}.divider{height:16px;width:1px;background:#dce3ea;margin:0 8px}.page{max-width:1500px;margin:auto;padding:34px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 24px}.section-title h1{font-size:25px;letter-spacing:-.4px;margin:0 0 7px}.section-title p{color:#8190a1;margin:0}.btn{border:1px solid #d6e0ea;background:#fff;color:#243a52;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;font-weight:600;white-space:nowrap}.btn:hover{border-color:#8ba9c8;background:#f8fbff}.btn.primary{background:#276cb1;color:white;border-color:#276cb1;box-shadow:0 3px 8px #276cb125}.btn.primary:hover{background:#205f9c}.btn.danger{color:#bd4b4b;border-color:#f0c9c9}.btn.full{width:100%;margin-top:16px}.card{background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:22px;box-shadow:0 3px 14px #193b6006;margin-bottom:18px;min-width:0}.card h2{font-size:16px;margin:0 0 18px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.card-head h2{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:8px}.metric{min-height:155px}.metric-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;margin-bottom:16px}.metric-icon.blue{background:#eaf3ff;color:#2e76be}.metric-icon.orange{background:#fff3e7;color:#cf8534}.metric-icon.purple{background:#f2eefe;color:#8659bd}.metric-icon.red{background:#ffeded;color:#db6565}.metric span{color:#8190a1;display:block}.metric strong{font-size:30px;display:block;margin:6px 0}.metric-foot{font-size:11px;color:#a5b2c0}.two-col{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:18px;gap:18px}.stat-list>div{display:flex;justify-content:space-between;padding:13px 3px;border-bottom:1px solid #edf1f4}.stat-list>div:last-child{border:0}.stat-list span{display:flex;align-items:center;gap:10px}.stat-list b{font-size:16px}.legend{height:9px;width:9px;border-radius:50%;display:inline-block}.legend.planned{background:#9aa9b9}.legend.in_progress{background:#4485c5}.legend.paused{background:#e7a54a}.legend.completed{background:#4eb28d}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;color:#8795a4;font-weight:700;letter-spacing:.3px;background:#f7f9fb;padding:12px 13px}td,th{white-space:nowrap}td{border-top:1px solid #edf1f5;padding:14px 13px;color:#344253}td small{display:block;color:#96a3af;margin-top:5px}td b{font-weight:600}.link,.row-link{background:transparent;border:0;padding:0;color:#286daF;font-weight:600;display:inline-flex;align-items:center;gap:5px}.link:hover,.row-link:hover{text-decoration:underline}.link.red{color:#cc5b5b}.tag{display:inline-flex;padding:4px 9px;border-radius:20px;background:#eef2f6;color:#65778b;font-size:11px;font-weight:700;white-space:nowrap}.tag.completed,.tag.confirmed,.tag.signed{background:#e8f6ef;color:#24885e}.tag.dispatched,.tag.in_progress{background:#e9f3ff;color:#286daf}.tag.draft,.tag.paused{background:#fff4e7;color:#b87e35}.tag.cancelled,.tag.voided{background:#fceeee;color:#b75e5e}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dbe4ec;border-radius:8px;padding:0 13px;margin-bottom:17px;width:min(390px,100%);color:#8da0b1}.search input{outline:0;border:0;height:38px;flex:1 1;min-width:0;background:transparent}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.hint{font-size:12px;color:#8796a5}.empty{text-align:center;padding:28px 5px;color:#9aa8b5}.back{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#65798c;padding:0;margin-bottom:23px}.back:hover{color:#276cb1}.actions{display:flex;gap:9px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.detail-grid .card{min-height:100px}.detail-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.detail-grid.compact>div{padding:8px 0}.eyebrow{font-size:12px;color:#8d9bac;margin-bottom:10px}.big{font-size:23px;font-weight:700}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#5c6a79;margin-bottom:17px}.field input,.field select,.field textarea{border:1px solid #dbe3eb;border-radius:8px;background:white;color:#24394f;outline:none;padding:10px 12px;width:100%;font-size:14px;min-height:40px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4b91d4;box-shadow:0 0 0 3px #4b91d41b}.field textarea{min-height:75px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 20px;gap:0 20px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{display:flex;justify-content:flex-end;margin-top:18px}.item-form{border:1px solid #e3eaf1;border-radius:9px;padding:19px;margin:15px 0}.item-head{display:flex;justify-content:space-between;margin-bottom:15px}.qty-input{width:115px;border:1px solid #dbe3eb;border-radius:7px;padding:8px}.toast{position:fixed;right:25px;bottom:25px;background:#193752;color:#fff;box-shadow:0 10px 30px #001e3d33;padding:13px 18px;border-radius:8px;z-index:20;max-width:350px}.auth-shell{min-height:100vh;background:linear-gradient(135deg,#132b47,#24639b);display:grid;place-items:center;padding:20px}.auth-card{background:#fff;width:min(420px,100%);padding:34px;border-radius:15px;box-shadow:0 20px 60px #00132244}.auth-icon{width:50px;height:50px;margin-bottom:20px}.auth-card h1{margin:0 0 8px}.auth-card p{color:#8190a1;margin:0 0 27px}.error-text{margin-top:15px;color:#c34e4e;font-size:13px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sidebar{width:200px}.page{padding:24px}.topbar{padding:0 24px}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;height:auto;position:static}.brand{padding:14px 18px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;padding:0 10px 10px}.nav-item{white-space:nowrap;width:auto;padding:9px 11px}.topbar{height:48px;padding:0 16px}.top-right{display:none}.page{padding:19px 14px}.section-title{align-items:flex-start}.section-title h1{font-size:21px}.metrics{gap:9px}.metric{min-height:125px;padding:14px}.metric strong{font-size:24px}.detail-grid,.detail-grid.compact,.form-grid,.form-grid.three{grid-template-columns:1fr}.card{padding:16px}.filter-row{display:block}}.filter-row{justify-content:flex-start;flex-wrap:wrap;margin-bottom:14px;gap:10px}.filter-row .search{margin-bottom:0}.doc-actions select,.filter-row select{border:1px solid #dbe4ec;border-radius:8px;background:#fff;color:#344253;padding:9px 10px;min-height:39px}.doc-actions{align-items:center;min-width:245px}.doc-actions .link{white-space:nowrap}.item-form h3{font-size:14px;color:#42546a}.order-total{display:flex;justify-content:space-between;align-items:center;gap:20px}.order-total span{color:#65778b;font-weight:600}.order-total strong{font-size:23px;color:#205f9c}.field input[readonly]{background:#f7f9fb;color:#2762a0;font-weight:700}.brand>div:last-child{min-width:0}.brand strong{overflow-wrap:anywhere;line-height:1.35}.pdf-backdrop{position:fixed;inset:0;z-index:100;background:#12243acc;display:flex;align-items:center;justify-content:center;padding:24px}.pdf-dialog{width:min(1100px,100%);height:min(92vh,940px);background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px #00132266}.pdf-dialog-head{min-height:52px;padding:9px 14px 9px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e9ef;color:#243a52}.pdf-close{border:0;background:transparent;border-radius:7px;width:36px;height:36px;display:grid;place-items:center;color:#50647a}.pdf-close:hover{background:#eef3f8}.pdf-dialog iframe{border:0;width:100%;flex:1 1;min-height:0;background:#f4f6f9}@media(max-width:700px){.pdf-backdrop{padding:10px}.pdf-dialog{height:94vh}}.screen-mode .sidebar,.screen-mode .topbar{display:none}.screen-mode .content{width:100%}.screen-mode .page{max-width:none;padding:28px 36px}.factory-hero{background:linear-gradient(115deg,#142b45,#19567c 60%,#247597);color:#fff;border-radius:14px;padding:28px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;box-shadow:0 12px 28px #14345322}.factory-eyebrow{display:block;color:#9fd4ed;font-size:12px;letter-spacing:1px;font-weight:700}.factory-hero h2{font-size:26px;margin:8px 0}.factory-hero p{color:#c4e0ed;margin:0}.factory-hero-count{text-align:center;min-width:130px}.factory-hero-count strong{font-size:44px;line-height:1;display:block}.factory-hero-count span{font-size:12px;color:#c4e0ed}.gantt-card{padding:0;overflow:hidden}.gantt-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 12px}.gantt-heading h2{margin:0 0 5px}.gantt-heading p{margin:0;color:#8796a5;font-size:12px}.gantt-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.gantt-controls button{background:#fff;border:1px solid #dce5ed;border-radius:7px;color:#315574;height:33px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px}.gantt-controls button:hover{background:#eef6fd}.gantt-controls span{font-size:12px;color:#8190a1;margin-left:6px}.gantt-legend{display:flex;gap:18px;flex-wrap:wrap;padding:0 24px 16px;color:#6c7f91;font-size:12px}.gantt-legend span{display:flex;align-items:center;gap:6px}.gantt-legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.gantt-legend-dot.planned{background:#8aa2bd}.gantt-legend-dot.in_progress{background:#2778c5}.gantt-legend-dot.paused{background:#e2a13b}.gantt-legend-dot.completed{background:#39a37e}.gantt-legend-dot.late{background:#d65c5c}.gantt-scroll{overflow:auto;max-height:650px;border-top:1px solid #e5ebf1}.gantt-head,.gantt-row,.gantt-table{width:max-content;min-width:100%}.gantt-head,.gantt-row{display:flex}.gantt-head{background:#f7f9fc}.gantt-fixed{position:-webkit-sticky;position:sticky;left:0;width:265px;min-width:265px;z-index:2;border-right:1px solid #e5ebf1;background:#fff}.gantt-fixed-head{z-index:4;background:#f2f6fa;display:flex;align-items:center;padding:12px 15px;font-size:12px;font-weight:700;color:#587087}.gantt-days{display:flex;min-width:0}.gantt-day{flex-shrink:0;text-align:center;padding:7px 0;border-right:1px solid #e8edf3;font-size:11px;color:#64788c}.gantt-day b,.gantt-day small{display:block}.gantt-day small{margin-top:3px;color:#a0adba}.gantt-day.today{background:#dff2ff;color:#1769a6}.gantt-row{border-top:1px solid #eef1f5}.gantt-task-label{border:0;border-right:1px solid #e5ebf1;text-align:left;padding:9px 15px;min-height:68px;cursor:pointer}.gantt-task-label:hover{background:#f4f9ff}.gantt-task-label b,.gantt-task-label small,.gantt-task-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gantt-task-label b{color:#294359;font-size:13px}.gantt-task-label small{color:#7a8da0;font-size:11px;margin-top:3px}.gantt-task-label span{color:#648199;font-size:11px;margin-top:4px}.gantt-track{height:68px;position:relative;background:repeating-linear-gradient(90deg,#fff 0,#fff 53px,#e8edf3 0,#e8edf3 54px)}.gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:#58a8db;z-index:1;opacity:.7}.gantt-bar{position:absolute;top:20px;height:28px;border:0;border-radius:6px;color:#fff;text-align:left;padding:0 9px;z-index:2;cursor:pointer;box-shadow:0 2px 6px #173b5933;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700}.gantt-bar:hover{filter:brightness(1.12);outline:2px solid #163e68}.gantt-bar.planned{background:#829bb6}.gantt-bar.in_progress{background:#2678c3}.gantt-bar.paused{background:#df9b31}.gantt-bar.completed{background:#3ba481}.gantt-bar.late{background:#cf5c59}.gantt-empty{padding:36px;color:#9aa8b5;text-align:center}.factory-urgent-list{display:grid;grid-gap:0;gap:0}.factory-urgent{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;padding:12px 4px;color:#607489}.factory-urgent:hover{background:#f5f9fd}.factory-urgent:last-child{border-bottom:0}.factory-urgent-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#829bb6}.factory-urgent-dot.in_progress{background:#2678c3}.factory-urgent-dot.paused{background:#df9b31}.factory-urgent-dot.late{background:#cf5c59}.factory-urgent-name{flex:1 1;min-width:0}.factory-urgent-name b,.factory-urgent-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.factory-urgent-name b{color:#294359}.factory-urgent-name small{font-size:11px;color:#8c9aa8;margin-top:3px}.factory-late{color:#c75552!important;font-weight:700}@media(max-width:700px){.screen-mode .page{padding:16px}.factory-hero{padding:22px}.factory-hero h2{font-size:19px}.factory-hero-count strong{font-size:34px}.gantt-heading{display:block}.gantt-controls{margin-top:12px}.gantt-fixed{width:205px;min-width:205px}}