.page-with-sidebar{display:flex;gap:2rem;align-items:flex-start}.main-content{flex:1}.sidebar-nav{width:280px;background:linear-gradient(180deg,#1a1a1a,#2c2c2c);color:#f4f4f9;display:flex;flex-direction:column;border-right:2px solid #444;box-shadow:2px 0 10px rgba(0,0,0,.3);position:relative}.sidebar-header{padding:30px 20px;border-bottom:2px solid #444;background:rgba(192,0,0,.1)}.admin-logo{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.logo-img{width:60px;height:60px;border-radius:50%;margin-bottom:15px;border:3px solid var(--primary-red);box-shadow:0 0 15px rgba(192,0,0,.3)}.admin-logo h3{margin:0;font-size:1.4rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.sidebar-nav .nav-links{display:flex;flex-direction:column;padding:20px 0;flex:1}.sidebar-nav .nav-link{color:#f4f4f9;text-decoration:none;font-size:1rem;padding:18px 25px;margin:5px 15px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;gap:15px;position:relative;border:1px solid transparent}.sidebar-nav .nav-link:hover{transform:translateX(5px);border:1px solid hsla(0,0%,100%,.2)}.sidebar-nav .nav-link.active,.sidebar-nav .nav-link:hover{background:linear-gradient(45deg,var(--primary-red),#ff3d3d);color:#fff;box-shadow:0 4px 15px rgba(192,0,0,.4)}.sidebar-nav .nav-link.active{border:1px solid hsla(0,0%,100%,.3)}.sidebar-nav .nav-icon{font-size:1.5rem;width:25px;text-align:center}.sidebar-nav .nav-text{font-weight:500;flex:1}.sidebar-nav .nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:#fff;transition:height .3s ease;border-radius:2px}.sidebar-nav .nav-link.active:before,.sidebar-nav .nav-link:hover:before{height:70%}.sidebar-logo-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.sidebar-logo{border-radius:50%;cursor:pointer;transition:transform .8s ease-in-out,box-shadow .5s ease}.sidebar-logo:hover{transform:rotate(1turn) scale(1.1);box-shadow:0 0 30px 10px rgba(220,20,60,.7)}@media (max-width:1024px){.page-with-sidebar{flex-direction:column}.sidebar-nav{width:100%}}