@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
.app{background:linear-gradient(#7a0c31 0%,#1c3344 25%,#274e6d 60%,#00748c 100%);flex-direction:column;height:100vh;display:flex}.content{flex:1;display:flex}.header{align-items:center;gap:8px;height:32px;padding:0 4px;display:flex}.header button{cursor:pointer;color:#111;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.header button:hover{background:#0000000f}.main-content{background-color:#f4f4f6;flex:1;margin-left:0;transition:margin-left .3s}.main-content.shifted{margin-left:250px}.mode-indicator{color:#333;background:#f0f0f0;margin-left:4px;padding:4px 12px;font-size:14px;font-weight:500}@media screen and (max-width:768px){.sidebar a{font-size:16px}}.info{background:#ffffffe6;border:1px solid #ccc;border-radius:8px;width:200px;padding:10px;font-size:12px;position:absolute;top:5px;right:5px}.info div{align-items:center;margin:2px 0;display:flex}.info div div{width:17px;height:15px}.info span{padding-left:4px}.info-area{background:#efecdfed;border:1px solid #000}.info-sistema{background:#2fa4b1;border:1px solid #000}.info-organismo{background:#f7f7f7;border:1px solid #000!important}.info-ws{border:none;height:1px}.info div .info-ws{border:1px solid #000;height:0}.info-manual{border:0}.graph{height:calc(100vh - 32px)}.sidebar{color:#f4f4f6;flex-direction:column;width:250px;padding:0 0 32px;line-height:1.5;display:flex}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;align-items:center;gap:6px;padding:14px 16px 6px;font-size:.8rem;font-weight:600;display:flex}.label-icon{align-items:center;gap:5px;display:flex}.modos{gap:10px;padding:6px 12px 12px;display:grid}.modo-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:10px 8px;font-size:.8rem;font-weight:500;display:flex}.modo-btn:hover{color:#f4f4f6;background:#ffffff14}.modo-btn.active{color:#fff;background:#00aec32e;border-color:#00aec3;font-weight:600}.control-btn{color:#f4f4f6;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:8px 16px;font-size:.875rem;display:flex}.control-btn:hover{background:#ffffff14}.relation-btn{color:#00aec3}.relation-btn:hover{background:#00aec31a}.group-btn{color:#f4f4f6;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:4px;width:100%;padding:9px 16px 9px 12px;font-size:.9rem;transition:background .15s;display:flex;position:relative;overflow:hidden}.group-btn:hover{background:#ffffff14}.group-btn.active{color:#fff;background:#ffffff1f;font-weight:500}.group-active-bar{background:#f4f4f6;width:3px;position:absolute;top:4px;bottom:4px;left:0}.group-arrow{color:#f4f4f6;opacity:0;align-items:center;display:flex}.group-arrow.visible{opacity:1}.group-btn-label{flex:1}.sidebar-section{border-top:1px solid #fcfcfc4d;padding:4px 0 8px}.close-sidebar-button{cursor:pointer;color:#ffffff80;z-index:10;background:0 0;border:none;justify-content:flex-end;width:100%;padding:10px 12px 0;font-size:30px;transition:color .15s;display:flex;position:sticky;top:0;right:20px}.close-sidebar-button:hover{color:#fff}.sidebar-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#7a0c31 0%,#1c3344 25%,#274e6d 60%,#00748c 100%);width:0;height:100%;transition:all .3s;position:fixed;top:0;left:0;overflow-x:hidden}.sidebar-content.open{width:250px}.group-button:hover{background-color:#ffffff1a}.search-section{margin:0;padding-top:10px}.search-input,.sidebar input{border:1px solid #ccc;border-radius:6px;width:calc(100% - 24px);height:36px;margin:4px 12px 0;padding:8px 12px;font-size:.85rem;transition:border-color .2s,box-shadow .2s;display:block}.search-input:focus,.sidebar input:focus{background:#ffffff26;border-color:#00aec3;outline:none}.results-section{border:none;padding-top:0}.filtered-nodes-list{max-height:400px;padding:0 8px;list-style:none;overflow-y:auto}.filtered-node-item{cursor:pointer;color:#f4f4f6;border-bottom:1px solid #efefef1a;margin:2px 0;padding:7px 10px;font-size:.8rem;line-height:1.4;transition:background-color .2s,border-left-color .2s}.filtered-node-item:hover{background:#ffffff14;border-left-color:#00aec3}.loading-container{color:#666;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}