.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--color-bg-canvas: #ffffff;--color-bg-surface: #f9fafb;--color-bg-surface2: #f3f4f6;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-disabled: #9ca3af;--color-text-inverse: #ffffff;--color-border-subtle: #e5e7eb;--color-border-default: #d1d5db;--color-border-strong: #9ca3af;--color-brand-primary: #2563eb;--color-brand-primary-hover: #1d4ed8;--color-brand-primary-active: #1e40af;--color-link-default: #1d4ed8;--color-link-visited: #7c3aed;--color-state-info: #1d4ed8;--color-state-success: #15803d;--color-state-warning: #b45309;--color-state-danger: #dc2626;--color-state-bg-info: #dbeafe;--color-state-bg-success: #dcfce7;--color-state-bg-warning: #ffedd5;--color-state-bg-danger: #fee2e2;--color-focus-ring: #2563eb;--font-family-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Noto Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-size-xs: 14px;--font-size-sm: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--line-height-tight: 1.25;--line-height-default: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-bold: 700;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow-md: 0 10px 25px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 35px rgba(15, 23, 42, .1);--color-role-company-bg: var(--color-bg-surface2);--color-role-vendor-bg: var(--color-state-bg-info);font-family:var(--font-family-sans);color:var(--color-text-primary);background-color:var(--color-bg-canvas)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:var(--font-size-sm);line-height:var(--line-height-default);background:var(--color-bg-canvas)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface)}.app-brand{display:flex;align-items:center;gap:var(--space-2)}.app-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.app-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.app-link{text-decoration:none;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent}.app-link.is-active{color:var(--color-text-primary);background:var(--color-bg-surface2);border-color:var(--color-border-subtle)}.app-user{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.app-user-panel{display:flex;align-items:center;gap:var(--space-3)}.app-user-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}a{color:var(--color-link-default);text-decoration:underline;text-underline-offset:var(--space-1)}a:visited{color:var(--color-link-visited)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:var(--space-1)}.page{padding:var(--space-6);max-width:1200px;margin:0 auto;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.page-title{margin:0;font-size:var(--font-size-xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}.page-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.page-meta span{white-space:nowrap}.page-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.header-actions{display:flex;gap:var(--space-3);align-items:center}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-7);box-shadow:var(--shadow-md)}.card-title{margin:0 0 var(--space-3);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.maintenance-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.link-tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);background:var(--color-bg-canvas);box-shadow:var(--shadow-sm)}.link-tile span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.inventory-progress-overview{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--space-5);align-items:center}.inventory-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.inventory-progress-vendor-card{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-canvas)}.inventory-progress-vendor-title{margin:0;font-size:var(--font-size-md)}.inventory-progress-chart{position:relative;width:180px;height:180px;margin:0 auto}.inventory-progress-chart-svg{width:100%;height:100%}.inventory-progress-chart-track{stroke:var(--color-border-subtle)}.inventory-progress-chart-value{stroke:var(--color-brand-primary);transition:stroke-dashoffset .16s ease}.inventory-progress-chart-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center}.inventory-progress-chart-center strong{font-size:var(--font-size-lg)}.inventory-progress-chart-center span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.inventory-progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.inventory-progress-stat{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-surface2)}.inventory-progress-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.field-inline{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.table-actions{width:120px}.table-card{padding:0}.table-wrapper{overflow-x:auto}.table-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-canvas)}.table-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-canvas);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.legend-swatch{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.legend-swatch--company{background:var(--color-role-company-bg)}.legend-swatch--vendor{background:var(--color-role-vendor-bg)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}caption{text-align:left;padding:var(--space-3) var(--space-5);font-weight:var(--font-weight-bold)}th,td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top}th{background:var(--color-bg-surface2);position:sticky;top:0;z-index:1;font-weight:var(--font-weight-bold)}.table-sort-button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left}.table-sort-button:hover{color:var(--color-text-primary);background:transparent}.table-sort-button:active{background:transparent}.table-sort-button.is-active{color:var(--color-brand-primary)}.table-sort-indicator{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.table-sort-button.is-active .table-sort-indicator{color:var(--color-brand-primary)}tr:hover td{background:var(--color-bg-surface2);cursor:pointer}.table-row--clickable:focus-visible td{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.table-row--clickable td{cursor:pointer}tbody .table-state{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.company-col{background:var(--color-role-company-bg)}.vendor-col{background:var(--color-role-vendor-bg)}tr:hover td.company-col,tr:hover td.vendor-col{background:var(--color-bg-surface2)}.text-clip{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters{display:grid;gap:var(--space-4)}.filters-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.filters-body{display:grid;gap:var(--space-4)}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.filters-advanced{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-bg-canvas)}.filters-advanced summary{cursor:pointer;font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.vendor-selector{display:grid;gap:var(--space-3)}.vendor-selector-picker{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-bg-canvas)}.vendor-selector-picker summary{cursor:pointer;font-weight:var(--font-weight-bold)}.vendor-selector-options{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.vendor-selector-option{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-surface)}.vendor-selector-selected{display:grid;gap:var(--space-3)}.vendor-selector-selected-card{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-canvas)}.vendor-selector-selected-title{margin:0 0 var(--space-2);font-weight:var(--font-weight-bold)}.form-grid{display:grid;gap:var(--space-4)}.form-grid.two-column{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-grid.two-column.product-item-grid{grid-template-columns:minmax(360px,2fr) minmax(240px,1fr)}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm)}.field-label{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-weight:var(--font-weight-bold)}.required-badge{padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--color-state-bg-danger);color:var(--color-state-danger);border:1px solid var(--color-state-danger)}.role-tag{padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:var(--color-bg-canvas)}.role-tag--company{background:var(--color-role-company-bg)}.role-tag--vendor{background:var(--color-role-vendor-bg);color:var(--color-text-primary)}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.field-error{font-size:var(--font-size-xs);color:var(--color-state-danger)}.autocomplete-list{list-style:none;margin:0;padding:var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-canvas);display:grid;gap:var(--space-1);max-height:240px;overflow-y:auto}.autocomplete-option{display:grid;gap:var(--space-1);text-align:left;width:100%;border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.autocomplete-option:hover{background:var(--color-bg-surface2)}.autocomplete-primary{font-weight:var(--font-weight-bold)}.autocomplete-secondary{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-error-list{margin:var(--space-2) 0 0;padding-left:var(--space-4);color:var(--color-state-danger);font-size:var(--font-size-xs)}.form-error-list a{color:var(--color-state-danger)}.form-grid .full{grid-column:1 / -1}input,select,textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-height:var(--space-8);background:var(--color-bg-canvas);color:var(--color-text-primary)}input:disabled,select:disabled,textarea:disabled{background:var(--color-bg-surface2);color:var(--color-text-disabled)}textarea{resize:vertical}button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-size:var(--font-size-sm);min-height:var(--space-8);background:var(--color-bg-surface2);color:var(--color-text-primary)}button.primary{background:var(--color-brand-primary);color:var(--color-text-inverse)}button.primary:hover{background:var(--color-brand-primary-hover)}button.primary:active{background:var(--color-brand-primary-active)}button.secondary{background:var(--color-state-bg-info);color:var(--color-brand-primary);border-color:var(--color-border-default)}button.ghost{background:transparent;border-color:var(--color-border-default);color:var(--color-text-secondary)}button:disabled{opacity:.6;cursor:not-allowed}.link-button{background:transparent;border:none;color:var(--color-link-default);cursor:pointer;padding:0;min-height:auto;text-decoration:underline;text-underline-offset:var(--space-1)}.link-button.danger{color:var(--color-state-danger)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg-surface)}.auth-card{width:100%;max-width:420px;background:var(--color-bg-canvas);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-lg)}.auth-provider-card{display:grid;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface)}.auth-provider-button{width:100%}.auth-divider{position:relative;margin:0 0 var(--space-5);text-align:center}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--color-border-subtle)}.auth-divider span{position:relative;display:inline-block;padding:0 var(--space-3);background:var(--color-bg-canvas);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.status-badge{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:1px solid transparent}.status--handover{background:var(--color-bg-surface2);color:var(--color-text-secondary);border-color:var(--color-border-default)}.status--estimate{background:var(--color-state-bg-warning);color:var(--color-state-warning);border-color:var(--color-state-warning)}.status--quoted,.status--ordered{background:var(--color-state-bg-info);color:var(--color-state-info);border-color:var(--color-state-info)}.status--returned{background:var(--color-state-bg-success);color:var(--color-state-success);border-color:var(--color-state-success)}.status-control{display:flex;align-items:center;gap:var(--space-2)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-canvas)}.muted{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.form-error{color:var(--color-state-danger);font-size:var(--font-size-xs);margin:var(--space-2) 0}.state-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-bg-canvas);margin-bottom:var(--space-4)}.state-panel--error{border-color:var(--color-state-danger);background:var(--color-state-bg-danger)}.state-panel--empty{border-color:var(--color-border-subtle);background:var(--color-bg-surface)}.state-panel--permission{border-color:var(--color-state-warning);background:var(--color-state-bg-warning)}.state-title{margin:0 0 var(--space-1);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.state-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.attachment-section{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-md)}.attachment-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.attachment-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2);font-size:var(--font-size-sm)}.attachment-list li{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.upload-button{display:inline-flex;gap:var(--space-2);align-items:center;border:1px dashed var(--color-border-default);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-canvas)}.upload-button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.upload-button input{display:none}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.detail-grid p{margin:0}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.image-preview-card{margin:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-canvas)}.image-preview-card img{display:block;width:100%;height:140px;object-fit:cover;border-bottom:1px solid var(--color-border-subtle)}.image-preview-card figcaption{padding:var(--space-2) var(--space-3);display:grid;gap:var(--space-1);font-size:var(--font-size-xs)}.settings-visual-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 360px;gap:var(--space-4);min-height:76vh}.settings-nav-pane,.settings-main-pane,.settings-props-pane{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.settings-nav-pane{padding:var(--space-4);height:fit-content;position:sticky;top:var(--space-4)}.settings-nav-list{display:grid;gap:var(--space-2)}.settings-nav-button{text-align:left;background:var(--color-bg-canvas);border-color:var(--color-border-default);color:var(--color-text-secondary)}.settings-nav-button.is-active{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-state-bg-info)}.settings-main-pane{padding:var(--space-4);min-height:540px}.settings-canvas-shell{display:grid;gap:var(--space-3);grid-template-rows:auto minmax(420px,1fr) auto;height:100%}.settings-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.settings-inline-toggle{margin-left:auto}.settings-flow-canvas{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden;min-height:420px;background:linear-gradient(160deg,#dbeafe73,#f9fafbeb 55%,#f3f4f6f2)}.settings-unmapped-panel{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-canvas);padding:var(--space-3);display:grid;gap:var(--space-2)}.settings-unmapped-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.settings-unmapped-list{margin:0;padding-left:var(--space-4);max-height:180px;overflow:auto;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.settings-props-pane{padding:var(--space-4);overflow:auto}.settings-props-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.settings-props-section{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);margin-top:var(--space-3);display:grid;gap:var(--space-3)}.settings-props-title{margin:0;font-size:var(--font-size-sm)}.settings-ref-list{display:grid;gap:var(--space-2)}.settings-ref-item{display:grid;gap:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-canvas);padding:var(--space-2)}.settings-ref-label{font-weight:var(--font-weight-bold)}.settings-ref-path{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.settings-ref-value{word-break:break-all}.settings-edit-form{display:grid;gap:var(--space-3)}.settings-diff-list{margin:0;padding-left:var(--space-4);display:grid;gap:var(--space-2);font-size:var(--font-size-xs)}.settings-diff-list code{display:block;margin-bottom:var(--space-1);color:var(--color-text-secondary)}.settings-raw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.settings-inline-card{margin-bottom:0}.settings-json-block{margin:0;max-height:480px;overflow:auto;background:var(--color-bg-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.settings-issue-list{margin:0;padding-left:var(--space-4);display:grid;gap:var(--space-2)}.settings-issue-list li{display:grid;gap:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-canvas);padding:var(--space-2)}.settings-issue-error{border-color:var(--color-state-danger);background:var(--color-state-bg-danger)}.settings-issue-warning{border-color:var(--color-state-warning);background:var(--color-state-bg-warning)}.settings-issue-path{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.diagram-node{min-width:220px;max-width:280px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(170deg,#fff,#f9fafb);padding:var(--space-2) var(--space-3);display:grid;gap:var(--space-1)}.diagram-node.is-selected{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #2563eb2e}.diagram-node.is-warning{border-color:var(--color-state-warning)}.diagram-node.is-danger{border-color:var(--color-state-danger)}.diagram-node__header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2)}.diagram-node__icon{display:inline-flex;min-width:32px;justify-content:center;align-items:center;border:1px solid var(--color-border-default);border-radius:var(--radius-pill);padding:2px 6px;font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.3px;color:var(--color-text-secondary);background:var(--color-bg-canvas)}.diagram-node__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.diagram-node__subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.diagram-node__severity{justify-self:end;border-radius:var(--radius-pill);padding:0 var(--space-2);font-size:11px;border:1px solid var(--color-border-default);text-transform:uppercase}.diagram-node__severity--warning{color:var(--color-state-warning);border-color:var(--color-state-warning);background:var(--color-state-bg-warning)}.diagram-node__severity--danger{color:var(--color-state-danger);border-color:var(--color-state-danger);background:var(--color-state-bg-danger)}.diagram-node__severity--info{color:var(--color-state-info);border-color:var(--color-state-info);background:var(--color-state-bg-info)}.diagram-node__handle{width:8px;height:8px;background:var(--color-brand-primary);border:1px solid #ffffff}.settings-flow-canvas .react-flow__panel{margin:var(--space-2)}.settings-flow-canvas .react-flow__controls{border-color:var(--color-border-default)}.settings-flow-canvas .react-flow__attribution{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 720px){.app-header{flex-direction:column;align-items:flex-start}.app-user{align-items:flex-start}.app-user-panel{width:100%;justify-content:space-between}.page-header{flex-direction:column}.header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}th,td{font-size:var(--font-size-xs)}.form-grid.two-column.product-item-grid,.inventory-progress-overview,.settings-raw-grid{grid-template-columns:1fr}}@media (max-width: 1280px){.settings-visual-layout{grid-template-columns:220px minmax(0,1fr)}.settings-props-pane{grid-column:1 / -1}}@media (max-width: 980px){.settings-visual-layout{grid-template-columns:1fr}.settings-nav-pane{position:static}.settings-inline-toggle{margin-left:0}}@media (min-width: 1280px){.page{max-width:none;margin-left:0;margin-right:0}}