.op-workplace{display:flex;flex-direction:column;gap:0;height:100vh;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,sans-serif}.op-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--bg2);border-bottom:2px solid var(--border);min-height:64px;flex-shrink:0}.op-header__left{display:flex;align-items:center;gap:24px}.op-header__right{display:flex;align-items:center;gap:12px}.op-header__center{flex:1;display:flex;justify-content:center}.op-header__axis{display:flex;flex-direction:column;line-height:1.2}.op-header__axis-label{font-size:11px;color:var(--text2)}.op-header__axis-pos{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.status-light-wrap{display:flex;align-items:center;gap:10px}.status-light{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.15);flex-shrink:0;transition:background .3s,box-shadow .3s}.status-light--green{background:#22c55e;box-shadow:0 0 12px #22c55e99}.status-light--yellow{background:#eab308;box-shadow:0 0 12px #eab30880}.status-light--red{background:#ef4444;box-shadow:0 0 14px #ef4444b3;animation:pulse-red 1.2s ease-in-out infinite}.status-light--gray{background:#4b5563}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.6}}.status-light-label{font-size:15px;font-weight:600;letter-spacing:.02em}.sim-badge{background:#7c3aed;color:#e9d5ff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:.08em;text-transform:uppercase}.btn{padding:10px 28px;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.03em;transition:background .15s,transform .1s,opacity .15s;text-transform:uppercase}.btn:active{transform:scale(.97)}.btn--start{background:#16a34a;color:#fff;min-width:160px}.btn--start:not(:disabled):hover{background:#15803d}.btn--stop{background:#dc2626;color:#fff;min-width:160px}.btn--stop:not(:disabled):hover{background:#b91c1c}.btn--stop-confirm{background:#7f1d1d;animation:pulse-red .6s ease-in-out infinite}.op-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);flex-shrink:0}.op-stat{display:flex;flex-direction:column;align-items:center;padding:10px 0;background:var(--bg2);cursor:default}.op-stat__val{font-size:32px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.op-stat__label{font-size:11px;color:var(--text2);margin-top:3px;text-transform:uppercase;letter-spacing:.06em}.op-stat--open .op-stat__val{color:#eab308}.op-stat--active .op-stat__val{color:#3b82f6}.op-stat--done .op-stat__val{color:#22c55e}.op-stat--totes .op-stat__val{color:#a78bfa}.op-section{padding:12px 20px;flex-shrink:0}.op-section--orders{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.op-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.op-section__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin:0 0 8px}.op-section--orders .op-section__title{margin:0}.tote-grid{display:flex;gap:6px;flex-wrap:wrap}.tote-cell{width:68px;height:52px;border-radius:6px;border:1.5px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;transition:border-color .2s}.tote-cell--free{background:var(--bg2)}.tote-cell--occupied{background:#3b82f61f;border-color:#3b82f6}.tote-cell__num{font-size:16px;font-weight:700;line-height:1}.tote-cell__label{font-size:9px;color:var(--text2);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62px;margin-top:2px}.op-tabs{display:flex;gap:4px}.op-tab{padding:5px 14px;border:1px solid var(--border);border-radius:100px;background:transparent;color:var(--text2);font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.op-tab:hover{background:var(--bg3);color:var(--text)}.op-tab--active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.op-table-wrap{flex:1;overflow-y:auto;min-height:0;border:1px solid var(--border);border-radius:6px}.op-table{width:100%;border-collapse:collapse;font-size:13px}.op-table thead{position:sticky;top:0;z-index:2;background:var(--bg3)}.op-table th{padding:8px 12px;text-align:left;font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap}.op-table td{padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.op-table tbody tr:last-child td{border-bottom:none}.op-table tbody tr:hover{background:#ffffff08}.op-row--completed td:first-child{border-left:3px solid #22c55e}.op-row--in_progress td:first-child{border-left:3px solid #3b82f6}.op-row--failed td:first-child{border-left:3px solid #ef4444}.op-row--queued td:first-child{border-left:3px solid #eab308}.op-table__center{text-align:center!important}.op-table__right{text-align:right!important}.op-table__mono{font-family:Consolas,SF Mono,monospace;font-size:12px}.op-table__time{font-variant-numeric:tabular-nums;color:var(--text2);font-size:12px}.op-table__empty{text-align:center;padding:32px!important;color:var(--text2);font-style:italic}.op-station-code{display:inline-block;background:#ffffff12;border-radius:4px;padding:1px 6px;font-family:Consolas,monospace;font-size:11px;margin-right:4px}.badge{display:inline-block;padding:2px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.badge--done{background:#22c55e26;color:#86efac}.badge--active{background:#3b82f626;color:#93c5fd}.badge--error{background:#ef444426;color:#fca5a5}.badge--open{background:#eab30826;color:#fde68a}.op-table-wrap::-webkit-scrollbar{width:6px}.op-table-wrap::-webkit-scrollbar-track{background:var(--bg2)}.op-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.vision-report{background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.vision-report__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#eab30814;border-bottom:1px solid rgba(234,179,8,.25)}.vision-report__header-left{display:flex;align-items:center;gap:14px}.vision-report__icon{font-size:24px}.vision-report__title{font-size:16px;font-weight:700;margin:0}.vision-report__subtitle{font-size:12px;color:var(--text2);margin:2px 0 0}.vision-report__actions{display:flex;gap:8px}.btn-icon{background:#ffffff0f;border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:14px;transition:background .15s}.btn-icon:hover{background:#ffffff1a}.btn-icon--close{color:var(--text2)}.vision-report__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}.vision-summary-stat{display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--bg2)}.vision-summary-stat__val{font-size:28px;font-weight:700}.vision-summary-stat__label{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.vision-summary-stat--warn .vision-summary-stat__val{color:#eab308}.vision-summary-stat--err .vision-summary-stat__val{color:#ef4444}.vision-summary-stat--excess .vision-summary-stat__val{color:#f97316}.vision-report__table-wrap{overflow-x:auto}.vision-table{width:100%;border-collapse:collapse;font-size:13px}.vision-table th{padding:8px 12px;text-align:left;font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;background:var(--bg3);border-bottom:1px solid var(--border);white-space:nowrap}.vision-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.vision-table .tc{text-align:center}.vision-table .num{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.vision-table .mono{font-family:Consolas,monospace;font-size:12px}.vision-table .time{font-variant-numeric:tabular-nums;color:var(--text2);font-size:12px}.vision-row--short td:first-child{border-left:3px solid #ef4444}.vision-row--excess td:first-child{border-left:3px solid #f97316}.vision-row--wrong td:first-child{border-left:3px solid #8b5cf6}.tote-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b82f626;border:1px solid #3b82f6;border-radius:6px;font-weight:700}.art-num{font-family:Consolas,monospace;font-size:11px;color:var(--text2)}.art-name{font-size:13px}.diff-badge{display:inline-block;padding:2px 10px;border-radius:100px;font-weight:700;font-size:13px}.diff-badge--neg{background:#ef444426;color:#fca5a5}.diff-badge--pos{background:#f9731626;color:#fdba74}.vision-thumb{width:56px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--border);margin-right:4px}.vision-thumb--actual{border-color:#ef4444}.vision-images{white-space:nowrap}@media print{.no-print{display:none!important}.print-only{display:block!important}.vision-report{border:none}.vision-report__header{background:none}}.print-only{display:none}.vision-report__footer{padding:20px;border-top:1px solid var(--border)}.vision-report__footer-sig{display:flex;gap:40px;margin-bottom:16px}.vision-sig-line{display:flex;flex-direction:column;gap:4px;font-size:12px}.vision-sig-blank{display:block;width:200px;border-bottom:1px solid #666;margin-top:24px}.vision-report__disclaimer{font-size:10px;color:var(--text2);max-width:600px}.pm-page{padding:20px 24px;max-width:1200px}.pm-page__title{font-size:20px;font-weight:600;margin:0 0 20px}.pm-section{margin-bottom:28px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:16px 20px}.pm-section__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin:0 0 14px}.pm-gauges{display:flex;flex-direction:column;gap:12px}.pm-gauges--4col{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pm-gauge{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;transition:border-color .2s}.pm-gauge--warn{border-color:#eab308}.pm-gauge--alarm{border-color:#ef4444;background:#ef44440d}.pm-gauge__header{display:flex;justify-content:space-between;align-items:baseline}.pm-gauge__label{font-size:12px;color:var(--text2)}.pm-gauge__value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.pm-gauge__unit{font-size:12px;font-weight:400;color:var(--text2)}.pm-gauge__bar-bg{position:relative;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.pm-gauge__fill{height:100%;border-radius:4px;transition:width .4s}.pm-gauge__fill--ok{background:#22c55e}.pm-gauge__fill--warn{background:#eab308}.pm-gauge__fill--alarm{background:#ef4444}.pm-gauge__marker{position:absolute;top:-2px;width:2px;height:calc(100% + 4px);border-radius:1px}.pm-gauge__marker--warn{background:#eab308}.pm-gauge__marker--alarm{background:#ef4444}.pm-cycles{display:flex;gap:12px;margin-top:12px}.pm-cycles--4col{display:grid;grid-template-columns:repeat(4,1fr)}.pm-cycle-tile{flex:1;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:6px}.pm-cycle-tile--close{border-color:#eab308}.pm-cycle-tile--due{border-color:#ef4444;background:#ef44440d}.pm-cycle-tile__label{font-size:12px;color:var(--text2);margin-bottom:8px}.pm-cycle-tile__progress{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:6px}.pm-cycle-tile__bar{height:100%;background:#3b82f6;border-radius:3px;transition:width .4s}.pm-cycle-tile--close .pm-cycle-tile__bar{background:#eab308}.pm-cycle-tile--due .pm-cycle-tile__bar{background:#ef4444}.pm-cycle-tile__foot{display:flex;justify-content:space-between;font-size:11px;color:var(--text2)}.pm-cycle-tile__due{color:#fca5a5;font-weight:700;text-transform:uppercase}.pm-cycle-tile__pct{font-variant-numeric:tabular-nums}.pm-calendar-note{display:flex;justify-content:space-between;align-items:center;gap:16px}.pm-calendar-note p{font-size:13px;color:var(--text2);margin:0}.btn-pm-report{padding:8px 20px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-pm-report:hover{background:#ffffff14}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg2: #1a1d27;--bg3: #242733;--bg4: #2d3044;--text: #e2e5f0;--text2: #8b90a0;--text3: #5a5e70;--accent: #3b82f6;--accent2: #60a5fa;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--orange: #f97316;--cyan: #06b6d4;--border: #2d3040;--radius: 6px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.app-layout{display:flex;flex:1;overflow:hidden;height:100%}.sidebar{width:220px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{padding:16px;font-weight:700;font-size:1.1rem;color:var(--accent);border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start}.sidebar-nav{flex:1;padding:8px 0}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text2);text-decoration:none;font-size:.9rem;transition:all .15s}.sidebar-nav a:hover{color:var(--text);background:var(--bg3)}.sidebar-nav a.active{color:var(--accent);background:var(--bg3);border-right:3px solid var(--accent)}.main-content{flex:1;overflow-y:auto;padding:20px}.header-bar{height:48px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:20px;flex-shrink:0}.header-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:600}.chip-ok{background:#22c55e22;color:var(--green)}.chip-warn{background:#eab30822;color:var(--yellow)}.chip-err{background:#ef444422;color:var(--red)}.chip-sim{background:#3b82f622;color:var(--accent)}.chip-neutral{background:var(--bg3);color:var(--text2)}.dot{width:8px;height:8px;border-radius:50%}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.dot-yellow{background:var(--yellow)}.header-spacer{flex:1}.header-user{color:var(--text2);font-size:.85rem}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-title{font-size:.85rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.tote-cell{aspect-ratio:1;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;cursor:default;transition:all .2s}.tote-present{background:#22c55e22;border:2px solid var(--green);color:var(--green)}.tote-empty{background:var(--bg3);border:2px solid var(--border);color:var(--text3)}.tote-flapping{background:#eab30822;border:2px solid var(--yellow);color:var(--yellow);animation:pulse 1s infinite}.tote-error{background:#ef444422;border:2px solid var(--red);color:var(--red)}@keyframes pulse{50%{opacity:.6}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:.8rem}table{width:100%;border-collapse:collapse}th{text-align:left;padding:8px 12px;font-size:.75rem;font-weight:600;color:var(--text2);text-transform:uppercase;border-bottom:1px solid var(--border)}td{padding:8px 12px;font-size:.85rem;border-bottom:1px solid #1e2130}tr:hover{background:var(--bg3)}input,select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text);font-size:.9rem;outline:none}input:focus,select:focus{border-color:var(--accent)}label{display:block;font-size:.8rem;color:var(--text2);margin-bottom:4px}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:40px;width:380px}.login-logo{text-align:center;margin-bottom:8px}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-group input,.form-group select{width:100%}.login-error{color:var(--red);font-size:.85rem;text-align:center;margin-bottom:12px}.stat-value{font-size:2rem;font-weight:700;font-family:var(--mono)}.stat-label{font-size:.75rem;color:var(--text2)}.stat-green{color:var(--green)}.stat-red{color:var(--red)}.stat-yellow{color:var(--yellow)}.progress-bar{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.sev-info{color:var(--cyan)}.sev-warning{color:var(--yellow)}.sev-error{color:var(--orange)}.sev-critical{color:var(--red);font-weight:700}.sev-fatal{color:red;font-weight:700}.interlock-warn{background:#ef444411;border:1px solid #ef444444;border-radius:var(--radius);padding:12px;margin-bottom:12px}.interlock-ok{background:#22c55e11;border:1px solid #22c55e44;border-radius:var(--radius);padding:12px;margin-bottom:12px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}.tenant-banner{flex-shrink:0;width:100%}