.header-sidebar{z-index:100;border-right:1px solid var(--border-glass);box-sizing:border-box;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;justify-content:space-between;width:260px;padding:30px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;box-shadow:4px 0 20px #00000005}.sidebar-top{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.header-logo{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.logo-icon{width:28px;height:28px;color:var(--primary-cyan);flex-shrink:0}.logo-text{font-family:var(--font-title);white-space:nowrap;font-size:1.4rem;font-weight:800}.mobile-drawer-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;display:none}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;min-width:0;padding-right:4px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px;height:0}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#00000026}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 16px;font-size:.92rem;font-weight:600;display:flex;overflow:hidden}.nav-link:hover{color:var(--text-primary);background:#00000005}.nav-link.active{color:var(--primary-cyan);background:var(--glow-cyan);border:1px solid #0891b226}.nav-link svg{flex-shrink:0}.nav-link-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.nav-link-content span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge-new{background-color:var(--primary-cyan);color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:12px;flex-shrink:0;padding:2px 6px;font-size:.7rem;font-weight:700;line-height:1.2}.header-top-right{z-index:95;align-items:center;padding:6px 14px;display:flex;position:fixed;top:15px;right:40px}.header-top-right .user-profile{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:10px;display:flex}.header-top-right .user-profile:hover .user-name{color:var(--primary-cyan)}.user-avatar{object-fit:cover;border:1.5px solid var(--primary-cyan);border-radius:50%;flex-shrink:0;width:32px;height:32px}.user-avatar-placeholder{background:var(--glow-cyan);width:32px;height:32px;color:var(--primary-cyan);border:1.5px solid #0891b233;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;color:var(--text-primary);transition:var(--transition-fast);font-size:.9rem;font-weight:600;overflow:hidden}.sidebar-bottom{border-top:1px solid var(--border-glass);flex-shrink:0;margin-top:15px;padding-top:15px}.nav-link-logout{color:var(--text-muted)}.nav-link-logout:hover{color:var(--danger);background:var(--danger-glow);border-color:#dc262626}.mobile-top-bar,.mobile-backdrop-overlay{display:none}@media (max-width:900px){.header-sidebar{border-right:1px solid var(--border-glass-bright);width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);box-shadow:10px 0 30px #0000000d}.header-sidebar.mobile-open{transform:translate(0)}.mobile-drawer-close{justify-content:center;align-items:center;display:flex}.mobile-top-bar{z-index:90;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;height:70px;padding:15px 20px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:block}.mobile-backdrop-overlay{-webkit-backdrop-filter:blur(4px);z-index:95;background:#0f172a33;display:block;position:fixed;inset:0}.header-top-right{z-index:96;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;padding:0;position:fixed;top:12px;right:70px}.header-top-right .user-name{max-width:120px;font-size:.85rem}}@media (max-width:600px){.header-top-right .user-name{max-width:90px}}@media (max-width:420px){.header-top-right .user-name{display:none}}