.user-sidebar{background:linear-gradient(180deg,#f8f9fa 0%,#ffffff 100%);min-height:500px;padding-top:20px!important}.sidebar-user-info{text-align:center;padding:20px 15px;margin-bottom:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,8%);margin-left:15px;margin-right:15px}.sidebar-avatar{width:60px;height:60px;margin:0 auto 12px;background:linear-gradient(135deg,#0078c6 0%,#0156a8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,120,198,.3)}.sidebar-avatar i{font-size:36px;color:#fff}.sidebar-user-name{font-size:16px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{padding:0 10px}.nav-section{margin-bottom:20px}.nav-section-title{font-size:13px;font-weight:700;color:#666;padding:8px 12px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.nav-section-title i{color:#0078c6;margin-right:6px}.nav-item{display:flex;align-items:center;padding:12px 15px;color:#555;text-decoration:none;border-radius:6px;margin-bottom:4px;transition:all .3s ease;position:relative;overflow:hidden}.nav-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:#0078c6;transform:scaleY(0);transition:transform .3s ease}.nav-item i{width:20px;margin-right:10px;font-size:16px;color:#0078c6;transition:all .3s ease}.nav-item span{flex:1;font-size:14px}.nav-item:hover{background:linear-gradient(90deg,#f0f7fc 0%,transparent 100%);color:#0078c6;text-decoration:none;padding-left:18px}.nav-item:hover::before{transform:scaleY(1)}.nav-item:hover i{transform:scale(1.15)}.nav-item.active{background:linear-gradient(90deg,#e7f3f9 0%,transparent 100%);color:#0078c6;font-weight:700;padding-left:18px}.nav-item.active::before{transform:scaleY(1)}.nav-logout{border-top:1px solid #e4e5ec;margin-top:10px;padding-top:15px;color:#dc3545}.nav-logout i{color:#dc3545}.nav-logout:hover{background:linear-gradient(90deg,#fee 0%,transparent 100%);color:#c82333}.nav-logout:hover i{color:#c82333}@media(max-width:1200px){.sidebar-user-info{padding:15px 10px}.sidebar-avatar{width:50px;height:50px}.sidebar-avatar i{font-size:30px}.nav-item{padding:10px 12px;font-size:13px}.nav-item i{font-size:14px}}