.navigation-menu-sidebar,.navigation-menu-topbar{display:flex;font-family:Nunito Sans,sans-serif;transition:all .3s ease}.navigation-menu-list{list-style:none;padding:0;margin:0}.navigation-menu-sidebar{flex-direction:column;padding:10px;background-color:var(--bgC);border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);border:1px solid var(--shadowC);width:260px;flex-grow:1}.navigation-menu-sidebar .navigation-menu-list a{display:flex;align-items:center;gap:15px;padding:15px 20px;text-decoration:none;color:var(--darkMain);border-radius:8px;transition:all .3s ease;white-space:nowrap}.navigation-menu-sidebar .navigation-menu-list a.active,.navigation-menu-sidebar .navigation-menu-list a:hover{color:var(--darkSnd);background-color:var(--shadowC)}.navigation-menu-sidebar .navigation-menu-list a.active{font-weight:700}.link-text{transition:opacity .2s ease-in-out,width .2s ease-in-out;white-space:nowrap}.navigation-menu-sidebar.collapsed{width:88px}.navigation-menu-sidebar.collapsed .link-text{opacity:0;width:0;overflow:hidden}.navigation-menu-sidebar.collapsed .navigation-menu-list a{justify-content:center;padding:15px}.navigation-menu-topbar{flex-direction:row;align-items:center;width:100%}.navigation-menu-topbar .navigation-menu-list{display:flex;justify-content:center;flex-grow:1;gap:15px}.navigation-menu-topbar .navigation-menu-list a{display:flex;align-items:center;gap:8px;padding:10px 15px;text-decoration:none;color:var(--darkMain);border-radius:8px;position:relative;transition:all .3s ease}.navigation-menu-topbar .navigation-menu-list a.active,.navigation-menu-topbar .navigation-menu-list a:hover{color:var(--darkSnd)}.navigation-menu-topbar a:after{content:"";position:absolute;width:0;height:2px;bottom:5px;left:50%;transform:translateX(-50%);background-color:var(--darkSnd);transition:all .3s ease}.navigation-menu-topbar a.active:after,.navigation-menu-topbar a:hover:after{width:80%}.navigation-menu-topbar a.active{font-weight:700}.navigation-menu-topbar.collapsed .link-text{opacity:0;width:0;overflow:hidden}.navigation-menu-topbar.collapsed .navigation-menu-list a{gap:0;padding:10px}.layout-toggle-div{margin-top:auto;padding-top:10px;border-top:1px solid var(--shadowC);display:flex;gap:5px}.navigation-menu-topbar .layout-toggle-div{margin-top:0;border-top:none;padding-top:0;margin-left:auto}.layout-toggle-button{background-color:transparent;border:none;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-grow:1;color:var(--darkMain)}.layout-toggle-button:hover{color:var(--darkSnd);background-color:var(--shadowC)}.AutoScaledImage{border-radius:50%;overflow:hidden;border:1px solid var(--darkSnd)}