.sidenav-container{color:#fff;z-index:100;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border-right:1px solid #ffffff1a;flex-direction:column;width:280px;height:100vh;transition:transform .3s,width .3s;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 15px #0003}.sidenav-profile{border-bottom:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;align-items:center;padding:30px 20px;display:flex}.profile-image-container-nav{border:3px solid #b45309;border-radius:50%;width:90px;height:90px;margin-bottom:15px;transition:width .3s,height .3s;overflow:hidden;box-shadow:0 0 15px #b4530980}.profile-image{object-fit:cover;width:100%;height:100%}.profile-image-placeholder{background:linear-gradient(to bottom right,#ffffff1a,#0000001a);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;font-weight:700;display:flex}.profile-name{color:#f59e0b;text-shadow:0 0 8px #f59e0b4d;margin:0 0 5px;font-size:1.5rem;font-weight:600;transition:opacity .2s}.profile-status{color:#d1d5db;text-align:center;margin:0;font-size:.9rem;transition:opacity .2s}.sidenav-menu{flex-direction:column;flex:1;min-height:0;padding:20px 0;display:flex;overflow-y:auto}.sidenav-item{cursor:pointer;border-radius:8px;align-items:center;margin:5px 10px;padding:15px 20px;transition:all .3s;display:flex}.sidenav-item:hover{background:#f59e0b1a;transform:translate(5px)}.sidenav-item.active{background:linear-gradient(45deg,#f59e0b33,#b453094d);border-left:4px solid #f59e0b;transform:translate(.5px)}.sidenav-icon{color:#f59e0b;margin-right:15px;font-size:20px;transition:margin .3s}.sidenav-text{letter-spacing:.5px;white-space:nowrap;font-size:15px;font-weight:500;transition:opacity .2s}.sidenav-footer{border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:auto;padding:20px 0}.sidenav-item.logout{color:#ef4444}.sidenav-item.pricing{color:#8f0}.sidenav-item.logout .sidenav-icon{color:#ef4444}.sidenav-item.logout:hover{background:#ef44441a}.sidenav-menu::-webkit-scrollbar{width:5px}.sidenav-menu::-webkit-scrollbar-track{background:#0f172a80}.sidenav-menu::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:10px}.sidenav-menu::-webkit-scrollbar-thumb:hover{background:#f59e0b80}.mobile-nav-toggle{z-index:110;cursor:pointer;color:#f59e0b;background:#1e293be6;border:none;border-radius:5px;padding:10px;font-size:24px;display:none;position:fixed;top:10px;left:10px}@keyframes pulse{0%{box-shadow:0 0 #f59e0b4d}70%{box-shadow:0 0 0 5px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@media (max-width:768px){.mobile-nav-toggle{display:block}.sidenav-container{width:250px;height:100dvh;transform:translate(-100%)}.sidenav-container.nav-open{transform:translate(0)}.nav-overlay{z-index:90;background:#00000080;display:none;position:fixed;inset:0}.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{flex:1;padding:10px 0;overflow-y:auto}.sidenav-item{margin:3px 8px;padding:12px 15px}.sidenav-icon{font-size:22px}.sidenav-text{font-size:16px}.sidenav-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:10px 0 15px}}@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{margin-right:12px;font-size:20px}.sidenav-text{font-size:15px}}