:root{color-scheme:light;--surface-1: #fcfcfb;--page-plane: #f9f9f7;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--gridline: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--seq-100: #cde2fb;--seq-250: #86b6ef;--seq-450: #2a78d6;--seq-600: #184f95;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--status-good-bg: #e6f6e6;--status-warning-bg: #fef3dc;--status-serious-bg: #fce8e0;--status-critical-bg: #fbe4e4;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font: system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--surface-1: #1a1a19;--page-plane: #0d0d0d;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--status-good-bg: rgba(12, 163, 12, .15);--status-warning-bg: rgba(250, 178, 25, .15);--status-serious-bg: rgba(236, 131, 90, .15);--status-critical-bg: rgba(208, 59, 59, .15)}}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--page-plane);color:var(--text-primary);font-size:14px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.app-nav{display:flex;align-items:center;gap:4px;padding:0 20px;height:56px;background:var(--surface-1);border-bottom:1px solid var(--border);flex-shrink:0}.app-nav .brand{font-weight:600;font-size:15px;margin-right:24px;white-space:nowrap}.app-nav .brand .subtitle{font-weight:400;color:var(--text-muted);font-size:12px;margin-left:8px}.app-nav button{background:transparent;border:none;color:var(--text-secondary);font:inherit;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer}.app-nav button:hover{background:var(--gridline)}.app-nav button.active{background:var(--text-primary);color:var(--surface-1)}.app-main{flex:1;padding:24px;max-width:1280px;width:100%;margin:0 auto}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:20px;margin:0}.page-header .meta{color:var(--text-muted);font-size:13px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.card+.card{margin-top:16px}.card-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}.grid{display:grid;gap:16px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 900px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.stat-tile .label{color:var(--text-muted);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.stat-tile .value{font-size:28px;font-weight:600;margin-top:6px;font-variant-numeric:proportional-nums}.stat-tile .sub{color:var(--text-secondary);font-size:12px;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.status-pill .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-pill.good{background:var(--status-good-bg);color:var(--status-good)}.status-pill.good .dot{background:var(--status-good)}.status-pill.warning{background:var(--status-warning-bg);color:#8a5a00}.status-pill.warning .dot{background:var(--status-warning)}.status-pill.serious{background:var(--status-serious-bg);color:#a1441c}.status-pill.serious .dot{background:var(--status-serious)}.status-pill.critical{background:var(--status-critical-bg);color:var(--status-critical)}.status-pill.critical .dot{background:var(--status-critical)}.wo-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--border);color:var(--text-secondary)}.wo-badge.planned{color:var(--text-muted)}.wo-badge.released{color:var(--series-1);border-color:var(--series-1)}.wo-badge.in_progress{color:var(--status-good);border-color:var(--status-good)}.wo-badge.paused{color:var(--status-warning);border-color:var(--status-warning)}.wo-badge.completed{color:var(--text-secondary)}.wo-badge.closed{color:var(--text-muted)}.wo-badge.cancelled{color:var(--status-critical);border-color:var(--status-critical)}.priority-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.priority-dot.urgent{background:var(--status-critical)}.priority-dot.high{background:var(--status-serious)}.priority-dot.normal{background:var(--text-muted)}.priority-dot.low{background:var(--gridline)}.oee-bar-row{display:grid;grid-template-columns:90px 1fr 46px;align-items:center;gap:10px;margin-top:8px;font-size:12px}.oee-bar-row .label{color:var(--text-secondary)}.oee-bar-track{height:8px;background:var(--gridline);border-radius:4px;overflow:hidden}.oee-bar-fill{height:100%;border-radius:4px;background:var(--seq-450)}.oee-bar-row .value{text-align:right;color:var(--text-secondary);font-variant-numeric:proportional-nums}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}table.data-table{width:100%;border-collapse:collapse;font-size:13px}table.data-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:8px 10px;border-bottom:1px solid var(--baseline)}table.data-table td{padding:10px;border-bottom:1px solid var(--gridline);vertical-align:middle}table.data-table tbody tr{cursor:default}table.data-table tbody tr.clickable{cursor:pointer}table.data-table tbody tr.clickable:hover{background:var(--page-plane)}.num{font-variant-numeric:proportional-nums;text-align:right}.table-toggle-row{display:flex;justify-content:flex-end;margin-bottom:6px}.link-btn{background:none;border:none;color:var(--series-1);font-size:12px;cursor:pointer;padding:2px 4px}.link-btn:hover{text-decoration:underline}button{font-family:inherit}.btn{background:var(--text-primary);color:var(--surface-1);border:none;border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn.danger{background:var(--status-critical)}.btn.small{padding:5px 10px;font-size:12px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:12px;font-weight:500;color:var(--text-secondary)}.field input,.field select,.field textarea{font:inherit;padding:7px 9px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-row{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter-row select,.filter-row input{font:inherit;padding:6px 9px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:50}.modal{background:var(--surface-1);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:560px;border:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2{font-size:16px;margin:0}.close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);line-height:1}.chart-svg text{fill:var(--text-muted);font-size:11px;font-family:var(--font)}.chart-svg .axis-line{stroke:var(--baseline);stroke-width:1}.chart-svg .gridline{stroke:var(--gridline);stroke-width:1}.chart-tooltip{position:absolute;background:var(--text-primary);color:var(--surface-1);font-size:12px;padding:6px 9px;border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;z-index:10;transform:translate(-50%,-110%)}.chart-empty{color:var(--text-muted);font-size:13px;padding:24px 0;text-align:center}.loading,.error-banner{padding:16px;color:var(--text-muted);font-size:13px}.error-banner{color:var(--status-critical);background:var(--status-critical-bg);border-radius:var(--radius-sm)}.station-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;margin:3px 4px 0 0}.station-chip .dot{width:6px;height:6px;border-radius:50%}.station-chip .dot.running{background:var(--status-good)}.station-chip .dot.idle{background:var(--text-muted)}.station-chip .dot.down{background:var(--status-critical)}.station-chip .dot.maintenance{background:var(--status-warning)}.notes-box{background:var(--page-plane);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;color:var(--text-secondary);margin-top:8px}.empty-state{text-align:center;color:var(--text-muted);padding:40px 0;font-size:13px}.quality-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.quality-badge.pending{background:var(--status-warning-bg);color:#8a5a00}.quality-badge.passed{background:var(--status-good-bg);color:var(--status-good)}.quality-badge.failed{background:var(--status-critical-bg);color:var(--status-critical)}.quality-badge.quarantined{background:var(--status-serious-bg);color:#a1441c}.stock-bar-cell{display:flex;align-items:center;gap:8px;min-width:140px}.stock-bar-track{flex:1;height:6px;background:var(--gridline);border-radius:3px;overflow:hidden;min-width:60px}.stock-bar-fill{height:100%;border-radius:3px;background:var(--seq-450)}.stock-bar-fill.low{background:var(--status-critical)}.sub-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.sub-tabs button{background:none;border:none;font:inherit;font-weight:500;color:var(--text-secondary);padding:8px 4px;margin-right:18px;cursor:pointer;border-bottom:2px solid transparent}.sub-tabs button.active{color:var(--text-primary);border-bottom-color:var(--series-1)}.sub-tabs button:hover{color:var(--text-primary)}.progress-cell{display:flex;align-items:center;gap:8px;min-width:120px}.progress-track{flex:1;height:6px;background:var(--gridline);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--status-good)}.inline-issue-form{display:flex;gap:6px;align-items:center}.inline-issue-form input{width:90px;font:inherit;padding:5px 7px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.cert-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.cert-badge.valid{background:var(--status-good-bg);color:var(--status-good)}.cert-badge.expiring{background:var(--status-warning-bg);color:#8a5a00}.cert-badge.expired{background:var(--status-critical-bg);color:var(--status-critical)}.cert-badge.revoked{background:var(--status-serious-bg);color:#a1441c}.avatar-initials{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--page-plane);color:var(--text-secondary);font-size:11px;font-weight:700;flex-shrink:0}.employee-name-cell{display:flex;align-items:center;gap:10px}.scheduling-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.scheduling-toolbar .nav-group{display:flex;gap:6px;align-items:center}.scheduling-toolbar .range-label{font-size:13px;color:var(--text-secondary);min-width:170px;text-align:center}.unscheduled-tray{display:flex;gap:10px;overflow-x:auto;padding:12px;margin-bottom:16px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.wo-chip{flex-shrink:0;min-width:160px;max-width:210px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--page-plane);cursor:grab;font-size:12px}.wo-chip:active{cursor:grabbing}.wo-chip.dragging{opacity:.4}.wo-chip .wo-chip-title{font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-chip .wo-chip-sub{color:var(--text-muted);font-size:11px}.gantt-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1)}.gantt-grid{display:grid;min-width:max-content}.gantt-header-cell{padding:8px 6px;font-size:11px;color:var(--text-muted);text-align:center;border-bottom:1px solid var(--gridline);border-right:1px solid var(--gridline)}.gantt-header-cell.today{color:var(--series-1);font-weight:700}.gantt-corner{border-bottom:1px solid var(--gridline);border-right:1px solid var(--gridline)}.gantt-line-label{padding:10px 12px;font-size:12px;font-weight:600;border-bottom:1px solid var(--gridline);border-right:1px solid var(--gridline);display:flex;align-items:center}.gantt-day-cell{min-height:60px;position:relative;border-bottom:1px solid var(--gridline);border-right:1px solid var(--gridline)}.gantt-day-cell.drag-over{background:var(--status-good-bg)}.gantt-bar{margin:6px 4px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--seq-100);border:1px solid var(--series-1);font-size:11px;cursor:grab;overflow:hidden;align-self:center}.gantt-bar:active{cursor:grabbing}.gantt-bar.risk-high{border-color:var(--status-critical);background:var(--status-critical-bg)}.gantt-bar.risk-medium{border-color:var(--status-warning);background:var(--status-warning-bg)}.gantt-bar .gantt-bar-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-bar .gantt-bar-sub{color:var(--text-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.risk-chip{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600}.risk-chip.high{background:var(--status-critical-bg);color:var(--status-critical)}.risk-chip.medium{background:var(--status-warning-bg);color:#8a5a00}.diff-arrow{color:var(--text-muted);margin:0 4px}.drop-zone{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:10px;font-size:12px;color:var(--text-muted);text-align:center;transition:background .1s}.drop-zone.drag-over{background:var(--status-good-bg);border-color:var(--status-good);color:var(--status-good)}.drop-zone.reject{border-color:var(--status-critical)}.chip-strip{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.draggable-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--page-plane);font-size:12px;cursor:grab}.draggable-chip:active{cursor:grabbing}.draggable-chip.unqualified{opacity:.55}.prediction-box{background:var(--page-plane);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;margin-bottom:16px}.prediction-box .prediction-date{font-size:18px;font-weight:700}.prediction-box .prediction-range{color:var(--text-muted);font-size:12px;margin-top:2px}.prediction-box .prediction-basis{color:var(--text-secondary);font-size:12px;margin-top:8px}