.sidenav-container{color:#fff;z-index:100;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border-right:1px solid #3b82f633;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 #3b82f633;flex-direction:column;align-items:center;padding:30px 20px;display:flex}.profile-image-container-nav{border:3px solid #3b82f6;border-radius:50%;width:90px;height:90px;margin-bottom:15px;transition:width .3s,height .3s;overflow:hidden;box-shadow:0 0 15px #3b82f680}.profile-image{object-fit:cover;width:100%;height:100%}.profile-image-placeholder{background:linear-gradient(45deg,#1d4ed8,#2563eb);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;display:flex}.profile-name{color:#60a5fa;text-shadow:0 0 8px #3b82f64d;margin:0 0 5px;font-size:1.5rem;font-weight:600;transition:opacity .2s}.profile-status{color:#cbd5e1;text-align:center;margin:0;font-size:.9rem;transition:opacity .2s}.sidenav-menu{flex-direction:column;flex:1;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:#3b82f61a;transform:translate(5px)}.sidenav-item.active{background:linear-gradient(45deg,#3b82f633,#2563eb4d);border-left:4px solid #60a5fa;transform:translate(0)}.sidenav-icon{color:#60a5fa;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 #3b82f633;padding:20px 0}.sidenav-item.logout{color:#ef4444}.sidenav-item.pricing{color:#fbbf24}.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:#3b82f64d;border-radius:10px}.sidenav-menu::-webkit-scrollbar-thumb:hover{background:#3b82f680}.mobile-nav-toggle{z-index:110;cursor:pointer;color:#60a5fa;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 #3b82f64d}70%{box-shadow:0 0 0 5px #3b82f600}to{box-shadow:0 0 #3b82f600}}@media (max-width:768px){.mobile-nav-toggle{display:block}.sidenav-container{width:250px;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}.sidenav-item{margin:3px 8px;padding:12px 15px}.sidenav-icon{font-size:22px}.sidenav-text{font-size:16px}}@media (max-width:480px){.sidenav-container{width:230px}}