.sidebar{position:fixed;left:0;top:0;width:220px;height:100vh;background:linear-gradient(180deg,var(--primary, #4A90D9) 0%,var(--primary-dark, #3A7BC8) 100%);z-index:100;overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,0.15)}
.sidebar-header{padding:20px 15px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:10px}
.sidebar-logo{max-height:32px;max-width:32px;border-radius:6px}
.sidebar-title{color:#fff;font-size:14px;font-weight:600}
.sidebar-nav{padding:10px 0}
.menu{display:flex;align-items:center;padding:14px 20px;color:rgba(255,255,255,0.8);text-decoration:none;font-size:14px;transition:all 0.2s}
.menu i{width:24px;font-size:16px;text-align:center;margin-right:12px}
.menu:hover{background:rgba(255,255,255,0.1);color:#fff;padding-left:25px}
.menu.active{background:rgba(255,255,255,0.2);color:#fff;border-left:3px solid var(--primary, #fff);padding-left:17px}
.sidebar-footer{padding:15px 20px;border-top:1px solid rgba(255,255,255,0.1);margin-top:auto}
.user-info{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.user-avatar{width:36px;height:36px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:14px}
.user-name{color:#fff;font-weight:500;font-size:13px}
.user-role{color:rgba(255,255,255,0.6);font-size:11px}
.logout-btn{width:100%;padding:10px;background:var(--primary, #4A90D9);border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:#fff;cursor:pointer;font-size:13px;transition:all 0.2s}
.logout-btn:hover{background:var(--primary-dark, #3A7BC8)}