.sidebar{background:linear-gradient(180deg,#0f2027,#203a43,#2c5364);color:white;width:240px;height:100vh;display:flex;flex-direction:column;transition:transform .3s ease;position:fixed;left:0;top:0;z-index:1000;box-shadow:4px 0 12px rgba(0,0,0,.3)}@media (min-width:769px){.sidebar{transform:translateX(0)!important;position:-webkit-sticky;position:sticky}}@media (max-width:768px){.sidebar{transform:translateX(-100%);position:fixed}.sidebar.open{transform:translateX(0)}}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{width:130px;transition:all .3s ease}.nav-section{display:flex;flex-direction:column;padding:15px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 18px;color:#dcdcdc;font-weight:500;text-decoration:none;transition:all .25s ease;border-left:3px solid transparent}.nav-item:hover{background:rgba(255,255,255,.1);color:#fff;border-left:3px solid #00eaff;transform:translateX(3px)}.nav-item.active{background:linear-gradient(90deg,rgba(0,234,255,.2),rgba(252,70,107,.2));color:#fff;border-left:3px solid #fc466b}.nav-icon{font-size:20px;color:#00eaff;transition:all .3s ease}.nav-item:hover .nav-icon{color:#fc466b}.nav-text{font-size:15px;flex:1 1}.mobile-sidebar-btn{position:fixed;bottom:20px;left:20px;width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#00eaff,#fc466b);color:white;font-size:26px;border:none;cursor:pointer;box-shadow:0 0 15px rgba(0,234,255,.6);z-index:1100;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mobile-sidebar-btn:hover{transform:scale(1.1);box-shadow:0 0 25px rgba(252,70,107,.8)}