.admin-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:linear-gradient(180deg,#1a1d29,#2c3e50);color:#fff;display:flex;flex-direction:column;transition:all .3s ease;z-index:1000;box-shadow:4px 0 20px rgba(0,0,0,.1)}.admin-sidebar.collapsed{width:80px}.admin-sidebar.collapsed .logout-btn span,.admin-sidebar.collapsed .nav-content,.admin-sidebar.collapsed .sidebar-header .logo span,.admin-sidebar.collapsed .user-info{display:none}.admin-sidebar.mobile{width:280px;transform:translateX(-100%);transition:transform .3s ease;z-index:1050}.admin-sidebar.mobile.mobile-open{transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.3)}.admin-sidebar.mobile.collapsed{width:280px}.admin-sidebar.mobile.collapsed .sidebar-header .logo span{display:inline}.admin-sidebar.mobile.collapsed .nav-content{display:flex}.admin-sidebar.mobile.collapsed .user-info{display:block}.admin-sidebar.mobile.collapsed .logout-btn span{display:inline}.mobile-menu-button{display:none;position:fixed;top:20px;left:20px;z-index:1051;background:#2c3e50;color:#fff;border:none;border-radius:8px;padding:12px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s ease}.mobile-menu-button:hover{background:#34495e;transform:translateY(-2px)}.mobile-menu-button:active{transform:translateY(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1049;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.sidebar-header{padding:25px 20px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-header .logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#fff}.sidebar-header .logo i{color:gold;font-size:24px}.sidebar-header .logo span{background:linear-gradient(135deg,#ffd700,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.sidebar-header .close-sidebar{background:none;border:none;color:hsla(0,0%,100%,.8);font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.sidebar-header .close-sidebar:hover{background:hsla(0,0%,100%,.1);color:#fff}.sidebar-nav{flex:1 1;padding:20px 0;overflow-y:auto}.sidebar-nav .nav-item{width:100%;background:none;border:none;color:hsla(0,0%,100%,.8);padding:15px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;position:relative;text-align:left}.sidebar-nav .nav-item:hover{background:hsla(0,0%,100%,.1);color:#fff;transform:translateX(5px)}.sidebar-nav .nav-item.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 15px rgba(0,123,255,.3)}.sidebar-nav .nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:gold}.sidebar-nav .nav-item i{font-size:18px;width:20px;text-align:center;flex-shrink:0}.sidebar-nav .nav-item .nav-content{display:flex;flex-direction:column;gap:2px}.sidebar-nav .nav-item .nav-content .nav-label{font-size:14px;font-weight:600}.sidebar-nav .nav-item .nav-content .nav-description{font-size:11px;opacity:.7;font-weight:400}.sidebar-footer{padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar-footer .user-info{margin-bottom:15px}.sidebar-footer .user-info .user-details{display:flex;align-items:center;gap:12px;padding:12px;background:hsla(0,0%,100%,.1);border-radius:8px}.sidebar-footer .user-info .user-details .user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#ffd700,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a1d29;font-weight:700;font-size:16px;flex-shrink:0}.sidebar-footer .user-info .user-details .user-text{display:flex;flex-direction:column;gap:2px}.sidebar-footer .user-info .user-details .user-text .user-name{font-size:14px;font-weight:600;color:#fff}.sidebar-footer .user-info .user-details .user-text .user-role{font-size:11px;color:gold;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sidebar-footer .logout-btn{width:100%;background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.3);color:#ff6b7a;padding:12px 15px;border-radius:6px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.sidebar-footer .logout-btn:hover{background:rgba(220,53,69,.3);border-color:rgba(220,53,69,.5);color:#fff;transform:translateY(-1px)}.sidebar-footer .logout-btn i{font-size:16px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}@media(max-width:768px){.mobile-menu-button{display:block}.admin-sidebar,.admin-sidebar.collapsed{transform:translateX(-100%)}.admin-sidebar.mobile-open{transform:translateX(0)}}