.modal-body{padding:var(--spacing-md)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-white);border-radius:var(--border-radius-sm);max-height:80vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--color-gray-medium);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.modal-title{color:var(--color-text-primary);font-size:var(--font-lg);margin:0}.modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:24px;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-secondary)}.form-group{margin-bottom:var(--spacing-sm);padding:0 var(--spacing-md)}.form-group:first-child{padding-top:var(--spacing-sm)}.form-group:last-child{padding-bottom:var(--spacing-sm)}.form-label{color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs)}.form-input,.form-select{border:1px solid var(--color-gray-medium);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-text-muted);padding:var(--spacing-xs);transition:border-color var(--transition-fast);width:100%}.form-input:focus,.form-select:focus{outline:none}.form-input[type=checkbox]{width:auto}.system-detail{background:var(--color-gray-light);border:2px dotted var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-base);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.system-detail h4{margin:0 0 var(--spacing-sm) 0}.system-detail-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:.3fr 1fr 1fr}.system-detail-grid p{font-size:var(--font-sm);margin:var(--spacing-xs) 0}@media (max-width:768px){.system-detail-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.modal-content{max-height:90vh;width:95%}.form-group{padding:0 var(--spacing-sm)}.form-group:last-child{padding-bottom:var(--spacing-sm)}}.dropdown-container{position:relative}.dropdown-options{background-color:var(--color-white);border:1px solid var(--color-gray-medium);border-top:none;box-shadow:var(--shadow-light);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{border-bottom:1px solid var(--color-gray-light);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.dropdown-option:hover{background-color:var(--color-gray-light)}.dropdown-option:last-child{border-bottom:none}.chips-container{margin-bottom:var(--spacing-xs)}.chip{background-color:var(--color-primary);padding:2px var(--spacing-xs)}.chip-remove{display:flex;padding:0 2px;transition:background-color var(--transition-fast)}.chip-remove:hover{background-color:var(--color-primary-disabled)}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-disabled:#94a3b8;--color-text-primary:#1e293b;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-light:#8e95a0;--color-gray-light:#f8fafc;--color-gray-medium:#d1d5db;--color-gray-dark:#666;--color-white:#fff;--color-error-bg:#fee2e2;--color-error-border:#fca5a5;--color-error-text:#dc2626;--color-highlight:#3b82f6;--color-blue-dimmed:#c1d7f8;--color-dimmed:#ccc;--color-green:#10b981;--color-green-dark:#059669;--spacing-xxs:2px;--spacing-xs:5px;--spacing-sm:8px;--spacing-md:10px;--spacing-lg:15px;--border-radius-sm:4px;--font-xs:0.6rem;--font-sm:0.75rem;--font-base:0.8rem;--font-md:0.9rem;--font-lg:1.2rem;--shadow-light:0 1px 3px #0000001a;--transition-xfast:0.1s;--transition-fast:0.2s}body,html{color:#1e293b;color:var(--color-text-primary);font-family:Avenir,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;font-size:var(--font-md);margin:0;overflow-x:hidden;padding:0}.app-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:none;padding:5px;padding:var(--spacing-xs)}.app-title{font-size:1.2rem;font-size:var(--font-lg);margin:2px 0;margin:var(--spacing-xxs) 0}.app-subtitle,.app-title{color:#1e293b;color:var(--color-text-primary);text-align:center;width:100%}.app-subtitle{font-size:.9rem;font-size:var(--font-md);font-weight:400;margin:5px 0;margin:var(--spacing-xs) 0;margin-top:0}.app-title,.controls,.filter-section,.stats{flex:0 0 auto}.diagram-container{background:#fff;background:var(--color-white);display:flex;flex:1 1 auto;margin-bottom:8px;margin-bottom:var(--spacing-sm);min-height:0;overflow:hidden}.diagram-svg{display:block;flex:1 1;height:100%;width:100%}.btn{background:#3b82f6;background:var(--color-primary);border:none;border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;color:var(--color-white);cursor:pointer;font-size:.9rem;font-size:var(--font-md);padding:5px;padding:var(--spacing-xs);transition:background-color .2s;transition:background-color var(--transition-fast)}.btn:hover{background:#2563eb;background:var(--color-primary-hover)}.btn:disabled{background:#94a3b8;background:var(--color-primary-disabled);cursor:not-allowed}.controls{gap:10px;gap:var(--spacing-md);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.controls,.stats{display:flex;flex-wrap:wrap;justify-content:center}.stats{color:#8e95a0;color:var(--color-text-light);font-size:.75rem;font-size:var(--font-sm);font-style:italic;line-height:1}.error-message{background:#fee2e2;background:var(--color-error-bg);border:1px solid #fca5a5;border:1px solid var(--color-error-border);color:#dc2626;color:var(--color-error-text);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:15px;padding:var(--spacing-lg);text-align:center}.error-message,.filter-section{border-radius:4px;border-radius:var(--border-radius-sm)}.filter-section{background:#fff;background:var(--color-white);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);margin-bottom:10px;margin-bottom:var(--spacing-md);padding:8px;padding:var(--spacing-sm)}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.filter-group label{font-size:.9rem;font-size:var(--font-md)}.filter-group label,.filter-select{color:#374151;color:var(--color-text-secondary)}.filter-select{background:#fff;background:var(--color-white);border:1px solid #d1d5db;border:1px solid var(--color-gray-medium);border-radius:4px;border-radius:var(--border-radius-sm);padding:5px;padding:var(--spacing-xs)}.column-controls h4{color:#374151;color:var(--color-text-secondary);font-size:.8rem;font-size:var(--font-base);margin-bottom:5px;margin-bottom:var(--spacing-xs)}.column-control-group{display:flex;flex-wrap:wrap;gap:15px;gap:var(--spacing-lg)}.column-toggle{align-items:center;display:flex;gap:5px;gap:var(--spacing-xs)}.column-toggle input[type=checkbox]{margin:0}.column-toggle label{color:#374151;color:var(--color-text-secondary);cursor:move;font-size:.8rem;font-size:var(--font-base)}.system-header{align-items:center;display:flex;justify-content:space-between}.system-title{flex:1 1;font-size:.9rem;font-size:var(--font-md);margin:0}.system-thumb{border-radius:4px;border-radius:var(--border-radius-sm);height:60px;margin-left:12px;object-fit:cover;width:60px}.link-unstyled{color:inherit;text-decoration:underline}.tooltip{background:#000c;border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;color:var(--color-white);font-size:.75rem;font-size:var(--font-sm);opacity:0;padding:5px;padding:var(--spacing-xs);pointer-events:none;position:absolute;transition:opacity .2s;transition:opacity var(--transition-fast)}.link{fill:none;cursor:pointer;opacity:.5}.link.flow-highlighted{stroke:#3b82f6!important;stroke:var(--color-highlight)!important;opacity:1!important}.link.flow-dimmed{stroke:#ccc!important;stroke:var(--color-dimmed)!important;opacity:.3!important}.link-overlay{fill:none;pointer-events:none}.link-overlay-blue{stroke:#3b82f6!important;stroke:var(--color-highlight)!important;opacity:1}.link-overlay-green{stroke:#10b981!important;stroke:var(--color-green)!important;opacity:.8}.link-overlay-blue-dimmed{stroke:#c1d7f8!important;stroke:var(--color-blue-dimmed)!important;opacity:1!important}.node rect{stroke-width:0}.node-text{fill:#000;stroke:#fff;stroke-width:3px;font-size:.9rem;font-size:var(--font-md);paint-order:stroke}.node rect.node-dimmed,.node rect.node-dimmed~text,.node rect.node-highlighted{opacity:.3}.node rect.node-additional{fill:#10b981!important;fill:var(--color-green)!important;opacity:1!important}.node-overlay-blue{fill:#3b82f6!important;fill:var(--color-highlight)!important;opacity:1}.node-overlay-blue-dimmed{fill:#c1d7f8!important;fill:var(--color-blue-dimmed)!important;opacity:1}.node-overlay-green{fill:#10b981!important;fill:var(--color-green)!important;opacity:.8}.green-highlighting-active .node rect.node-highlighted:not(.node-additional){opacity:.3}.green-highlighting-active .node rect.node-highlighted~text{opacity:.3!important}.green-highlighting-active .node[data-has-green-overlay] rect.node-highlighted~text{opacity:1!important}.zoom-button{fill:#3b82f6;fill:var(--color-primary);cursor:pointer;height:25px;width:25px}.zoom-button-reset{fill:#6b7280;fill:var(--color-text-muted)}.zoom-button-text{fill:#fff;text-anchor:middle;font-size:18px;pointer-events:none;transform:translateX(12px)}.zoom-button-disabled{fill:#94a3b8!important;fill:var(--color-primary-disabled)!important}.zoom-button-disabled,.zoom-button-text-disabled{cursor:not-allowed!important;pointer-events:none!important}.active-filters{margin-top:8px;margin-top:var(--spacing-sm)}.chips-container{display:flex;flex-wrap:wrap}.chip,.chips-container{gap:5px;gap:var(--spacing-xs)}.chip{align-items:center;background:#3b82f6;background:var(--color-primary);border-radius:4px;border-radius:var(--border-radius-sm);display:inline-flex;font-size:.75rem;font-size:var(--font-sm);padding:2px 5px;padding:var(--spacing-xxs) var(--spacing-xs)}.chip,.chip-remove{color:#fff;color:var(--color-white)}.chip-remove{background:none;border:none;cursor:pointer;font-size:.9rem;font-size:var(--font-md);font-weight:700;margin-left:2px;margin-left:var(--spacing-xxs);padding:0}.chip-remove:hover{opacity:.7}.clicked-element{stroke:#1e293b;stroke:var(--color-text-primary);stroke-width:4px!important;stroke-dasharray:2,2!important;stroke-opacity:1!important;fill-opacity:1!important;opacity:1!important}.clicked-link-outline{fill:none!important;stroke:#1e293b!important;stroke:var(--color-text-primary)!important;stroke-dasharray:2,2!important;stroke-opacity:1!important;pointer-events:none!important}.no-flash *{transition:none!important}
/*# sourceMappingURL=main.d7592cff.css.map*/