#app{margin-top:5px;position:relative;gap:10px}#cy{width:100%;height:calc(100vh - 155px);display:block}#info{display:none;position:absolute;top:0;right:5px;width:300px;height:100%;overflow-y:auto;padding:10px;background:#f8f8f8;border-radius:10px;border:1px solid #ddd;font-family:Outfit,sans-serif;word-break:break-word;white-space:pre-wrap;box-sizing:border-box;z-index:100}#info a{color:#2140bc;text-decoration:none}#info a:hover{color:#1c3184;text-decoration:underline}#close-info{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background-color:#f0f0f0;border:1px solid #ddd;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;z-index:10}#close-info:hover{background-color:#f66;border:1px solid #e75656;color:#fff}#info-content{top:35px;position:absolute}.nodeTitle{font-family:Outfit,sans-serif;font-size:18px;margin-bottom:5px}.property{margin-bottom:5px;padding-right:10px}.controls{font-family:Outfit,sans-serif;padding:10px;background:#f8f8f8;display:flex;align-items:center;gap:10px;border-radius:10px;border:1px solid #ddd;margin-top:3px;margin-left:5px;margin-right:5px}.search-container{font-family:Outfit,sans-serif;display:flex;flex-direction:column;gap:5px}.checkbox-container{display:flex;align-items:center;font-size:14px}.slider-container{display:flex;align-items:center;gap:5px;font-size:14px}.legend{display:flex;gap:10px;width:20%;margin-left:auto;align-items:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:12px}.color-box{width:15px;height:15px;border-radius:3px}.button{background-color:#e6e6e6;font-family:Outfit,sans-serif;border:1px solid #ccc;color:#000;padding:2px 5px;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;cursor:pointer;border-radius:5px;font-size:12px}.button:hover{background-color:#2140bc;border:1px solid #1c3184;color:#fff}input[type=text]{width:200px;padding:5px;border:1px solid #ccc;border-radius:5px;font-family:Outfit,sans-serif;font-size:12px}input[type=range]{width:200px;margin-left:10px}input[type=checkbox]{margin-right:5px}input[type=checkbox]:checked+label{color:#2140bc}input[type=checkbox]+label{cursor:pointer}input[type=checkbox]+label:hover{color:#1c3184}input[type=checkbox]{cursor:pointer}input[type=checkbox]:focus{outline:none;box-shadow:0 0 2px #2140bc}input[type=text]:focus{outline:none;box-shadow:0 0 2px #2140bc}input[type=range]:focus{outline:none;box-shadow:0 0 2px #2140bc}.slider-container label{font-size:14px}.slider-container span{font-size:14px;margin-left:5px}.search-options{display:flex;flex-direction:column;gap:5px}.navigation{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:5px;margin-left:auto;position:relative;padding-right:20px;padding-left:20px;width:30%}.filters:before{content:"";position:absolute;left:0;top:0;height:100%;width:1px;background-color:#ddd}.filters:not(:last-child):after{content:"";position:absolute;right:0;top:0;height:100%;width:1px;background-color:#ddd}html,body{height:100%;margin:0;padding:0}.page-container{display:flex;flex-direction:column;min-height:100vh}.content-wrap{flex:1 0 auto}.footer{flex-shrink:0;background-color:#f5f5f5;border-top:1px solid #ddd;padding:5px 0;width:100%}.footer-content{margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;font-size:14px;color:#333}.footer p{margin:0}.footer-links{display:flex;gap:20px}.footer-links a{color:#06c;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#004080;text-decoration:underline}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:10px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;font-family:Outfit,sans-serif}.modal-content{background-color:#fefefe;margin:2% auto;padding:20px;border:1px solid #888;border-radius:10px;width:95%;height:85vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:14px}.modal-header h2{margin:0;font-size:16px}.close-modal{color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.close-modal:hover,.close-modal:focus{color:#000;text-decoration:none}.modal-body{display:flex;flex:1;gap:20px;overflow:hidden}.subgraph-container{flex:3;border:1px solid #ddd;border-radius:8px;overflow:hidden;padding:5px}#subgraph-cy{width:100%;height:100%}.connected-nodes-table{flex:2;display:flex;flex-direction:column;overflow:hidden}.connected-nodes-table h3{margin-top:0;margin-bottom:10px}.table-container{flex:1;overflow-y:auto;border:1px solid #ddd;border-radius:8px}#connected-nodes{width:100%;border-collapse:collapse}#connected-nodes th,#connected-nodes td{padding:8px 12px;text-align:left;border-bottom:1px solid #ddd;font-size:12px}#connected-nodes th{background-color:#f2f2f2;position:sticky;top:0}#connected-nodes tr:hover{background-color:#f5f5f5;cursor:pointer}.subgraph-button{background-color:#2140bc;color:#fff;border:none;padding:2px 5px;margin:4px 2px;border-radius:5px;cursor:pointer}.subgraph-button:hover{background-color:#1c3184;border:none}.view-btn{background-color:#2140bc;color:#fff;border:none;padding:3px 8px;border-radius:3px;cursor:pointer}.view-btn:hover{background-color:#1c3184;border:none}.modal-controls{display:flex;align-items:center;gap:15px}.back-button{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center}.back-button:hover{background-color:#45a049;border:none}#table-title{display:flex;justify-content:space-between;align-items:center;font-size:14px}.node-count{font-size:14px;color:#666;font-weight:400}.node-detail-header{display:flex;align-items:center;gap:10px}.modal-content{max-height:90vh}.table-container{max-height:90%}#connected-nodes{table-layout:fixed}#connected-nodes th:first-child,#connected-nodes td:first-child{width:40%}#connected-nodes th:nth-child(2),#connected-nodes td:nth-child(2){width:20%}#connected-nodes th:last-child,#connected-nodes td:last-child{width:30%}#connected-nodes td{word-break:break-word;overflow:hidden;text-overflow:ellipsis}tr:hover td{white-space:normal;overflow:visible}.notification{display:none;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:2000;min-width:300px;max-width:80%;background-color:#f8f8f8;border-left:4px solid #2140bc;border-radius:4px;box-shadow:0 4px 8px #0003;font-family:Outfit,sans-serif;animation:notification-slide-in .3s ease-out forwards}.notification.error{border-left-color:#e74c3c}.notification.success{border-left-color:#2ecc71}.notification.warning{border-left-color:#f39c12}.notification-content{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.notification-close{background:none;border:none;color:#999;font-size:20px;cursor:pointer;padding:0;margin-left:10px;line-height:1}.notification-close:hover{color:#333;background:none}@keyframes notification-slide-in{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes notification-slide-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.notification.hiding{animation:notification-slide-out .3s ease-in forwards}.active-button{background-color:#2140bc;color:#fff;border:none;padding:2px 5px;margin-left:10px;border-radius:5px;cursor:pointer}#connected-nodes tr td:first-child{font-weight:500}#connected-nodes tr td a{color:#2140bc;text-decoration:none;word-break:break-all}#connected-nodes tr td a:hover{text-decoration:underline}.node-detail-header{display:flex;align-items:center;gap:10px;padding:5px 0}.node-type-badge{background-color:#f0f0f0;padding:2px 8px;border-radius:12px;font-size:12px;color:#333}.view-all-btn{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px}.view-all-btn:hover{background-color:#45a049;border:none}button.active-filter{background-color:#2140bc;color:#fff;border:1px solid #1c3184;box-shadow:0 0 5px #2140bc80;position:relative}button.active-filter:after{content:"";position:absolute;top:-5px;right:-5px;width:10px;height:10px;background-color:#ff7f00;border-radius:50%;border:1px solid white}button.active-filter:hover{background-color:#1c3184;color:#fff}.back-to-details-btn{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;margin:10px 0;font-size:14px}.back-to-details-btn:hover{background-color:#45a049;border:none}.modal-body.table-only .connected-nodes-table{flex:1;width:100%}.modal-body.split-view .connected-nodes-table{flex:2}.modal-body.split-view .subgraph-container{flex:3;display:block}.back-to-table-btn{background-color:#f39c12;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px}.back-to-table-btn:hover{background-color:#e67e22;border:none}.toggle-graph-btn{padding:5px 10px;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px;border:none;display:flex;align-items:center;justify-content:center;gap:5px}.show-graph-btn{background-color:#2140bc;color:#fff}.show-graph-btn:hover{background-color:#1c3184;border:none}.hide-graph-btn{background-color:#f39c12;color:#fff}.hide-graph-btn:hover{background-color:#e67e22;border:none}.toggle-icon{display:inline-block;width:14px;height:14px;position:relative}.multi-select-container{display:flex;flex-direction:column;gap:5px;margin:0 10px;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.multi-select-container label{font-size:14px;font-weight:500}#nodeTypeSelect{width:150px;padding:5px;border:1px solid #ccc;border-radius:4px;font-family:Outfit,sans-serif;font-size:12px;background-color:#fff}#nodeTypeSelect:focus{outline:none;box-shadow:0 0 2px #2140bc}.multi-select-container button{padding:3px 8px;font-size:12px;margin:2px 0}#hideFadedNodes{background-color:#e74c3c;color:#fff;border:none}#hideFadedNodes:hover{background-color:#c0392b;border:none}#generateReport{background-color:#27ae60;color:#fff;border:1px solid #229954}#generateReport:hover{background-color:#229954;border:1px solid #1e8449}.report-modal{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:scroll;background-color:#0006;font-family:Outfit,sans-serif}.report-modal-content{background-color:#fefefe;margin:2% auto;padding:20px;border:1px solid #888;border-radius:10px;width:90%;height:85vh;display:flex;flex-direction:column;overflow-y:scroll}.report-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:14px}.report-modal-header h2{margin:0;font-size:16px}.report-modal-body{flex:1;overflow-y:scroll;padding:10px 0}.use-case-group{margin-bottom:30px;border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9}.use-case-title{font-size:18px;font-weight:700;color:#2140bc;margin-bottom:15px;padding-bottom:5px;border-bottom:2px solid #2140bc}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.item-card{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:12px;box-shadow:0 2px 4px #0000001a}.item-title{font-weight:700;color:#333;margin-bottom:8px}.item-type{display:inline-block;background-color:#e6e6e6;padding:2px 8px;border-radius:12px;font-size:12px;color:#666;margin-bottom:8px}.item-properties{font-size:12px;color:#666}.item-properties div{margin-bottom:4px}.item-properties a{color:#2140bc;text-decoration:none}.item-properties a:hover{text-decoration:underline}.export-buttons{display:flex;gap:10px;margin-bottom:15px}.export-btn{background-color:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.export-btn:hover{background-color:#2980b9;border:none}.navigation{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap}@media (max-width: 1200px){.navigation{flex-direction:column;align-items:stretch}.navigation>div:last-child{margin-left:0}.multi-select-container{flex-direction:row;align-items:center;flex-wrap:wrap}#nodeTypeSelect{width:200px}}#hideFadedNodes:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;border:1px solid #cccccc!important}#hideFadedNodes:disabled:hover{background-color:#ccc!important;color:#666!important;border:1px solid #cccccc!important}#hideFadedNodes.active{background-color:#27ae60!important;color:#fff!important;border:1px solid #229954!important}#hideFadedNodes.active:hover{background-color:#229954!important;border:1px solid #1e8449!important}