.header{display:flex;align-items:center;justify-content:space-between}.header-right{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e53e3e,#667eea);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;pointer-events:none}.user-menu-wrap{display:none;position:relative}.user-icon-btn{background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.14);border-radius:50%;padding:2px;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.user-icon-btn:hover{border-color:rgba(246,211,101,.55);transform:scale(1.06);box-shadow:0 0 14px rgba(246,211,101,.18)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;background:rgba(18,18,36,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 0;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(102,126,234,.15);z-index:9999;opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.user-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.user-dropdown-header{display:flex;align-items:center;gap:10px;padding:12px 16px 10px}.user-dropdown-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#e53e3e,#667eea);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.user-dropdown-name{font-size:.82rem;font-weight:600;color:rgba(232,228,240,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.user-dropdown-divider{height:1px;background:rgba(255,255,255,.07);margin:4px 0}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;background:0 0;border:none;color:rgba(210,210,235,.82);font-family:Outfit,sans-serif;font-size:.88rem;font-weight:500;padding:10px 18px;cursor:pointer;text-align:left;transition:background .15s,color .15s,padding-left .15s}.user-dropdown-item:hover{background:rgba(102,126,234,.1);color:#e2e8f0;padding-left:22px}.ud-icon{font-size:1rem;width:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.user-dropdown-item.logout-item{color:rgba(252,129,129,.8)}.user-dropdown-item.logout-item:hover{background:rgba(229,62,62,.12);color:#fc8181;padding-left:22px}