*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}:root,[data-theme=light]{--primary:#2f5496;--primary-hover:#264478;--primary-light:#ebf0f9;--accent:#09ab3b;--accent-hover:#088a30;--bg:#fff;--bg-subtle:#f8f9fb;--card-bg:#fff;--border:#e6e9ef;--text:#1a1a2e;--text-secondary:#555770;--text-muted:#8e8ea0;--success:#09ab3b;--success-light:#e2efda;--warning:#e8a317;--warning-light:#fff8e7;--danger:#e74c3c;--danger-light:#fce4ec;--sidebar-width:200px;--radius:.375rem}[data-theme=dark]{--primary:#5b8dd9;--primary-hover:#7aa3e5;--primary-light:#1e293b;--accent:#34d058;--accent-hover:#2ea44f;--bg:#0d1117;--bg-subtle:#161b22;--card-bg:#161b22;--border:#30363d;--text:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--success:#34d058;--success-light:#0d2818;--warning:#e3b341;--warning-light:#2d2200;--danger:#f85149;--danger-light:#2d0f0f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif;font-size:15px}.app-layout{width:100%;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-subtle);border-right:1px solid var(--border);z-index:10;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:.625rem;padding:1rem 1rem .875rem;display:flex}.brand-mark{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.6875rem;font-weight:800;display:flex}.brand-title{color:var(--text);font-size:.8125rem;font-weight:600;line-height:1.2}.brand-sub{color:var(--text-muted);font-size:.625rem}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:.5rem;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius);padding:.5rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .1s;display:block}.nav-item:hover{color:var(--text);background:#fff}.nav-item.active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000a}.main-content{margin-left:var(--sidebar-width);background:var(--bg);flex:1;max-width:100%;min-height:100vh;padding:1rem 1.25rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem}.summary-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.summary-stat{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .875rem}.summary-stat .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.625rem;font-weight:600}.summary-stat .value{color:var(--text);font-size:1.25rem;font-weight:700}.btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);background:#fff;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .1s;display:inline-flex}.btn:hover{background:var(--bg-subtle)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.badge{border-radius:var(--radius);padding:.0625rem .4375rem;font-size:.6875rem;font-weight:600;display:inline-block}.badge-high{background:var(--success-light);color:#1a6b2f}.badge-medium{background:var(--warning-light);color:#8a6914}.badge-low{background:var(--danger-light);color:#991b1b}.badge-cancelled{background:var(--bg-subtle);color:var(--text-muted);text-decoration:line-through}.badge-pending{background:var(--primary-light);color:var(--primary)}.badge-completed{background:var(--success-light);color:#1a6b2f}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--bg-subtle);padding:.5rem .625rem;font-size:.6875rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);padding:.5rem .625rem;font-size:.8125rem}.data-table tbody tr:hover td{background:var(--primary-light)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable{cursor:pointer}.detail-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.placeholder{min-height:40vh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder p{font-size:.8125rem}.overview-page{max-width:680px}.overview-page h2{margin-bottom:.25rem;font-size:1rem;font-weight:700}.overview-intro{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.8125rem;line-height:1.5}.flow-vertical{flex-direction:column;padding-left:2.25rem;display:flex;position:relative}.flow-vertical:before{content:"";background:var(--border);width:2px;position:absolute;top:1rem;bottom:1rem;left:.9375rem}.flow-item{align-items:flex-start;gap:.75rem;padding:.375rem 0;display:flex;position:relative}.flow-marker{background:var(--primary);color:#fff;z-index:1;width:1.875rem;height:1.875rem;box-shadow:0 0 0 3px var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex;position:absolute;top:.375rem;left:-2.25rem}.flow-marker.automated{background:var(--accent)}.flow-marker.review{background:var(--warning)}.flow-body{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:.625rem .875rem}.flow-body h3{margin-bottom:.125rem;font-size:.8125rem;font-weight:600}.flow-body p{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.flow-badge{text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;border-radius:.1875rem;margin-left:.375rem;padding:.0625rem .3125rem;font-size:.5625rem;font-weight:700;display:inline-block}.flow-badge.auto{background:var(--success-light);color:#1a6b2f}.flow-badge.manual{background:var(--warning-light);color:#8a6914}.transform-header-input{background:var(--warning-light)!important;border-bottom:2px solid var(--warning)!important;color:#8a6914!important}.transform-header-output{background:var(--success-light)!important;border-bottom:2px solid var(--accent)!important;color:#1a6b2f!important}.transform-sep{background:var(--bg-subtle)!important;width:2px!important;padding:0!important}.part-vendor{background:var(--warning-light);border-radius:.1875rem;padding:.0625rem .3125rem;font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.part-qvi{background:var(--success-light);border-radius:.1875rem;padding:.0625rem .3125rem;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:600}.topbar{justify-content:space-between;align-items:center;min-height:2rem;margin-bottom:1rem;display:flex}.settings-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);background:0 0;padding:.25rem .5rem;font-size:1.125rem;line-height:1;transition:all .1s}.settings-btn:hover{color:var(--text);background:var(--bg-subtle)}.settings-menu{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);z-index:100;min-width:120px;margin-top:.375rem;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.settings-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);margin-bottom:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600}.settings-option{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;border-radius:.25rem;padding:.375rem .5rem;font-size:.8125rem;transition:all .1s;display:block}.settings-option:hover{background:var(--bg-subtle);color:var(--text)}.settings-option.active{color:var(--primary);background:var(--primary-light);font-weight:600}