.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{height:32px}.main-content{background-color:#f4f4f6;flex:1;margin-left:0;transition:margin-left .3s}.main-content.shifted{margin-left:250px}@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{background:0 0;width:250px;padding:70px 5px 10px 0}.open-sidebar-button{cursor:pointer;color:#111;background:0 0;border:none;font-size:24px}.close-sidebar-button{cursor:pointer;background:0 0;border:none;font-size:30px;position:absolute;top:15px;right:20px}.sidebar-content{width:0;height:100%;transition:all .3s;position:fixed;top:0;left:0;overflow-x:hidden}.sidebar-content.open{width:250px}.sidebar-content a{padding:0;font-size:18px;text-decoration:none;transition:all .3s;display:block}.sidebar-content a:hover{background-color:#575757}.group-button{height:50px;cursor:"pointer";color:#fff;background-color:#0000;border:0;align-items:center;padding-left:10px;font-size:large;font-weight:500;display:flex}input{width:80%;height:30px;margin-top:10px;margin-left:20px;font-size:16px}h4{color:#fff}ul{color:#fff;margin-left:-10px;padding-left:-20px}ol{cursor:"pointer";padding:8px}hr{margin-top:20px}.icon-text{align-items:center;margin-left:8px;display:flex}.mode-selector{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px}.mode-selector h3{color:#666;margin-bottom:10px;font-size:14px}.mode-buttons{gap:10px;display:flex}.mode-buttons button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;flex:1;padding:8px 12px;transition:all .2s}.mode-buttons button:hover{background:#f0f0f0}.mode-buttons button.active,.group-button.active{color:#fff;background:#3480d1;border-color:#3480d1}.mode-indicator{color:#333;background:#f0f0f0;border-radius:4px;margin-left:20px;padding:8px 16px;font-size:14px;font-weight:500}.loading-container{color:#666;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}