body,html{height:100%;margin:0;overflow:hidden;padding:0}.sidebar-expanded{width:240px}.sidebar-collapsed,.sidebar-expanded{transition:width .3s ease;position:relative}.sidebar-collapsed{width:60px}.sidebar-collapsed>:not(.sidebar-toggle-btn){display:none}:root{--dark-blue:#002B5B}.sidebar-button{background-color:white;color:var(--dark-blue);border:2px solid var(--dark-blue);font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.sidebar-button:hover{background-color:var(--dark-blue);color:white}.sidebar-toggle-btn{background-color:white;color:var(--dark-blue);border:2px solid var(--dark-blue);border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px rgba(0,0,0,.1);transition:background-color .2s,color .2s}.sidebar-toggle-btn:hover{background-color:var(--dark-blue);color:white}.sidebar-transition{transition:width .3s ease}.sidebar-content{opacity:1;visibility:visible;transition:opacity .3s ease}.sidebar-content.collapsed{opacity:0;pointer-events:none;visibility:hidden}