*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-raised:#1c2330;--border:#2d3748;--accent:#f59e0b;--accent-dim:#92400e;--text-primary:#e2e8f0;--text-mid:#94a3b8;--text-dim:#4b5563;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--radius:6px}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:24px;height:60px;padding:0 24px;display:flex}.topbar-brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent);color:#000;letter-spacing:.05em;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.brand-title{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.brand-sub{color:var(--text-dim);letter-spacing:.02em;font-size:11px}.topbar-stats{gap:24px;margin-left:12px;display:flex}.topbar-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.stat-value{font-family:var(--font-mono);color:var(--text-mid);font-size:20px;font-weight:600;line-height:1}.stat-value--highlight{color:var(--accent)}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.topbar-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.last-refreshed{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.refresh-btn{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-mid);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .15s;display:flex}.refresh-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.body{flex:1;display:flex;overflow:hidden}.left-pane{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:100%;max-width:480px;transition:max-width .2s;display:flex;overflow:hidden}.left-pane--narrow{max-width:380px}.project-list{flex-direction:column;height:100%;display:flex;overflow:hidden}.list-controls{border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.search-input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;flex:1;padding:7px 10px;font-size:13px}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--accent)}.status-select{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-mid);cursor:pointer;outline:none;padding:7px 10px;font-size:13px}.status-select:focus{border-color:var(--accent)}.list-count{color:var(--text-dim);border-bottom:1px solid var(--border);font-size:11px;font-family:var(--font-mono);flex-shrink:0;padding:6px 16px}.project-rows{flex:1;overflow-y:auto}.project-row{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;align-items:stretch;gap:0;width:100%;padding:0;transition:background .1s;display:flex;position:relative}.project-row:hover,.project-row--selected{background:var(--bg-raised)}.project-row--selected:after{content:"";background:var(--accent);width:2px;position:absolute;top:0;bottom:0;right:0}.row-accent{background:0 0;flex-shrink:0;width:3px;transition:background .15s}.row-accent--overdue{background:#ef4444}.row-accent--critical{background:#f97316}.row-main{flex:1;min-width:0;padding:12px 12px 12px 10px}.row-top{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.row-number{font-family:var(--font-mono);color:var(--accent);flex-shrink:0;font-size:11px;font-weight:600}.row-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.row-flag{color:#f59e0b;flex-shrink:0;font-size:12px}.row-mid{align-items:center;gap:8px;margin-bottom:6px;display:flex}.row-customer{color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.row-step{color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px}.row-bottom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-due{font-size:11px}.row-wo-count{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);margin-left:auto}.row-chevron{color:var(--text-dim);flex-shrink:0;align-items:center;padding:0 12px 0 4px;font-size:18px;display:flex}.list-empty{text-align:center;color:var(--text-dim);padding:32px 16px;font-size:13px}.status-badge{white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.due-badge{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:3px;margin-left:5px;padding:1px 5px;font-size:10px}.right-pane{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.right-pane--empty{justify-content:center;align-items:center}.empty-state{text-align:center}.empty-icon{color:var(--text-dim);margin-bottom:12px;font-size:40px}.empty-title{color:var(--text-mid);margin-bottom:6px;font-size:16px;font-weight:500}.empty-sub{color:var(--text-dim);max-width:280px;font-size:13px;line-height:1.6}.wo-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.wo-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.wo-panel-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:4px;font-size:10px;font-weight:600}.wo-panel-title{color:var(--text-primary);align-items:baseline;gap:10px;font-size:18px;font-weight:600;line-height:1.3;display:flex}.wo-panel-number{font-family:var(--font-mono);color:var(--accent);font-size:13px;font-weight:600}.wo-panel-customer{color:var(--text-mid);margin-top:4px;font-size:13px}.wo-close-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;background:0 0;flex-shrink:0;padding:4px 10px;font-size:14px;transition:all .1s}.wo-close-btn:hover{border-color:var(--text-mid);color:var(--text-primary)}.wo-meta-strip{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-shrink:0;gap:0;padding:0;display:flex;overflow-x:auto}.meta-item{border-right:1px solid var(--border);flex-shrink:0;padding:10px 20px}.meta-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:3px;font-size:10px}.meta-value{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:500}.wo-list-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.wo-count-label{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 20px 6px}.wo-table-wrap{flex:1;overflow:auto}.wo-table{border-collapse:collapse;width:100%;font-size:12.5px}.wo-table th{background:var(--bg-surface);border-bottom:1px solid var(--border);text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);white-space:nowrap;z-index:1;padding:9px 14px;font-size:10px;font-weight:600;position:sticky;top:0}.wo-table td{vertical-align:middle;color:var(--text-primary);border-bottom:1px solid #2d374880;padding:10px 14px}.wo-row:hover td{background:var(--bg-raised)}.wo-cell-number{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-size:11px}.wo-cell-name{min-width:160px;font-weight:500}.wo-cell-step{color:var(--text-mid);white-space:nowrap}.impediment-badge{color:#fbbf24;white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:3px;padding:2px 6px;font-size:11px}.wo-state-msg{color:var(--text-dim);align-items:center;gap:10px;padding:32px 24px;font-size:13px;display:flex}.wo-state-empty{justify-content:center}.wo-state-error{color:#f87171;border-radius:var(--radius);background:#ef444412;border:1px solid #ef444433;margin:16px;padding:24px;font-size:13px}.loading-projects{height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.load-error{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:24px;display:flex}.load-error-title{color:#f87171;font-size:15px;font-weight:500}.load-error-detail{color:var(--text-dim);font-size:12px;font-family:var(--font-mono)}.wo-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.wo-spinner--lg{border-width:3px;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.bg-emerald-900\/40{background-color:#064e3b66}.bg-slate-700\/40{background-color:#33415566}.bg-amber-900\/40{background-color:#78350f66}.bg-blue-900\/40{background-color:#1e3a8a66}.bg-slate-800\/40{background-color:#1e293b66}.text-emerald-300{color:#6ee7b7}.text-amber-300{color:#fcd34d}.text-blue-300{color:#93c5fd}.bg-emerald-400{background-color:#34d399}.bg-slate-500{background-color:#64748b}.bg-amber-400{background-color:#fbbf24}.bg-blue-400{background-color:#60a5fa}.bg-slate-600{background-color:#475569}.text-red-400{color:#f87171}.text-orange-400{color:#fb923c}.text-amber-400{color:#fbbf24}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.font-semibold{font-weight:600}.main-layout{flex:1;min-height:0;display:flex;overflow:hidden}.main-left{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.projects-section{border-bottom:2px solid var(--accent);flex-direction:column;flex:0 0 320px;display:flex;overflow:hidden}.projects-section-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.wo-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.section-header{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.section-title-row{flex-shrink:0;align-items:center;gap:10px;display:flex}.section-title{letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.section-count{font-size:11px;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border);border-radius:3px;padding:2px 7px}.section-table-wrap{flex:1;overflow:auto}.detail-pane{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:680px;display:flex;overflow:hidden}.wo-project-cell{flex-direction:column;gap:2px;display:flex}.wo-proj-number{font-family:var(--font-mono);color:var(--accent);font-size:10px;font-weight:600}.wo-proj-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;overflow:hidden}.tab-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:0;padding:0 16px;display:flex}.tab-btn{color:var(--text-dim);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 20px;font-size:11px;font-weight:700;transition:color .15s,border-color .15s;display:flex}.tab-btn:hover{color:var(--text-mid)}.tab-btn--active{color:var(--accent);border-bottom-color:var(--accent)}.tab-badge{font-family:var(--font-mono);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-dim);border-radius:3px;padding:1px 6px;font-size:10px}.tab-btn--active .tab-badge{border-color:var(--accent-dim);color:var(--accent)}.tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tab-pane{flex:1;min-height:0;display:flex;overflow:hidden}.tab-pane--full{flex-direction:column}.gantt-outer{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.gantt-legend{align-items:center;gap:14px;margin-left:16px;display:flex}.legend-item{color:var(--text-dim);align-items:center;gap:5px;font-size:11px;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.gantt-body{flex:1;min-height:0;display:flex;overflow:hidden}.gantt-label-panel{border-right:2px solid var(--accent);background:var(--bg-surface);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.gantt-label-header{background:var(--bg-raised);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;display:flex}.gantt-label-body{scrollbar-width:none;flex:1;overflow:hidden scroll}.gantt-label-body::-webkit-scrollbar{display:none}.gantt-label-row{border-bottom:1px solid #2d374880;align-items:center;display:flex}.gantt-label-row:hover{background:var(--bg-raised)}.gantt-col{flex-direction:column;justify-content:center;gap:2px;padding:4px 8px;display:flex;overflow:hidden}.gantt-col--wo,.gantt-col--proj{flex-shrink:0;width:140px}.gantt-col--dates{flex-direction:row;flex:1;align-items:center;gap:4px}.gantt-label-header .gantt-col{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);flex-direction:row;align-items:center;font-size:10px;font-weight:600}.gantt-wo-number{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-size:10px;font-weight:600}.gantt-wo-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.gantt-proj-num{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;font-size:10px}.gantt-proj-name{color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.gantt-date-start{color:var(--text-dim);white-space:nowrap;font-size:10px;font-family:var(--font-mono)}.gantt-date-sep{color:var(--text-dim);font-size:10px}.gantt-date-ship{white-space:nowrap;font-size:10px;font-family:var(--font-mono);font-weight:600}.gantt-chart-wrap{-webkit-overflow-scrolling:touch;flex:1;min-width:0;overflow:scroll}.gantt-week-header{background:var(--bg-raised);border-bottom:1px solid var(--border)}.gantt-week-label{font-size:11px;font-family:var(--font-mono);color:var(--text-mid);border-left:1px solid var(--border);white-space:nowrap;box-sizing:border-box;align-items:center;padding-left:8px;display:flex;position:absolute;top:0}.gantt-rows-area{position:relative}.gantt-grid-line{background:#2d374899;width:1px;position:absolute;top:0}.gantt-today-line{opacity:.85;z-index:1;background:#f59e0b;width:2px;position:absolute;top:0}.gantt-today-line:before{content:"TODAY";letter-spacing:.08em;color:#f59e0b;white-space:nowrap;font-size:9px;font-weight:700;position:absolute;top:4px;left:4px}.gantt-bar-row{border-bottom:1px solid #2d374880;align-items:center;display:flex;position:relative}.gantt-bar{cursor:default;z-index:1;border-radius:4px;align-items:center;height:26px;padding:0 8px;transition:filter .15s;display:flex;position:absolute}.gantt-bar:hover{filter:brightness(1.2)}.gantt-bar-label{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:11px;font-weight:600;overflow:hidden}.gantt-no-dates{color:var(--text-dim);padding-left:12px;font-size:11px}.scale-toggle{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;gap:2px;padding:2px;display:flex}.scale-btn{color:var(--text-dim);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .15s}.scale-btn:hover{color:var(--text-mid);background:var(--bg-surface)}.scale-btn--active{background:var(--accent);color:#000}.search-input--sm{max-width:200px}.gantt-bar{cursor:grab}.gantt-bar--dragging{cursor:grabbing;opacity:.85;box-shadow:0 4px 20px #00000080;z-index:10!important}.save-indicator{font-size:10px;font-family:var(--font-mono);white-space:nowrap;border-radius:3px;margin-left:4px;padding:1px 5px}.save-indicator--saving{color:#93c5fd;background:#3b82f626}.save-indicator--saved{color:#6ee7b7;background:#34d39926}.save-indicator--error{color:#f87171;background:#ef444426}.dialog-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;width:420px;overflow:hidden;box-shadow:0 20px 60px #0009}.dialog-title{letter-spacing:.05em;color:var(--accent);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg-surface);padding:16px 20px;font-size:13px;font-weight:700}.dialog-body{flex-direction:column;gap:16px;padding:20px;display:flex}.dialog-wo-name{color:var(--text-primary);font-size:13px;font-weight:600}.dialog-change{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.dialog-change-row{justify-content:space-between;align-items:center;display:flex}.dialog-change-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.dialog-change-old{font-family:var(--font-mono);color:var(--text-mid);font-size:13px;text-decoration:line-through}.dialog-change-new{font-family:var(--font-mono);color:#6ee7b7;font-size:14px;font-weight:700}.dialog-arrow{text-align:center;color:var(--text-dim);font-size:16px}.dialog-note{color:var(--text-dim);font-size:12px;line-height:1.6}.dialog-note code{font-family:var(--font-mono);color:var(--text-mid);background:var(--bg-surface);border-radius:3px;padding:1px 4px;font-size:11px}.dialog-actions{border-top:1px solid var(--border);background:var(--bg-surface);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.dialog-btn{border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s}.dialog-btn--cancel{color:var(--text-mid);background:0 0}.dialog-btn--cancel:hover{border-color:var(--text-mid);color:var(--text-primary)}.dialog-btn--confirm{background:var(--accent);color:#000;border-color:var(--accent)}.dialog-btn--confirm:hover{filter:brightness(1.1)}.step-filter-wrap{flex-shrink:0;position:relative}.step-filter-btn{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-mid);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.step-filter-btn:hover{border-color:var(--text-mid)}.step-filter-btn--active{border-color:var(--accent);color:var(--accent)}.step-filter-count{background:var(--accent);color:#000;text-align:center;border-radius:3px;min-width:18px;padding:1px 5px;font-size:10px;font-weight:700}.step-filter-chevron{color:var(--text-dim);font-size:9px}.step-filter-dropdown{z-index:50;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);min-width:260px;max-height:380px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.step-filter-actions{border-bottom:1px solid var(--border);gap:6px;padding:8px 10px;display:flex}.step-action-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;border-radius:3px;padding:3px 10px;font-size:11px;transition:all .1s}.step-action-btn:hover{border-color:var(--accent);color:var(--accent)}.step-option{cursor:pointer;color:var(--text-mid);border-bottom:1px solid #2d374866;align-items:center;gap:8px;padding:7px 12px;font-size:12px;transition:background .1s;display:flex}.step-option:last-child{border-bottom:none}.step-option:hover{background:var(--bg-surface);color:var(--text-primary)}.step-option input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:14px;height:14px}.type-toggle{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;gap:2px;padding:2px;display:flex}.type-btn{letter-spacing:.04em;cursor:pointer;color:var(--text-dim);white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .15s}.type-btn:hover{color:var(--text-mid);background:var(--bg-surface)}.type-btn--active.type-btn--all{background:var(--accent);color:#000}.type-btn--active.type-btn--production{color:#fff;background:#3b82f6}.type-btn--active.type-btn--drafting{color:#fff;background:#8b5cf6}.type-btn--active.type-btn--installation{color:#fff;background:#10b981}.wo-type-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}