.side-navigation{scrollbar-width:none;padding:.6rem 0}.side-navigation::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.side-navigation{z-index:1000;height:60px;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);flex-direction:row;align-items:center;display:flex;position:fixed;bottom:0;left:0;width:100%!important}.side-navigation .custom-user-profile{display:none!important}.side-navigation .custom-nav-menu{flex-direction:row!important;justify-content:space-around!important;width:100%!important}.side-navigation .custom-nav-footer{display:none!important}}@media only screen and (min-width:768px){.side-navigation{z-index:1000;flex-direction:column;align-items:center;width:60px;min-height:100vh;display:flex;position:fixed;top:0;left:0}}.side-navigation.custom-dark-bg{color:#fff;background:#212529;border-right:1px solid #2c3237}.custom-user-profile{flex-direction:column;align-items:center;margin-bottom:2rem;padding:0 1rem;display:flex}.user-avatar{background:#3a3f47;border:2px solid #404850;border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.75rem;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-avatar .avatar-placeholder{color:#fff}.user-avatar .avatar-placeholder svg{stroke-width:2px;width:20px;height:20px}.custom-nav-menu{flex-direction:column;flex:1;align-items:center;gap:.5rem;width:100%;padding:0 .75rem;display:flex}.custom-nav-item{cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;width:100%;padding:.25rem 0;text-decoration:none;transition:all .2s;display:flex;position:relative}.custom-nav-item .custom-nav-icon{color:#dedede;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.custom-nav-item .custom-nav-icon svg{stroke-width:2px;width:20px;height:20px}.custom-nav-item .custom-bubble{color:#fff;opacity:0;visibility:hidden;white-space:nowrap;z-index:9999;background:#1f2937;border-radius:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;position:absolute;top:50%;left:calc(100% + 25px);transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media only screen and (max-width:767px){.custom-nav-item .custom-bubble{display:none}}.custom-nav-item .custom-bubble:before{content:"";border:4px solid #0000;border-left-width:0;border-right-color:#1f2937;width:0;height:0;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.custom-nav-item:hover .custom-nav-icon{color:#fff;background:#4f46e5;transform:scale(1.05)}.custom-nav-item.active .custom-nav-icon{color:#fff;background:#3a3f47}.custom-nav-item.active .custom-nav-icon svg{stroke-width:2.5px}.custom-nav-item.active:hover .custom-nav-icon{color:#fff;background:#4f46e5;transform:scale(1.05)}.custom-logout-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;outline:none;flex-direction:column;align-items:center;width:100%;padding:.25rem 0;transition:all .2s;display:flex;position:relative}.custom-logout-btn .custom-nav-icon{color:#dedede;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.custom-logout-btn .custom-nav-icon svg{stroke-width:2px;width:20px;height:20px}.custom-logout-btn .custom-bubble{color:#fff;opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;z-index:9999;background:#1f2937;border-radius:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.custom-logout-btn .custom-bubble:before{content:"";border:4px solid #0000;border-left-width:0;border-right-color:#1f2937;width:0;height:0;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.custom-logout-btn:hover .custom-nav-icon{color:#fff;background:#ef4444}.custom-nav-footer{flex-direction:column;align-items:center;width:100%;margin-top:auto;padding:0 .75rem;display:flex}.main-content{min-height:100vh;margin-left:60px;transition:margin-left .3s}