:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#17211d;background:#f2f5f3;font-synthesis:none;--ink: #17211d;--muted: #66736d;--line: #dfe6e2;--soft-line: #edf1ef;--green: #137957;--green-dark: #0f513b;--green-soft: #e5f4ec;--blue: #2875b7;--blue-soft: #eaf3fb;--amber: #a86a1c;--amber-soft: #fbf1df;--red: #b74343;--red-soft: #faeaea;--white: #fff;--shadow: 0 10px 30px rgba(30, 55, 45, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f2f5f3;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,h4,p{margin:0}.muted{color:var(--muted)}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#26785a;color:#fff;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff26}.icon-btn{border:0;background:transparent;color:#596761;width:36px;height:36px;border-radius:6px;display:grid;place-items:center}.icon-btn:hover{background:#edf2ef;color:var(--ink)}.btn{border:1px solid var(--line);border-radius:6px;height:38px;padding:0 14px;background:#fff;color:#34413c;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:13px;white-space:nowrap}.btn:hover{border-color:#9aaba4}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:#125c41}.btn.ghost{background:#fff}.btn.danger-ghost{color:var(--red);border-color:#e7c2c2;background:#fff}.small-action{height:30px;border:1px solid #b7c7c0;border-radius:5px;background:#fff;color:var(--green);font-size:12px;font-weight:600;padding:0 10px}.text-btn{display:inline-flex;align-items:center;border:0;background:transparent;color:var(--green);font-weight:600;font-size:12px}.link-strong{border:0;background:transparent;color:#176b4c;font-weight:700;padding:0}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#65736d;font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(430px,.85fr);background:#f7f9f8}.login-brand{position:relative;padding:46px 58px;display:flex;flex-direction:column;color:#fff;overflow:hidden;background-color:#143c31}.login-brand:before{content:"";position:absolute;right:8%;bottom:15%;width:340px;height:220px;border:1px solid rgba(255,255,255,.1);transform:skewY(-12deg)}.login-brand:after{content:"";position:absolute;right:15%;bottom:21%;width:300px;height:180px;border:1px solid rgba(255,255,255,.09);transform:skewY(-12deg)}.login-brand-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.login-brand-top strong{font-size:20px}.login-copy{margin:auto 0;max-width:580px;position:relative;z-index:1}.login-copy .eyebrow{color:#8dc5ad;margin-bottom:18px}.login-copy h1{font-size:52px;line-height:1.25;font-weight:700}.login-copy>p:last-child{color:#bfd3cb;font-size:16px;line-height:1.8;max-width:520px;margin-top:24px}.login-signal{display:flex;justify-content:space-between;color:#b7cec5;font-size:12px;position:relative;z-index:1}.login-signal span{display:flex;align-items:center;gap:8px}.signal-dot{width:7px;height:7px;border-radius:50%;background:#61d39f;box-shadow:0 0 0 4px #61d39f1f}.login-panel{display:grid;place-items:center;padding:40px}.login-form{width:min(390px,100%);display:grid;gap:22px}.login-form h2{font-size:29px;margin:7px 0}.login-form label,.form-grid label{display:grid;gap:8px;font-size:13px;font-weight:600;color:#3f4d47}input,select,textarea{width:100%;border:1px solid #cfd9d4;border-radius:6px;background:#fff;color:var(--ink);padding:0 12px;outline:none}input,select{height:42px}textarea{padding-block:10px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b4c1a}input:disabled{background:#f2f5f3;color:#7a8781}.login-btn{width:100%;height:44px}.form-error{color:var(--red);font-size:12px;display:flex;align-items:center;gap:6px;background:var(--red-soft);padding:9px 11px;border-radius:5px}.demo-account{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.demo-account code{margin-left:auto;color:#33413b;background:#eef2f0;padding:4px 7px;border-radius:4px}.app-shell{min-height:100vh;display:flex;background:#f4f7f5}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:226px;background:var(--green-dark);color:#fff;display:flex;flex-direction:column}.sidebar-brand{height:72px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);gap:11px}.sidebar-brand .brand-mark{width:36px;height:36px}.sidebar-brand>div:nth-child(2){display:grid;gap:1px}.sidebar-brand strong{font-size:15px}.sidebar-brand span{color:#9eb9ae;font-size:10px}.sidebar-close{display:none;margin-left:auto;color:#fff}.sidebar nav{padding:18px 10px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.nav-caption{color:#779a8c;font-size:10px;font-weight:600;padding:0 12px 8px}.nav-caption.second{margin-top:18px}.sidebar nav button{width:100%;height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:5px;color:#bcd0c7;background:transparent;font-size:13px;text-align:left;margin-bottom:2px}.sidebar nav button:hover{background:#ffffff12;color:#fff}.sidebar nav button.active{background:#26785a;color:#fff;box-shadow:inset 3px 0 #7fc4a8}.nav-badge{margin-left:auto;background:#d49042;color:#fff;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-style:normal}.nav-badge.alert{background:#bc4b4b}.sidebar-foot{border-top:1px solid rgba(255,255,255,.09);padding:12px 10px}.plant-status{display:flex;align-items:center;gap:10px;padding:7px 10px 13px}.plant-status>div{display:grid}.plant-status strong{font-size:11px}.plant-status span{color:#8fac9f;font-size:9px}.status-pulse{width:7px;height:7px;border-radius:50%;background:#55ce95;box-shadow:0 0 0 4px #55ce951f}.user-brief{border:0;background:#ffffff0e;border-radius:6px;width:100%;padding:9px;color:#fff;display:flex;align-items:center;gap:9px;text-align:left}.user-brief>div{display:grid;flex:1}.user-brief strong{font-size:12px}.user-brief div span{color:#9eb8ad;font-size:10px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;flex:none;background:#dbeeee;color:var(--green-dark);font-weight:700;font-size:12px}.avatar.small{width:28px;height:28px}.main-area{margin-left:226px;min-width:0;width:calc(100% - 226px)}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:20}.plant-selector{height:34px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:0 10px;font-size:12px;color:#45534d}.top-actions,.top-user,.business-date{display:flex;align-items:center}.top-actions{gap:12px}.business-date{gap:7px;color:var(--muted);font-size:11px;padding-right:13px;border-right:1px solid var(--line)}.top-user{gap:7px;border:0;background:transparent;font-size:12px;color:#35423d}.notice-button{position:relative}.notice-button i{position:absolute;top:2px;right:2px;min-width:16px;height:16px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--red);border:2px solid white;font-size:8px;font-style:normal}.menu-btn{display:none}.page{padding:25px clamp(18px,2.2vw,34px) 45px;max-width:1680px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header .breadcrumb{font-size:10px;color:#8a9791;margin-bottom:7px}.page-header h1{font-size:24px;line-height:1.2}.page-header>div>p:last-child{color:var(--muted);font-size:12px;margin-top:6px}.page-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--soft-line);box-shadow:0 2px 10px #1b3b2f09;min-height:110px;display:flex;align-items:center;padding:18px;gap:14px;border-radius:7px}.metric-icon{width:40px;height:40px;border-radius:7px;display:grid;place-items:center;flex:none}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric>div:last-child{display:grid;gap:4px;min-width:0}.metric span{color:var(--muted);font-size:11px}.metric strong{font-size:25px;line-height:1.1}.metric small{color:#84918b;font-size:9px}.metric small b{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid var(--soft-line);border-radius:7px;box-shadow:0 2px 12px #1c372d09}.panel-head{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--soft-line);padding:0 18px}.panel-head.padded{padding-block:12px}.panel-head h2{font-size:14px}.panel-head p{color:#82908a;font-size:10px;margin-top:4px}.select-like{border:1px solid var(--line);border-radius:5px;height:30px;padding:0 9px;display:flex;align-items:center;gap:8px;color:#64716b;font-size:10px}.chart-wrap{height:235px;display:grid;grid-template-columns:28px 1fr;padding:26px 20px 16px 16px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#93a099;padding-bottom:24px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #e2e8e5;background-image:linear-gradient(#edf1ef 1px,transparent 1px);background-size:100% 33%}.bar-col{height:100%;width:10%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar{width:66%;max-width:34px;background:#8cbba7;min-height:8px;border-radius:3px 3px 0 0}.bar.today{background:#26785a}.bar-value{opacity:0;position:absolute;bottom:calc(var(--bar-height) + 22px);background:var(--ink);color:#fff;padding:3px 5px;font-size:8px;border-radius:3px}.bar-col:hover .bar-value{opacity:1}.bar-col>span{color:#83908b;font-size:9px;margin:8px -4px 0;white-space:nowrap}.delivery-list{padding:6px 16px 10px}.delivery-list>button{width:100%;border:0;background:#fff;padding:11px 2px;text-align:left;border-bottom:1px solid var(--soft-line)}.delivery-list>button:last-child{border-bottom:0}.delivery-main{display:flex;align-items:center;gap:9px}.delivery-main>div{display:grid;gap:2px;flex:1;min-width:0}.delivery-main strong{font-size:11px}.delivery-main span{color:#87938e;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-main b{font-size:11px;color:#34433d}.priority-dot{width:7px;height:7px;border-radius:50%;flex:none}.priority-dot.green{background:#44a47d}.priority-dot.amber{background:#d59043}.priority-dot.red{background:#c84949}.progress{height:5px;overflow:hidden;background:#edf1ef;border-radius:3px}.progress i{display:block;height:100%;background:#378967;border-radius:inherit}.delivery-list .progress{margin:8px 0 5px 16px}.delivery-meta{display:flex;justify-content:space-between;padding-left:16px;color:#95a19c;font-size:8px}.workshop-panel{margin-bottom:14px}.live-label{display:flex;align-items:center;gap:6px;color:#557168;font-size:10px}.live-label i{width:6px;height:6px;border-radius:50%;background:#36a774}.workshop-grid{padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workshop-grid article{border:1px solid var(--soft-line);border-radius:6px;padding:13px}.workshop-grid article>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#53615c;font-size:11px}.workshop-grid article>strong{display:block;font-size:22px;margin:9px 0}.workshop-grid strong small{font-size:9px;color:#8b9892;font-weight:400;margin-left:4px}.workshop-grid article>p{display:flex;justify-content:space-between;color:#87938e;font-size:9px;margin-top:7px}.workshop-grid article>p b{color:var(--green)}.toolbar{background:#fff;border:1px solid var(--soft-line);border-radius:7px 7px 0 0;min-height:62px;display:flex;align-items:center;gap:9px;padding:11px 14px}.search{width:min(330px,35vw);position:relative}.search svg{position:absolute;left:12px;top:12px;color:#7f8d87}.search input{height:39px;padding-left:37px}.toolbar select{width:140px;height:39px}.date-filter{height:39px;width:165px;border:1px solid var(--line);border-radius:6px;background:#fff;display:flex;align-items:center;padding:0 9px;color:#708079}.date-filter input{height:35px;border:0;padding:0 4px;font-size:10px;box-shadow:none}.result-count{margin-left:auto;color:#83908a;font-size:10px}.toolbar+.table-panel{border-top:0;border-radius:0 0 7px 7px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{background:#f7f9f8;height:41px;padding:0 14px;text-align:left;color:#718078;font-size:10px;font-weight:600;white-space:nowrap}td{height:65px;border-top:1px solid var(--soft-line);padding:9px 14px;color:#3a4742;font-size:11px;white-space:nowrap}tbody tr:hover{background:#fafcfb}td>strong,td>.link-strong{font-size:11px}.cell-sub{display:block;color:#8b9792;font-size:9px;margin-top:4px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.tag{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:4px;font-size:9px;font-weight:600;white-space:nowrap}.tag.success{background:var(--green-soft);color:var(--green)}.tag.active{background:var(--blue-soft);color:var(--blue)}.tag.warning{background:var(--amber-soft);color:var(--amber)}.tag.danger{background:var(--red-soft);color:var(--red)}.tag.neutral{background:#edf1ef;color:#65736d}.danger-text{color:var(--red)!important}.warning-text{color:var(--amber)!important}.success-text{color:var(--green)!important}.priority-text{display:block;font-size:9px;margin-top:3px}.inline-progress{width:150px;display:flex;align-items:center;gap:8px}.inline-progress .progress{flex:1}.inline-progress b{font-size:9px;color:#53615b}.row-actions{display:flex;align-items:center;gap:5px}.pagination{min-height:52px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 15px;border-top:1px solid var(--soft-line);color:#87938e;font-size:9px}.pagination button{border:1px solid var(--line);background:#fff;border-radius:4px;width:29px;height:29px;color:var(--green)}.pagination button.active{border-color:var(--green)}.empty{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9aa69f;gap:7px}.empty strong{color:#52605a;font-size:12px}.empty span{font-size:10px}.empty.small{min-height:130px}.production-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.production-summary article{border:1px solid var(--soft-line);background:#fff;border-radius:6px;padding:14px;display:flex;align-items:center;gap:12px;color:var(--green)}.production-summary article>div{display:grid;gap:3px}.production-summary span{color:#7e8c86;font-size:10px}.production-summary strong{color:var(--ink);font-size:20px}.schedule-panel{margin-bottom:14px;overflow:hidden}.legend{display:flex;gap:12px;color:#74817c;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:2px}.legend .print{background:#5f9e83}.legend .finish{background:#6d87ae}.legend .cut{background:#c88a48}.timeline-head,.timeline-row{display:grid;grid-template-columns:150px 1fr;min-width:730px}.timeline-head{background:#f8faf9;color:#89958f;font-size:9px;height:36px;border-bottom:1px solid var(--soft-line)}.timeline-head span{padding:11px 15px}.timeline-head b{display:none}.timeline-row{min-height:62px;border-bottom:1px solid var(--soft-line)}.timeline-row:last-child{border-bottom:0}.timeline-row>strong{padding:13px 15px;font-size:10px;display:grid;align-content:center;border-right:1px solid var(--soft-line)}.timeline-row>strong small{color:#909c96;font-size:8px;margin-top:3px;font-weight:400}.timeline-track{position:relative;background-image:linear-gradient(90deg,#edf1ef 1px,transparent 1px);background-size:16.66% 100%}.timeline-task{position:absolute;top:9px;bottom:9px;border:0;border-radius:4px;padding:5px 8px;display:grid;text-align:left;color:#fff;overflow:hidden;white-space:nowrap}.timeline-task span{font-size:9px;font-weight:600;text-overflow:ellipsis;overflow:hidden}.timeline-task small{font-size:7px;opacity:.8}.timeline-task.print{background:#397e61}.timeline-task.cut{background:#ad6d2d}.timeline-task.finish{background:#526f99}.schedule-panel+.table-panel{margin-top:14px}.mode-note{border:1px solid #cfe2da;background:#edf7f2;border-radius:6px;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;color:var(--green)}.mode-note>div{display:grid;gap:2px;flex:1}.mode-note strong{font-size:11px}.mode-note span{font-size:9px;color:#648175}.task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.task-card{background:#fff;border:1px solid var(--soft-line);border-radius:7px;padding:19px;box-shadow:0 3px 12px #1c372d0a}.task-top{display:flex;justify-content:space-between;color:#87948e;font-size:9px}.task-card h2{font-size:19px;margin:16px 0 4px}.task-card>p{color:#6f7d77;font-size:11px}.task-progress{margin:20px 0;border:1px solid var(--soft-line);background:#fafcfb;border-radius:6px;padding:13px;position:relative}.task-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#76837e}.task-progress>div:first-child b{color:#3c4a44}.progress.big{height:7px;margin-top:10px}.task-progress>strong{display:block;margin-top:5px;text-align:right;font-size:10px}.task-meta{display:flex;gap:18px;color:#68766f;font-size:10px;margin-bottom:17px}.task-meta span{display:flex;align-items:center;gap:6px}.task-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--soft-line);padding-top:14px}.metric-grid.compact .metric{min-height:98px}.content-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:14px}.content-split>*,.table-panel{min-width:0}.stock-list{padding:5px 16px}.stock-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--soft-line);padding:14px 0;gap:10px}.stock-list>div:last-child{border-bottom:0}.stock-list>div>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.stock-list>div>div>div{display:grid;min-width:0}.stock-list strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-list small{color:#8b9791;font-size:8px;margin-top:3px}.stock-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:5px;background:var(--green-soft);color:var(--green);flex:none}.stock-icon.low{background:var(--red-soft);color:var(--red)}.stock-value{text-align:right;display:grid;gap:2px;flex:none}.stock-value span{color:#8b9791;font-size:8px}.stock-value strong{font-size:10px}.section-gap{margin-top:14px}.supplier-toolbar{background:#fff;border:1px solid var(--soft-line);border-radius:7px;min-height:62px;display:flex;align-items:center;gap:9px;padding:11px 14px;margin-bottom:14px}.supplier-toolbar>.search{margin-left:auto}.supplier-toolbar>select{width:145px;height:39px}.segmented{display:flex;background:#edf2ef;border-radius:6px;padding:3px;flex:none}.segmented button{height:32px;border:0;border-radius:4px;background:transparent;color:#64716b;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;white-space:nowrap}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 1px 5px #18352a1f}.supplier-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}.supplier-directory{overflow:hidden}.supplier-list{max-height:580px;overflow-y:auto;padding:7px}.supplier-list>div{position:relative;border-radius:5px;margin-bottom:3px;border:1px solid transparent}.supplier-list>div.active{background:#edf7f2;border-color:#cfe4da}.supplier-select{width:100%;min-height:68px;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:10px 39px 10px 9px;text-align:left}.supplier-select>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.supplier-select strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-select small{font-size:8px;color:#85928c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-avatar{width:34px;height:34px;border-radius:6px;background:#dcece5;color:var(--green);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}.supplier-avatar.large{width:42px;height:42px;font-size:17px}.supplier-rating{display:flex;align-items:center;gap:2px;color:var(--amber);font-size:9px}.supplier-edit{position:absolute;right:3px;top:16px;width:30px;height:30px}.supplier-detail{min-width:0}.supplier-profile{min-height:76px;padding:13px 17px;border-bottom:1px solid var(--soft-line);display:flex;align-items:center;justify-content:space-between;gap:14px}.supplier-profile>div:first-child{display:flex;align-items:center;gap:11px;min-width:0}.supplier-profile h2{font-size:15px}.supplier-profile p{font-size:9px;color:#7f8c86;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-profile-actions{display:flex;align-items:center;gap:8px;flex:none}.supplier-facts{display:grid;grid-template-columns:repeat(4,1fr);background:#f8faf9;border-bottom:1px solid var(--soft-line)}.supplier-facts span{display:grid;gap:3px;padding:10px 13px;border-right:1px solid var(--soft-line);font-size:8px;color:#87948e;min-width:0}.supplier-facts span:last-child{border-right:0}.supplier-facts b{font-size:10px;color:#3b4943;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flute-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 7px;border-radius:4px;background:#f3eadf;color:#9a5d1d;font-size:9px;font-weight:700}.flute-badge.inline{height:18px;min-width:25px;padding:0 4px}.compare-panel table{min-width:1050px}.comparison-note{margin:12px 14px 0;padding:9px 11px;border:1px solid #d8e4de;background:#f4f8f6;border-radius:5px;display:flex;align-items:center;gap:8px;color:#60746b;font-size:9px}.best-price{color:var(--green);font-size:13px}.cell-sub svg{vertical-align:-2px;color:var(--amber)}.check-row{display:flex!important;grid-column:1/-1;align-items:center;gap:10px;border:1px solid var(--soft-line);border-radius:6px;padding:10px 12px;background:#fafcfb}.check-row input{width:17px;height:17px;accent-color:var(--green);flex:none}.check-row span{display:grid;gap:2px}.check-row strong{font-size:11px}.check-row small{font-size:8px;color:#809089;font-weight:400}.price-history{padding:12px 20px}.price-history>div{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid var(--soft-line)}.price-history>div:last-child{border-bottom:0}.history-marker{width:31px;height:31px;border-radius:5px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none}.price-history>div>div{display:grid;gap:4px;flex:1}.price-history strong{font-size:12px}.price-history span,.price-history small{font-size:9px;color:#7c8a84}.history-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--soft-line)}.quality-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;margin-bottom:14px}.counter{width:28px;height:28px;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber);border-radius:50%;font-size:11px;font-weight:700}.quality-tasks{padding:0 16px}.quality-tasks>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--soft-line)}.quality-tasks>div:last-child{border:0}.quality-tasks>div>div:first-child{display:grid;justify-items:start;gap:4px}.quality-tasks strong{font-size:12px}.quality-tasks small{font-size:9px;color:#84918b}.quality-tasks>div>div:nth-child(2){display:grid;text-align:right}.quality-tasks b{font-size:16px}.quality-tasks>div>div:nth-child(2) span{font-size:8px;color:#8b9791}.quality-rate{padding-bottom:15px}.rate-ring{width:120px;height:120px;border:11px solid #dfeee7;border-top-color:#348763;border-radius:50%;margin:22px auto 14px;display:grid;place-content:center;text-align:center}.rate-ring strong{font-size:24px}.rate-ring small{font-size:12px}.rate-ring span{color:#87938e;font-size:8px}.quality-kpis{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:0 12px}.quality-kpis span{font-size:8px;color:#87938e;border-right:1px solid var(--soft-line);display:grid;gap:3px}.quality-kpis span:last-child{border:0}.quality-kpis b{font-size:13px;color:#33413c}.salary-banner{background:#183f34;color:#fff;border-radius:7px;padding:20px 24px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:25px}.salary-banner>div{display:flex;align-items:center;gap:13px}.salary-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;background:#2c6a56}.salary-banner>div>div{display:grid;gap:3px}.salary-banner p,.salary-banner span{font-size:9px;color:#a9c0b7}.salary-banner strong{font-size:22px}.salary-banner>div:last-child{display:grid;min-width:210px}.salary-banner>div:last-child strong{font-size:11px;margin:4px 0 8px}.salary-banner .progress{background:#ffffff26}.salary-banner .progress i{background:#70c09e}.salary-split{grid-template-columns:1.25fr .75fr}.person-cell{display:flex;align-items:center;gap:8px}.rule-panel{padding-bottom:15px}.rule-card{margin:15px;border:1px solid var(--soft-line);border-radius:6px;padding:13px;display:flex;align-items:flex-start;gap:10px}.rule-card>span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:5px;background:var(--amber-soft);color:var(--amber)}.rule-card>div{display:grid;gap:3px;flex:1}.rule-card strong{font-size:11px}.rule-card p{font-size:9px;color:#84918b}.rule-card b{font-size:12px;color:var(--green);margin-top:5px}.snapshot-note{margin:15px;background:#f1f6f3;color:var(--green);border-radius:5px;padding:11px;display:flex;gap:9px}.snapshot-note p{display:grid;gap:2px}.snapshot-note strong{font-size:10px}.snapshot-note span{font-size:8px;color:#71867c}.audit-summary{background:#fff;border:1px solid var(--soft-line);border-radius:7px;padding:15px 18px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.audit-summary>div{display:flex;align-items:center;gap:10px;color:var(--green)}.audit-summary strong{font-size:12px}.audit-summary span{font-size:9px;color:#83908a}.module-cell{background:#eef3f0;padding:5px 7px;border-radius:4px;font-size:9px}.equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.equipment-card{padding:17px}.equipment-head{display:flex;align-items:center;justify-content:space-between}.equipment-icon{width:39px;height:39px;border-radius:6px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.equipment-icon.fault{background:var(--red-soft);color:var(--red)}.equipment-card h2{font-size:14px;margin:14px 0 4px}.equipment-card>p{font-size:9px;color:#81908a}.equipment-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.equipment-card dl div{display:grid;gap:3px}.equipment-card dt{font-size:8px;color:#8a9791}.equipment-card dd{font-size:11px;font-weight:600;margin:0}.equipment-foot{border-top:1px solid var(--soft-line);margin-top:13px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.equipment-foot>span{font-size:8px;color:#8a9791}.exception-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.exception-summary article{background:#fff;border:1px solid var(--soft-line);border-radius:6px;padding:14px;display:flex;align-items:center;gap:11px;color:var(--green)}.exception-summary article:nth-child(1){color:var(--red)}.exception-summary article:nth-child(2){color:var(--amber)}.exception-summary div{display:grid}.exception-summary strong{font-size:19px;color:var(--ink)}.exception-summary span{font-size:9px;color:#82908a}.exception-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.exception-column{background:#edf2ef;border-radius:7px;padding:10px;min-height:420px}.column-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 12px}.column-head strong{font-size:11px}.column-head span{width:21px;height:21px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:9px;color:#6d7a74}.exception-card{background:#fff;border:1px solid #e2e8e5;border-radius:6px;padding:13px;margin-bottom:9px;box-shadow:0 2px 7px #16362a09}.exception-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.exception-card small{color:#8a9791;font-size:8px}.exception-card h3{font-size:12px;margin:12px 0 5px}.exception-card>p{font-size:9px;line-height:1.55;color:#68766f}.exception-card dl{border-top:1px solid var(--soft-line);padding-top:10px;margin:12px 0 8px;display:grid;gap:5px}.exception-card dl div{display:flex;justify-content:space-between;gap:8px}.exception-card dt,.exception-card dd{font-size:8px}.exception-card dt{color:#8a9791}.exception-card dd{margin:0;color:#48564f;text-align:right}.exception-actions{display:flex;justify-content:flex-end;align-items:center;min-height:31px}.exception-actions>span{font-size:9px;color:var(--green);display:flex;align-items:center;gap:5px}.column-empty{height:100px;display:grid;place-items:center;color:#96a19c;font-size:9px}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.report-chart{min-height:310px}.horizontal-chart{padding:22px}.horizontal-chart>div{display:grid;grid-template-columns:68px 1fr 65px;align-items:center;gap:10px;margin-bottom:22px}.horizontal-chart span,.horizontal-chart strong{font-size:9px}.horizontal-chart strong{text-align:right}.horizontal-chart>div>div{height:9px;background:#edf1ef;border-radius:5px;overflow:hidden}.horizontal-chart i{display:block;height:100%;background:#4d9276;border-radius:inherit}.donut-row{display:flex;align-items:center;justify-content:center;gap:40px;padding:35px 20px}.report-donut{width:145px;height:145px;border-radius:50%;border:18px solid #dfeee7;border-top-color:#42886d;border-right-color:#6382a6;display:grid;place-content:center;text-align:center}.report-donut strong{font-size:24px}.report-donut span{font-size:8px;color:#86928d}.donut-row dl{min-width:120px}.donut-row dl div{display:flex;justify-content:space-between;gap:25px;padding:8px 0;border-bottom:1px solid var(--soft-line)}.donut-row dt,.donut-row dd{font-size:9px}.donut-row dd{margin:0;font-weight:700}.donut-row dt{display:flex;align-items:center;gap:7px}.donut-row i{width:7px;height:7px;border-radius:50%}.green-dot{background:#42886d}.blue-dot{background:#6382a6}.amber-dot{background:#c88a48}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.tabs button{height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:#68766f;padding:0 16px;font-size:11px;font-weight:600;white-space:nowrap}.tabs button.active{color:var(--green);border-bottom-color:var(--green)}.tabs button span{margin-left:6px;background:#e8eeeb;color:#66756e;border-radius:9px;padding:1px 6px;font-size:8px}.tabs button.active span{background:var(--green-soft);color:var(--green)}.search.mini{width:220px}.search.mini input{height:34px}.search.mini svg{top:9px}.master-panel{min-height:420px}.runtime-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.runtime-grid article{padding:20px;display:flex;align-items:center;gap:13px;color:var(--green);position:relative}.runtime-grid article>div{display:grid;gap:4px}.runtime-grid strong{font-size:12px;color:var(--ink)}.runtime-grid span{font-size:9px;color:#82908a}.runtime-grid article>i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#36a774;box-shadow:0 0 0 4px #36a7741f}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0d1c176b;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(680px,100%);max-height:92vh;overflow-y:auto;background:#fff;border-radius:8px;box-shadow:0 22px 70px #0f231b40}.modal.compact-modal{width:min(590px,100%)}.modal-head{min-height:73px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--soft-line)}.modal-head h2{font-size:17px}.modal-head p{font-size:9px;color:#83908a;margin-top:4px}.modal-head .eyebrow{color:var(--green);margin-bottom:4px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.form-grid label b{color:var(--red)}.form-grid .full{grid-column:1/-1}.inline-field{display:flex;gap:8px;align-items:center}.inline-field input{flex:1}.process-picker{border:1px solid var(--line);padding:14px;margin:0}.process-picker legend{font-weight:700;padding:0 6px}.process-picker label{display:inline-flex;flex-direction:row;align-items:center;gap:7px;margin:5px 14px 5px 0;font-weight:500}.process-picker input{width:17px;height:17px}.extra-costs{border:1px solid var(--line);padding:14px}.extra-cost-head,.extra-cost-row{display:flex;align-items:center;gap:10px}.extra-cost-head{justify-content:space-between;margin-bottom:10px}.extra-cost-row+.extra-cost-row{margin-top:8px}.extra-cost-row input{flex:1}.quote-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.quote-kpis span{background:#fff;padding:14px;display:flex;flex-direction:column;gap:5px}.quote-kpis small{color:var(--muted)}.quote-kpis strong{font-size:18px;color:var(--green)}.document-preview-modal{width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 28px)}.document-preview-frame{height:min(72vh,820px);background:#d9dedb;padding:12px;overflow:hidden}.document-preview-frame iframe{width:100%;height:100%;border:0;background:#fff}.process-chain{padding:12px;background:#f5f8f6;border-left:3px solid var(--green)}.form-summary{background:#f1f6f3;border-radius:6px;padding:11px 12px;display:flex;align-items:center;gap:10px;color:var(--green)}.form-summary>div{display:grid;gap:2px}.form-summary strong{font-size:10px}.form-summary span{font-size:8px;color:#758981}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--soft-line);padding-top:15px}.invite-result{padding:28px 20px 20px;text-align:center}.invite-result code{display:block;padding:18px 12px;border:1px dashed var(--green);background:#f1f6f3;color:#173c2e;font-size:clamp(20px,5vw,30px);font-weight:800;letter-spacing:0;overflow-wrap:anywhere}.invite-result p{margin-top:10px;color:var(--muted);font-size:11px}.invite-result+.modal-actions{margin:0 20px 20px}.drawer,.notice-drawer{position:absolute;inset:0 0 0 auto;width:min(520px,100%);background:#fff;box-shadow:-15px 0 50px #0f231b2e;overflow-y:auto}.drawer-body{padding:22px}.order-detail-title{display:flex;justify-content:space-between;align-items:flex-start}.order-detail-title h3{font-size:20px;margin:11px 0 5px}.order-detail-title p{font-size:10px;color:#75827d}.order-detail-title>strong{font-size:31px;color:var(--green)}.order-detail-title>strong small{font-size:14px}.detail-progress{margin:16px 0 22px}.detail-progress span{display:block;text-align:right;color:#7e8b85;font-size:9px;margin-top:6px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--soft-line);border:1px solid var(--soft-line);margin:0 0 24px}.detail-grid>div{background:#f9fbfa;padding:12px}.detail-grid dt{font-size:9px;color:#83908a}.detail-grid dd{font-size:11px;margin:5px 0 0}.drawer-body h4{font-size:12px;margin:20px 0 10px}.linked-orders>div{border:1px solid var(--soft-line);border-radius:5px;padding:11px;margin-bottom:7px;display:flex;align-items:center;gap:9px}.linked-orders>div>span:first-child{width:31px;height:31px;border-radius:5px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.linked-orders>div>div{display:grid;gap:3px;flex:1}.linked-orders strong{font-size:10px}.linked-orders small{font-size:8px;color:#84918b}.timeline-log{border-left:1px solid #d5dfda;margin-left:5px}.timeline-log>div{position:relative;padding:0 0 17px 17px}.timeline-log i{position:absolute;left:-4px;top:2px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #fff}.timeline-log p{display:grid;gap:3px}.timeline-log strong{font-size:10px}.timeline-log span{font-size:8px;color:#85918c}.work-summary{margin:18px 20px 0;background:#f2f7f4;border-radius:6px;padding:12px;display:flex;align-items:center;gap:10px;color:var(--green)}.work-summary>span{width:36px;height:36px;border-radius:5px;background:#fff;display:grid;place-items:center}.work-summary strong{font-size:10px}.work-summary p{font-size:8px;color:#72877e;margin-top:3px}.scan-box{margin:18px 20px 0;border:1px dashed #91b4a6;background:#f4f9f6;color:var(--green);border-radius:6px;padding:13px;display:flex;align-items:center;gap:12px}.scan-box div{display:grid;flex:1}.scan-box strong{font-size:10px}.scan-box span{font-size:9px;color:#72877e;margin-top:3px}.notice-drawer{width:min(430px,100%)}.notice-list button{width:100%;border:0;border-bottom:1px solid var(--soft-line);background:#fff;padding:15px 18px;display:flex;text-align:left;gap:11px;position:relative}.notice-list button.unread{background:#f7fbf9}.notice-list button>div{display:grid;gap:4px}.notice-list strong{font-size:11px}.notice-list p{font-size:9px;line-height:1.5;color:#66736d}.notice-list small{font-size:8px;color:#96a09b}.notice-list button>i{position:absolute;right:16px;top:19px;width:6px;height:6px;border-radius:50%;background:var(--red)}.notice-icon{width:34px;height:34px;border-radius:5px;display:grid;place-items:center;flex:none}.notice-icon.warning{background:var(--amber-soft);color:var(--amber)}.notice-icon.danger{background:var(--red-soft);color:var(--red)}.toast{position:fixed;z-index:150;top:70px;right:24px;min-height:42px;max-width:min(380px,calc(100vw - 30px));background:#163e32;color:#fff;border-radius:6px;box-shadow:var(--shadow);padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:11px}.toast.error{background:#8f2f2f}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-8px)}@media(max-width:1120px){.metric-grid,.workshop-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.content-split{grid-template-columns:1fr}.supplier-layout{grid-template-columns:240px minmax(0,1fr)}.quality-layout{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-brand{min-height:300px;padding:28px}.login-copy h1{font-size:34px}.login-copy>p:last-child{font-size:13px;margin-top:14px}.login-signal{display:none}.login-panel{padding:35px 24px}.sidebar{transform:translate(-100%);transition:.22s}.sidebar.open{transform:none}.sidebar-close{display:grid}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#0e1d1859}.main-area{margin-left:0;width:100%}.menu-btn{display:grid}.topbar{padding:0 12px}.plant-selector{margin-right:auto}.business-date,.top-user>span:last-child{display:none}.page{padding:18px 13px 35px}.page-header{align-items:flex-start}.page-header h1{font-size:21px}.page-header>div>p:last-child,.breadcrumb{display:none}.page-actions .btn.ghost{display:none}.task-board{grid-template-columns:1fr}.production-summary{grid-template-columns:repeat(2,1fr)}.exception-board,.reports-grid{grid-template-columns:1fr}.exception-column{min-height:0}.runtime-grid{grid-template-columns:1fr}.salary-banner{align-items:flex-start;flex-direction:column}.salary-banner>div:last-child{width:100%}.supplier-toolbar{flex-wrap:wrap}.supplier-toolbar>.search{order:3;margin-left:0;width:100%}.supplier-layout{grid-template-columns:1fr}.supplier-list{display:flex;overflow-x:auto;max-height:none}.supplier-list>div{min-width:235px}.supplier-directory .panel-head{min-height:54px}.supplier-facts{grid-template-columns:repeat(2,1fr)}.supplier-facts span:nth-child(2){border-right:0}}@media(max-width:560px){.quote-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-field{align-items:stretch;flex-direction:column}.document-preview-modal{width:calc(100vw - 12px)}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px;min-height:92px;gap:9px}.metric-icon{width:34px;height:34px}.metric strong{font-size:20px}.metric small{display:none}.workshop-grid{grid-template-columns:1fr}.dashboard-grid{display:block}.output-panel{margin-bottom:12px}.chart-wrap{height:210px;padding-right:10px}.delivery-panel{margin-bottom:12px}.toolbar{flex-wrap:wrap}.search{width:100%}.toolbar select,.toolbar .btn,.date-filter{width:calc(50% - 5px)}.result-count{width:100%;text-align:right}.production-summary article{padding:10px}.schedule-panel{overflow-x:auto}.mode-note .btn{display:none}.equipment-grid,.exception-summary{grid-template-columns:1fr 1fr}.donut-row{gap:20px}.report-donut{width:120px;height:120px}.quality-tasks>div{grid-template-columns:1fr auto}.quality-tasks .btn{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid label,.form-grid .full{grid-column:1}.modal-layer{padding:0}.modal{max-height:100vh;height:100%;border-radius:0}.modal-actions .btn{flex:1}.task-card{padding:15px}.task-actions .btn{flex:1;padding-inline:8px}.detail-grid{grid-template-columns:1fr}.login-brand{min-height:260px}.login-copy h1{font-size:30px}.supplier-toolbar{padding:9px}.segmented{width:100%}.segmented button{flex:1;justify-content:center}.supplier-toolbar>select{width:calc(50% - 5px)}.supplier-profile{align-items:flex-start}.supplier-profile-actions{align-items:flex-end;flex-direction:column}.supplier-profile-actions .btn{height:34px;padding:0 9px;font-size:11px}.supplier-profile p{white-space:normal;line-height:1.45}.supplier-facts span{padding:9px}.history-actions .btn{flex:1}}.quality-record-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:18px 0}.quality-record-details div,.quality-record-details p{min-width:0;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}.quality-record-details span,.quality-record-details strong{display:block;overflow-wrap:anywhere}.quality-record-details span{margin-bottom:4px;color:var(--muted);font-size:12px}.quality-record-details p{grid-column:1 / -1}@media(max-width:640px){.quality-record-details{grid-template-columns:1fr}}::selection{color:#fff;background:#19835f}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.panel,.metric,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:active:not(:disabled){transform:scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(19,121,87,.18);outline-offset:2px}button,.btn,.icon-btn,.small-action,input,select,textarea,.plant-selector,.date-filter,.select-like,.segmented,.segmented button{border-radius:8px}.app-shell{background:#f2f5f3}.sidebar{width:236px;color:var(--ink);background:#fafcfbfa;border-right:1px solid #e1e8e4;box-shadow:8px 0 30px #223c3109}.sidebar-brand{height:76px;padding:0 16px;border-bottom-color:#edf1ef}.sidebar-brand .brand-mark{width:40px;height:40px;color:#fff;background:var(--green);border-radius:8px;box-shadow:0 7px 18px #13795733}.sidebar-brand strong{color:#183229;font-size:15px;font-weight:700}.sidebar-brand span{color:#809089;font-size:10px}.sidebar-close{color:#51615a}.sidebar nav{padding:15px 10px}.nav-caption{color:#89958f;font-size:10px;padding:5px 11px 8px}.sidebar nav button{height:42px;margin-bottom:3px;padding:0 11px;border-radius:8px;color:#57655f;font-size:13px}.sidebar nav button:hover{color:var(--green-dark);background:#edf5f1}.sidebar nav button.active{color:#0f6a4b;background:#e2f2ea;box-shadow:inset 0 0 0 1px #d1e8dc}.sidebar nav button.active svg{stroke-width:2.3}.nav-badge{height:20px;min-width:20px;border:2px solid #fafcfb}.sidebar-foot{border-top-color:#e8eeeb;padding:10px}.plant-status{color:#2f433b;padding:8px 10px 12px}.plant-status span,.user-brief div span{color:#829089}.user-brief{color:#24362f;background:#f0f5f2;border:1px solid #e4ebe7;border-radius:8px}.user-brief:hover{background:#e8f2ed;border-color:#d4e5dc}.main-area{width:calc(100% - 236px);margin-left:236px}.topbar{height:64px;padding:0 clamp(18px,2.2vw,34px);background:#ffffffe0;border-bottom-color:#dbe4dfe6;box-shadow:0 3px 18px #1d362b09;backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px)}.plant-selector{height:38px;padding:0 12px;color:#32453d;background:#f5f8f6;border-color:#e6ece9}.plant-selector:hover,.top-user:hover,.icon-btn:hover{color:var(--green-dark);background:#edf5f1}.business-date{color:#75827c;font-size:12px}.top-user{min-height:38px;padding:4px 7px 4px 5px;border-radius:8px}.avatar{color:#0f684a;background:#dff1e8}.page{max-width:1640px;padding:28px clamp(20px,2.4vw,38px) 52px}.page-header{align-items:center;margin-bottom:24px}.page-header .breadcrumb{color:#89958f;font-size:11px;margin-bottom:8px}.page-header h1{color:#17251f;font-size:27px;font-weight:720}.page-header>div>p:last-child{color:#6d7b74;font-size:13px;margin-top:7px}.page-actions{flex-wrap:wrap;justify-content:flex-end}.btn{height:40px;padding:0 14px;border-color:#dbe3df;color:#31423b;background:#fffffff2;box-shadow:0 1px 2px #19342808}.btn:hover{border-color:#aebfb7;background:#f8faf9;box-shadow:0 4px 12px #1c362b0f}.btn.primary{background:var(--green);border-color:var(--green);box-shadow:0 6px 15px #1379572e}.btn.primary:hover{background:#0f6f4f;border-color:#0f6f4f;box-shadow:0 8px 18px #13795738}.small-action{min-height:32px;border-color:#cbd8d2;background:#fff}.small-action:hover{border-color:#8fb3a3;background:#eff7f3}.panel,.metric,.task-card,.toolbar,.supplier-toolbar{border-color:#e1e8e4;border-radius:8px;box-shadow:0 8px 28px #1e362c0b}.metric{min-height:116px;padding:19px;gap:15px}.metric:hover{border-color:#d1ded7;box-shadow:0 12px 30px #1f3b2f12;transform:translateY(-1px)}.metric-icon{width:44px;height:44px;border-radius:8px}.metric span{color:#68766f;font-size:12px}.metric strong{color:#17251f;font-size:28px;font-variant-numeric:tabular-nums}.metric small{color:#8a9690;font-size:10px}.panel-head{min-height:66px;border-bottom-color:#edf1ef}.panel-head h2{color:#1b2b24;font-size:15px}.panel-head p{color:#7e8b85;font-size:11px}.select-like{height:32px;background:#f7f9f8}.bar{border-radius:6px 6px 2px 2px}.delivery-list>button{padding:13px 4px;border-radius:7px}.delivery-list>button:hover{background:#f7faf8}.delivery-main strong{font-size:12px}.delivery-main span,.delivery-meta{font-size:10px}.progress{border-radius:8px}.workshop-grid article{border-color:#e4ebe7;border-radius:8px;background:#fbfcfb}.workshop-grid article:hover{border-color:#ccddd4;background:#f6faf8}.toolbar,.supplier-toolbar{min-height:66px;background:#fffffff5}input,select,textarea{color:#1c2b25;background:#fbfcfb;border-color:#d8e1dc}input:hover,select:hover,textarea:hover{border-color:#b8c8c0}input:focus,select:focus,textarea:focus{background:#fff;border-color:#278365;box-shadow:0 0 0 4px #1379571a}th{height:44px;color:#68766f;background:#f6f8f7;font-size:11px}td{height:68px;color:#33423c;border-top-color:#edf1ef;font-size:12px}tbody tr:hover{background:#f7faf8}td>strong,td>.link-strong{color:#20312a;font-size:12px}.cell-sub{color:#819089;font-size:10px}.tag{min-height:25px;padding:0 9px;border-radius:8px;font-size:10px}.segmented{background:#edf2ef}.segmented button{min-height:34px}.segmented button.active{color:#0f6d4d;box-shadow:0 2px 8px #1a372b17}.modal-layer{background:#0c1a1461;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal,.drawer,.notice-drawer{border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 28px 80px #0e221938}.modal-head{min-height:76px;background:#fcfdfcf5}.modal-head h2{font-size:18px}.modal-head p{font-size:10px}.toast{min-height:46px;border-radius:8px;background:#144131f5;box-shadow:0 14px 36px #0e312438;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-page{background:#f2f5f3}.login-brand{background-color:#0e513b}.login-brand .brand-mark{background:#ffffff24;border:1px solid rgba(255,255,255,.2);border-radius:8px}.login-form{padding:34px;border:1px solid #e0e7e3;border-radius:8px;background:#ffffffe6;box-shadow:0 18px 50px #1f3a2f14}.login-form h2{color:#17251f}*{scrollbar-width:thin;scrollbar-color:#c1d0c8 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#c1d0c8;border:2px solid transparent;border-radius:8px;background-clip:padding-box}@media(max-width:820px){.main-area{width:100%;margin-left:0}.sidebar{width:min(300px,86vw);box-shadow:20px 0 60px #152b2229}.topbar{height:60px}.page{padding:20px 14px 40px}.page-header{margin-bottom:18px}.page-header h1{font-size:23px}.login-form{padding:26px}}@media(max-width:560px){.metric{min-height:100px;padding:14px}.metric-icon{width:38px;height:38px}.metric strong{font-size:22px}.panel-head{min-height:60px;padding-inline:14px}.modal{border:0;border-radius:0}.login-form{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}