#app{background-color:#171717}#__next{flex:1 1;display:flex;flex-direction:column}.menu{gap:20px;padding:0}.nav-menu{list-style:none;display:flex;padding:0}.nav-menu li{cursor:pointer}.main-layout{display:flex;flex:1 1;height:100%}.footer{background-color:#171717;color:#fff;padding:20px 0;text-align:center;font-size:20px;border-top:2px solid #f39c12}.sidebar h3{font-size:1.5rem;margin-bottom:20px}.sidebar h3,.sidebar h4{font-weight:700;text-align:left}.sidebar h4{font-size:1.2rem;margin:15px 0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{margin-bottom:10px}.sidebar ul li button{background:none;border:none;padding:0;font-size:1rem;text-align:left;width:100%;cursor:pointer}.sidebar ul li button:hover{background-color:#ddd}.content{flex:1 1;padding:20px;display:flex;flex-direction:column}.ailo-container{margin-top:20px;background-color:#fafafa;border-top:1px solid #ddd;padding:20px}button{display:inline-block;margin-bottom:10px;padding:10px;border:none;cursor:pointer}button:hover{background-color:#f89420}@media (max-width:768px){.sidebar{width:100%;position:relative;min-height:auto}.main-layout{flex-direction:column}}.sidebar{width:200px;background-color:#171717;color:#fff;padding:20px;transition:transform .3s ease-in-out}.sidebar.hidden{transform:translateX(-100%);position:absolute}.toggle-button{position:absolute;top:20px;left:20px;color:#fff;border:none;padding:10px 15px;cursor:pointer;z-index:1000;border-radius:5px}.toggle-button,.toggle-button:hover{background-color:#f89420}.menu-button{color:#fff;font-weight:700;background-color:transparent;border:none;padding:10px;transition:color .3s ease-in-out}.menu-button:hover{color:#fff;background-color:#f39c12}.custom-navbar{display:flex;flex-direction:column;align-items:center;background-color:#171717;padding:10px 20px}.solmio-text{font-size:2rem;font-weight:700;color:#fff;margin-top:10px;margin-left:30px}.nav-container{padding-top:20px}.navbar{height:50px;padding:5px 10px;margin-top:20px}.navbar-brand{font-size:1rem;line-height:1}.solmio-logo{height:50px;margin-right:0;margin-top:20px;margin-bottom:10px}.solmio-brand{display:flex;align-items:center;gap:10px}.navbar-links{display:flex;justify-content:center;gap:20px;margin-top:10px}.menu-link{color:#fff;font-size:1rem;font-weight:700}.user-container{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.user-profile{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover}