:root{
 --bg:#f6f0e8;--paper:#fffdf8;--ink:#233034;--muted:#7c8688;--line:#e5ddd2;
 --aqua:#1f7a8c;--aqua2:#57c7d4;--coral:#ff8b73;--navy:#24363e;--green:#5da66b;
 --amber:#d9a34f;--red:#d85d52;--shadow:0 15px 38px rgba(59,55,48,.08)
}
*{box-sizing:border-box}html,body{margin:0;background:linear-gradient(180deg,#faf6ef,#f0e9df);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding-bottom:82px}
.plant-header{height:74px;background:rgba(255,253,248,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px 1fr auto auto;align-items:center;gap:18px;padding:0 22px;position:sticky;top:0;z-index:30}.brand{display:flex;gap:10px;align-items:center}.brand img{width:44px;height:44px}.brand strong{display:block;font-size:13px;letter-spacing:.08em}.brand span{display:block;font-size:8px;color:var(--muted);letter-spacing:.16em;margin-top:3px}.plant-name{justify-self:center}.plant-name span{display:block;font-size:7px;color:var(--aqua);letter-spacing:.16em;font-weight:800}.plant-name strong{display:block;font-size:11px;margin-top:2px}.header-metrics{display:flex;gap:15px}.header-metrics div{padding-right:14px;border-right:1px solid var(--line)}.header-metrics span{display:block;font-size:7px;color:var(--muted)}.header-metrics b{display:block;font-size:10px;margin-top:2px}.round-btn{width:38px;height:38px;border-radius:50%;border:0;background:var(--coral);color:white;font-weight:800}
.workspace{max-width:1680px;margin:auto;padding:22px}.screen{display:none}.screen.active{display:block}.flow-title,.screen-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:16px}.eyebrow{font-size:8px;color:var(--aqua);font-weight:800;letter-spacing:.17em}.flow-title h1,.screen-head h1{font-size:32px;letter-spacing:-.04em;margin:4px 0 0}.flow-actions,.screen-actions{display:flex;gap:8px}.primary,.soft{border-radius:999px;padding:9px 13px;font-weight:750}.primary{background:var(--aqua);border:1px solid var(--aqua);color:white}.soft{background:#fffaf3;border:1px solid var(--line);color:#4b5658}
.process-track{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative}.process-stage{background:var(--paper);border:1px solid var(--line);border-radius:18px;min-height:290px;padding:14px;position:relative;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:.2s}.process-stage:hover{transform:translateY(-4px)}.process-stage:after{content:"";position:absolute;top:45%;right:-15px;width:20px;height:2px;background:#cfc6bb}.process-stage:last-child:after{display:none}.stage-num{font-size:9px;color:var(--muted);letter-spacing:.12em}.process-stage h3{font-size:14px;margin:7px 0 4px}.stage-status{font-size:8px;color:var(--muted)}.stage-load{width:120px;height:120px;border-radius:50%;margin:20px auto 12px;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--aqua) 0 62%,#ece7df 62%);position:relative}.stage-load:after{content:"";position:absolute;inset:12px;background:var(--paper);border-radius:50%}.stage-load strong,.stage-load span{position:relative;z-index:2}.stage-load strong{font-size:24px}.stage-load span{font-size:7px;color:var(--muted)}.stage-foot{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.stage-foot span{font-size:7px;color:var(--muted)}.stage-foot b{font-size:9px}.process-stage.hot .stage-load{background:conic-gradient(var(--coral) 0 78%,#ece7df 78%)}.process-stage.hot{border-color:#ffc8ba}.floor-bottom{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:10px;margin-top:12px}.activity-feed,.hotspot-card,.quality-card,.lot-board,.machine-card,.qa-queue,.qa-work,.dispatch-lanes,.dispatch-summary,.report-chart,.report-summary{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.section-head{padding:13px 14px;border-bottom:1px solid var(--line)}.section-head h3{font-size:14px;margin:3px 0 0}.feed{padding:8px 13px}.feed-row{display:grid;grid-template-columns:46px 1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}.feed-row time{font-size:8px;color:var(--aqua);font-weight:800}.feed-row strong{font-size:9px;display:block}.feed-row span{font-size:7px;color:var(--muted);display:block;margin-top:2px}.feed-row b{font-size:7px;color:#657174}.hotspot{padding:18px;text-align:center}.hotspot strong{display:block;font-size:38px;color:var(--coral)}.hotspot span{font-size:8px;color:var(--muted)}.hot-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 13px 13px}.hot-grid div,.quality-mini div{padding:9px;background:#f7f2ea;border-radius:9px}.hot-grid span,.quality-mini span{display:block;font-size:7px;color:var(--muted)}.hot-grid b,.quality-mini b{font-size:10px;display:block;margin-top:2px}.quality-ring{width:150px;height:150px;border-radius:50%;margin:16px auto;background:conic-gradient(var(--aqua) 0 97.2%,#ece7df 97.2%);display:grid;place-items:center;align-content:center;position:relative}.quality-ring:after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--paper)}.quality-ring strong,.quality-ring span{position:relative;z-index:2}.quality-ring strong{font-size:25px}.quality-ring span{font-size:7px;color:var(--muted)}.quality-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 13px 13px}
.lot-board{overflow:hidden}.lot-filter{padding:11px;border-bottom:1px solid var(--line);display:flex;gap:7px;align-items:center}.lot-filter input{height:36px;min-width:260px;border:1px solid var(--line);background:#fffaf3;border-radius:999px;padding:0 12px}.filter-chip{border:1px solid var(--line);background:#fffaf3;border-radius:999px;padding:8px 10px;font-size:8px;font-weight:700;color:#687375}.filter-chip.active{background:var(--navy);border-color:var(--navy);color:white}.lot-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:9px;white-space:nowrap}th{background:#fbf7f1;font-size:7px;color:var(--muted);letter-spacing:.1em}.pill{display:inline-block;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:800}.pill.progress{background:#dff4f6;color:#2b7180}.pill.wait{background:#fff0d2;color:#996c22}.pill.ready{background:#e8f2e6;color:#588642}.prio-urgent{color:#bd4b43;font-weight:800}.prio-high{color:#996c22;font-weight:800}.rowbtn{border:0;background:transparent;color:var(--aqua);font-weight:800}
.machine-floor{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.machine-card{padding:13px}.machine-top{display:flex;justify-content:space-between;gap:8px}.machine-top strong{font-size:11px}.machine-top span{font-size:7px;padding:5px 7px;border-radius:999px;background:#f0ece6}.machine-visual{height:145px;border-radius:12px;margin:12px 0;background:linear-gradient(180deg,#f2eee7,#e9e1d7);display:grid;place-items:center;position:relative;overflow:hidden}.washer{width:90px;height:110px;border-radius:14px;background:#d9d2c9;border:6px solid #bcb4aa;position:relative}.washer:before{content:"";position:absolute;width:58px;height:58px;border-radius:50%;left:10px;top:32px;background:#dff6f8;border:8px solid #fffdf8}.washer:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;right:10px;top:10px;background:var(--aqua)}.machine-load{display:grid;grid-template-columns:1fr 1fr;gap:7px}.machine-load div{background:#f7f2ea;padding:8px;border-radius:8px}.machine-load span{display:block;font-size:7px;color:var(--muted)}.machine-load b{display:block;font-size:9px;margin-top:2px}.machine-bar{height:6px;background:#ece6de;border-radius:99px;margin-top:10px;overflow:hidden}.machine-bar i{height:100%;display:block;background:var(--aqua)}
.qa-layout{display:grid;grid-template-columns:280px 1fr;gap:10px}.qa-queue{padding:8px}.qa-item{padding:10px;border-radius:10px;margin-bottom:7px;border:1px solid transparent;cursor:pointer}.qa-item.active,.qa-item:hover{background:#eef8f8;border-color:#cdebed}.qa-item .topline{display:flex;justify-content:space-between}.qa-item b{font-size:8px;color:var(--aqua)}.qa-item span{font-size:7px;color:var(--muted)}.qa-item strong{display:block;font-size:10px;margin-top:5px}.qa-work{overflow:hidden}.qa-head{padding:13px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.qa-head h2{font-size:15px;margin:3px 0 0}.qa-state{font-size:7px;font-weight:800;padding:6px 8px;border-radius:999px;background:#e1f4f6;color:#2b7180}.qa-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.qa-meta div{background:#f7f2ea;border-radius:8px;padding:8px}.qa-meta span{font-size:7px;color:var(--muted);display:block}.qa-meta b{font-size:9px;display:block;margin-top:2px}.qa-checks{padding:0 12px}.qa-check{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}.qa-check button{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:#fffaf3}.qa-check.ok button{background:var(--aqua);color:white;border-color:var(--aqua)}.qa-check strong{font-size:9px;display:block}.qa-check span{font-size:7px;color:var(--muted);display:block;margin-top:2px}.qa-check em{font-style:normal;font-size:7px;color:#6c7779}.qa-foot{padding:11px 12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:8px}.qa-foot>div{margin-right:auto}.qa-foot span{display:block;font-size:7px;color:var(--muted)}.qa-foot strong{font-size:19px}
.dispatch-wall{display:grid;grid-template-columns:1fr 260px;gap:10px}.dispatch-lanes{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dispatch-col{background:#f7f2ea;border-radius:12px;padding:10px}.dispatch-col>h3{font-size:10px;margin:0 0 8px}.dispatch-card{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px;margin-bottom:7px}.dispatch-card span{display:block;font-size:7px;color:var(--muted)}.dispatch-card strong{display:block;font-size:9px;margin-top:3px}.dispatch-card b{display:block;font-size:8px;color:var(--aqua);margin-top:7px}.dispatch-summary{padding:12px}.dispatch-stat{padding:12px;background:#f7f2ea;border-radius:10px;margin-bottom:8px}.dispatch-stat span{display:block;font-size:7px;color:var(--muted)}.dispatch-stat strong{display:block;font-size:22px;margin-top:3px}
.report-switch{display:flex;gap:6px;margin-bottom:11px}.report-switch button{border:1px solid var(--line);background:#fffaf3;border-radius:999px;padding:8px 11px;font-size:8px;font-weight:700;color:#687375}.report-switch button.active{background:var(--navy);border-color:var(--navy);color:white}.report-grid{display:grid;grid-template-columns:1fr 280px;gap:10px}.report-chart canvas{width:100%;height:410px;display:block}.report-summary{padding:12px}.summary-item{background:#f7f2ea;border-radius:10px;padding:11px;margin-bottom:8px}.summary-item span{display:block;font-size:7px;color:var(--muted)}.summary-item strong{display:block;font-size:18px;margin-top:3px}
.bottom-dock{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:50;background:rgba(36,54,62,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:7px;display:flex;gap:5px;box-shadow:0 15px 35px rgba(0,0,0,.18)}.dock-btn{min-width:94px;border:0;background:transparent;color:#a8b5b9;border-radius:14px;padding:8px 10px;display:grid;place-items:center;gap:3px;font-weight:700}.dock-btn i{font-style:normal;font-size:15px}.dock-btn span{font-size:8px}.dock-btn.active{background:white;color:var(--aqua)}
.drawer{position:fixed;right:-390px;top:0;bottom:0;width:390px;background:var(--paper);z-index:100;box-shadow:-20px 0 50px rgba(0,0,0,.16);transition:.25s;border-left:1px solid var(--line)}.drawer.open{right:0}.drawer-head{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h2{font-size:20px;margin:4px 0 0}.drawer-close{width:34px;height:34px;border:0;border-radius:50%;background:#f4eee7;font-size:18px}.drawer-body{padding:14px}.drawer-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-kpis div{padding:10px;background:#f7f2ea;border-radius:9px}.drawer-kpis span{display:block;font-size:7px;color:var(--muted)}.drawer-kpis b{display:block;font-size:13px;margin-top:3px}.drawer-section{margin-top:18px}.drawer-label{font-size:8px;color:var(--aqua);font-weight:800;letter-spacing:.14em}.drawer-lot{padding:10px;border-bottom:1px solid var(--line)}.drawer-lot strong{font-size:9px;display:block}.drawer-lot span{font-size:7px;color:var(--muted);display:block;margin-top:2px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.drawer-actions .primary{grid-column:1/-1}
.modal{display:none;position:fixed;inset:0;background:rgba(35,48,52,.46);z-index:120;padding:20px}.modal.active{display:grid;place-items:center}.modal-card{width:min(620px,96vw);background:var(--paper);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:3px 0 0;font-size:18px}.close-modal{width:32px;height:32px;border:0;border-radius:50%;background:#f4eee7;font-size:17px}.form{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.form label{font-size:8px;color:#657173;font-weight:700}.form input,.form select,.form textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);background:#fffaf3;border-radius:9px;padding:9px}.form .full{grid-column:1/-1}.modal-actions{padding:11px 15px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:18px;bottom:90px;background:var(--navy);color:white;padding:10px 13px;border-radius:10px;font-size:8px;opacity:0;transform:translateY(10px);transition:.2s;z-index:150}.toast.show{opacity:1;transform:none}
@media(max-width:1250px){.plant-header{grid-template-columns:240px 1fr}.header-metrics,.round-btn{display:none}.process-track{grid-template-columns:repeat(4,1fr)}.floor-bottom{grid-template-columns:1fr 1fr}.quality-card{grid-column:1/-1}.machine-floor{grid-template-columns:repeat(2,1fr)}.qa-layout,.dispatch-wall,.report-grid{grid-template-columns:1fr}}
@media(max-width:850px){.plant-header{grid-template-columns:1fr;height:auto;padding:10px 12px}.plant-name{justify-self:start}.workspace{padding:13px}.flow-title,.screen-head{align-items:flex-start;flex-direction:column}.process-track{grid-template-columns:1fr 1fr}.floor-bottom{grid-template-columns:1fr}.machine-floor{grid-template-columns:1fr}.bottom-dock{max-width:95vw;overflow:auto}.dock-btn{min-width:80px}.drawer{width:100%;right:-100%}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}