.sidenav-container{display:flex;flex-direction:column;width:280px;height:100vh;background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.98));color:#fff;box-shadow:4px 0 15px rgba(0,0,0,.2);position:fixed;left:0;top:0;z-index:100;border-right:1px solid rgba(255,255,255,.1);transition:transform .3s ease,width .3s ease}.sidenav-profile{display:flex;flex-direction:column;align-items:center;padding:30px 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.profile-image-container-nav{width:90px;height:90px;border-radius:50%;overflow:hidden;margin-bottom:15px;border:3px solid #b45309;box-shadow:0 0 15px rgba(180,83,9,.5);transition:width .3s ease,height .3s ease}.profile-image{width:100%;height:100%;object-fit:cover}.profile-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#ffffff1a,#0000001a);font-size:28px;font-weight:700;font-size:4rem}.profile-name{font-size:1.5rem;font-weight:600;margin:0 0 5px;color:#f59e0b;text-shadow:0 0 8px rgba(245,158,11,.3);transition:opacity .2s ease}.profile-status{font-size:.9rem;color:#d1d5db;margin:0;text-align:center;transition:opacity .2s ease}.sidenav-menu{flex:1;display:flex;flex-direction:column;padding:20px 0;overflow-y:auto;min-height:0}.sidenav-item{display:flex;align-items:center;padding:15px 20px;cursor:pointer;transition:all .3s ease;margin:5px 10px;border-radius:8px}.sidenav-item:hover{background:rgba(245,158,11,.1);transform:translateX(5px)}.sidenav-item.active{background:linear-gradient(45deg,rgba(245,158,11,.2),rgba(180,83,9,.3));border-left:4px solid #f59e0b;transform:translateX(.5)}.sidenav-icon{font-size:20px;margin-right:15px;color:#f59e0b;transition:margin .3s ease}.sidenav-text{font-size:15px;font-weight:500;letter-spacing:.5px;white-space:nowrap;transition:opacity .2s ease}.sidenav-footer{padding:20px 0;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;margin-top:auto}.sidenav-item.logout{color:#ef4444}.sidenav-item.pricing{color:rgb(136,255,0)}.sidenav-item.logout .sidenav-icon{color:#ef4444}.sidenav-item.logout:hover{background:rgba(239,68,68,.1)}.sidenav-menu::-webkit-scrollbar{width:5px}.sidenav-menu::-webkit-scrollbar-track{background:rgba(15,23,42,.5)}.sidenav-menu::-webkit-scrollbar-thumb{background:rgba(245,158,11,.3);border-radius:10px}.sidenav-menu::-webkit-scrollbar-thumb:hover{background:rgba(245,158,11,.5)}.mobile-nav-toggle{display:none;position:fixed;top:10px;left:10px;z-index:110;background:rgba(30,41,59,.9);border:none;border-radius:5px;padding:10px;cursor:pointer;color:#f59e0b;font-size:24px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.3)}70%{box-shadow:0 0 0 5px rgba(245,158,11,0)}to{box-shadow:0 0 0 0 rgba(245,158,11,0)}}@media (max-width:768px){.mobile-nav-toggle{display:block}.sidenav-container{width:250px;transform:translateX(-100%);height:100vh;height:100dvh}.sidenav-container.nav-open{transform:translateX(0)}.nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:90}.nav-overlay.active{display:block}.sidenav-profile{padding:15px 10px}.profile-image-container-nav{width:60px;height:60px;margin-bottom:10px}.profile-name{font-size:1.2rem}.profile-status{font-size:.8rem}.sidenav-menu{padding:10px 0;overflow-y:auto;flex:1}.sidenav-item{padding:12px 15px;margin:3px 8px}.sidenav-icon{font-size:22px}.sidenav-text{font-size:16px}.sidenav-footer{padding:10px 0 15px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}}@media (max-width:480px){.sidenav-container{width:230px}.profile-image-container-nav{width:50px;height:50px}.profile-name{font-size:1.1rem}.sidenav-item{padding:10px 12px}.sidenav-icon{font-size:20px;margin-right:12px}.sidenav-text{font-size:15px}}