/* ========== WIDGET: User System ========== */
.user-system-widget{ display:flex; align-items:center; gap:15px; }
.user-system-widget .dropdown{ position:relative; display:inline-block; }
.user-system-widget .user-dropdown-toggle{ display:flex; align-items:center; gap:10px; cursor:pointer; font-weight:600; color:#0073aa; }
.user-system-widget .user-dropdown-menu{
  position:absolute; top:100%; right:0; z-index:999; background:#fff; border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,.1);
  padding:8px 0; min-width:180px; opacity:0; visibility:hidden; transform:translateY(10px); transition:all .25s ease; pointer-events:none;
}
.user-system-widget .dropdown:hover .user-dropdown-menu{ opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
.user-system-widget .user-dropdown-menu a.dropdown-item{ display:block; padding:8px 16px; text-decoration:none; color:#333; font-weight:500; }
.user-system-widget .user-dropdown-menu a.dropdown-item:hover{ background:#f5f5f5; }
.user-system-widget .user-menu-links{ display:flex; gap:15px; align-items:center; margin:0; padding:0; list-style:none; }
.user-system-widget .user-menu-links li a{ display:flex; align-items:center; gap:4px; text-decoration:none; color:#0073aa; font-weight:500; }
.user-system-widget .avatar-frame-wrapper{ width:32px; height:32px; position:relative; }
.user-system-widget .avatar-frame-wrapper img:first-child{ border-radius:50%; object-fit:cover; }
.user-system-widget .login-button{ padding:6px 12px; background:#0073aa; color:#fff; border-radius:4px; border:none; font-weight:600; cursor:pointer; }
.user-system-widget .caret-icon{ font-size:12px; margin-left:4px; color:#0073aa; transition:transform .2s ease; }
.user-system-widget .dropdown:hover .caret-icon{ transform:rotate(180deg); }