.sidebar{width:150px;background-color:#0C2244;height:100vh;position:fixed;left:0;display:flex;flex-direction:column;justify-content:space-between;padding-top:64px;z-index:1000;transition:transform .3s ease-in-out}.sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:10%;background:linear-gradient(180deg,white,rgba(12,34,68,0));z-index:1001;pointer-events:none}.sidebar.minimized{width:60px}.sidebar.minimized .sidebar-link{white-space:nowrap}.sidebar-link svg{width:24px;height:24px;margin-bottom:5px}.sidebar-link:hover{color:#FF4433}.sidebar-content{flex-grow:1;display:flex;flex-direction:column;padding-left:20px;transition:opacity .3s ease}.sidebar-link{color:#FFFFFF;text-decoration:none;font-size:1rem;margin-bottom:20px;transition:color .3s ease}.sidebar-link,.sidebar-logout{padding:10px 0}.sidebar-footer{height:15%;padding-top:30px;padding-left:20px;padding-bottom:50px;background-color:#2C3E50;text-align:left;cursor:pointer;color:#FF4433}.sidebar-footer:hover{color:#FFFFFF}.sidebar-footer .sidebar-link{width:100%;height:100%}@media (max-width:700px){.sidebar{width:60px;transform:translateX(-100%)}.sidebar.open{width:150px;transform:translateX(0)}.sidebar-toggle-button{position:fixed;top:60px;left:15px;background-color:#0C2244;color:white;padding:10px;border-radius:50%;z-index:1002;cursor:pointer;display:flex;align-items:center;justify-content:center}}