.usermenu-wrap{position:relative;display:inline-block;vertical-align:middle}.usermenu-btn{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;background:#e81c2e;border:1px solid #ddd;border-radius:25px;cursor:pointer;font-size:16px}.usermenu-btn:hover{background:#f5f5f5;box-shadow:0 2px 8px rgba(0,0,0,.1)}.usermenu-avatar{width:32px;height:32px;background:linear-gradient(135deg,#000,#e81c2e);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.usermenu-avatar-lg{width:48px;height:48px;background:linear-gradient(135deg,#000,#e81c2e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;flex-shrink:0}.usermenu-name{font-weight:500;color:rgba(255,255,255,1)}.usermenu-name:hover{font-weight:500;color:#e81c2e}.usermenu-btn i{font-size:10px;color:#888;transition:transform .3s}.usermenu-wrap.active .usermenu-btn i{transform:rotate(180deg)}.usermenu-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);min-width:260px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s;z-index:999999;overflow:hidden}.usermenu-wrap.active .usermenu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.usermenu-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(135deg,#000,#e81c2e);color:#fff}.usermenu-info strong{display:block;font-size:16px}.usermenu-info small{display:block;font-size:12px;opacity:.9;margin-top:2px}.usermenu-dropdown a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#333!important;text-decoration:none!important;font-size:14px;transition:background .2s}.usermenu-dropdown a:hover{background:#f5f7fa}.usermenu-dropdown a i{width:18px;color:#e81c2e;font-size:15px}.usermenu-dropdown a.usermenu-logout{color:#dc3545!important;border-top:1px solid #eee;margin-top:5px}.usermenu-dropdown a.usermenu-logout i{color:#dc3545}.usermenu-dropdown a.usermenu-logout:hover{background:#fff5f5}@media (max-width:992px){.usermenu-name{display:none}.usermenu-btn{padding:5px}.usermenu-dropdown{right:-20px;min-width:240px}}