/**
 * @license
 * Copyright 2026 Cactusio
 *
 * This code is part of the Cactusio web platform.
 * All rights remain reserved.
 * Unauthorized use, extraction, or redistribution is not permitted.
 *
 * more info at [https://policies.cactusio.com/en/](https://policies.cactusio.com/en/)
 */
.user-dropdown-toggle{position:relative;cursor:pointer}.user-dropdown-menu{background:var(--glass-bg,rgba(0,0,0,.8));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border,rgba(255,255,255,.1));border-radius:var(--radius-md,12px);box-shadow:var(--shadow-xl,0 12px 24px rgba(0,0,0,.3))}.dropdown-item i{color:var(--primary-color,#0071e3);margin-right:.75rem;color:var(--secondary-color,#2997ff);width:20px;text-align:center}.device-item,.ip-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s}.device-item:last-child,.ip-item:last-child{border-bottom:none}.device-item:hover,.ip-item:hover{background-color:rgba(255,255,255,.05)}body.light-mode .device-item,body.light-mode .ip-item{border-bottom:1px solid rgba(0,0,0,.05)}body.light-mode .device-item:hover,body.light-mode .ip-item:hover{background-color:rgba(0,0,0,.02)}.device-info,.ip-info{flex:1}.device-name,.ip-address{color:var(--text-light,#fff);font-size:.95rem;margin-bottom:.25rem}.device-details,.ip-details{color:var(--text-gray,#aaa);font-size:.8rem;display:flex;flex-wrap:wrap;gap:1rem}.device-logout-btn{background-color:rgba(255,255,255,.1);color:var(--text-light,#fff);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm,8px);padding:.4rem .75rem;font-size:.8rem;cursor:pointer;transition:.3s}.device-logout-btn:hover{background-color:rgba(255,255,255,.2);transform:translateY(-2px)}body.light-mode .device-logout-btn{background-color:rgba(0,0,0,.05);color:#333;border:1px solid rgba(0,0,0,.1)}body.light-mode .device-logout-btn:hover{background-color:rgba(0,0,0,.1)}.current-device-badge{background-color:var(--primary-color,#0071e3);color:var(--surface-dark,#1d1d1f);padding:.3rem .6rem;border-radius:var(--radius-full,999px);font-size:.7rem;font-weight:500}.ip-status{padding:.2rem .5rem;border-radius:var(--radius-full,999px);font-size:.7rem}.ip-status.verified{background-color:rgba(0,113,227,.2);color:var(--primary-color,#0071e3)}.ip-status.unverified{background-color:rgba(231,76,60,.2);color:#e74c3c}.no-data{padding:1rem;color:var(--text-gray,#aaa);text-align:center;font-style:italic}.success-message{background-color:rgba(0,113,227,.1);color:var(--primary-color,#0071e3);padding:1rem;text-align:center;border-radius:var(--radius-sm,8px)}.error-message{background-color:rgba(231,76,60,.1);color:#e74c3c;padding:1rem;text-align:center;border-radius:var(--radius-sm,8px)}@media (max-width:576px){.user-dropdown-menu{width:calc(100% - 2rem);right:1rem!important;left:1rem!important}.dropdown-header{padding:.75rem}.dropdown-item{padding:.6rem .75rem}.device-item,.ip-item{flex-direction:column;align-items:flex-start}.current-device-badge,.device-logout-btn{margin-top:.5rem;align-self:flex-end}}.header-nav-text-button{background:rgba(0,113,227,.1);color:var(--primary-color);border:1px solid rgba(0,113,227,.3);border-radius:50px;padding:.5rem 1.2rem;font-size:.9rem;transition:.4s cubic-bezier(.175, .885, .32, 1.275);position:relative;overflow:hidden;font-weight:500;letter-spacing:.03em}body.light-mode .header-nav-text-button{background:rgba(0,113,227,.1);color:#0058b0;border:1px solid rgba(0,88,176,.3)}.header-nav-text-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.header-nav-text-button:hover{background-color:var(--primary-color);color:var(--surface-dark);transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,113,227,.3)}body.light-mode .header-nav-text-button:hover{background-color:#0058b0;color:#fff;box-shadow:0 4px 12px rgba(0,88,176,.3)}.header-nav-text-button:hover::before{left:100%}#header.scrolled .header-nav-text-button{padding:.4rem 1rem;font-size:.85rem}.user-dropdown-menu{position:fixed!important;background:var(--glass-bg,rgba(0,0,0,.8));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border,rgba(255,255,255,.1));border-radius:var(--radius-md,12px);box-shadow:var(--shadow-xl,0 12px 24px rgba(0,0,0,.3));overflow:hidden;width:250px;z-index:9999!important;margin-top:15px;animation:.2s ease-out dropdownFadeIn}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.light-mode .user-dropdown-menu{background:var(--glass-light-bg,rgba(255,255,255,.8));border:1px solid var(--glass-light-border,rgba(0,0,0,.1));box-shadow:0 12px 24px rgba(0,0,0,.15)}.dropdown-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(41,151,255,.05)}body.light-mode .dropdown-header{border-bottom:1px solid rgba(0,0,0,.1);background:rgba(41,151,255,.05)}.user-greeting{font-size:1.1rem;color:var(--text-light,#fff);font-weight:500;margin-bottom:.25rem}.user-email{font-size:.85rem;color:var(--text-gray,#aaa);overflow:hidden;text-overflow:ellipsis}.dropdown-menu-items{padding:.5rem 0}.dropdown-item{padding:.75rem 1rem;color:var(--text-light,#fff);cursor:pointer;transition:background-color .2s;display:flex;align-items:center}.dropdown-item:hover{background-color:rgba(41,151,255,.15)}body.light-mode .dropdown-item{color:#333}body.light-mode .dropdown-item:hover{background-color:rgba(41,151,255,.1)}@media (max-width:576px){.user-dropdown-menu{width:calc(100% - 20px);right:10px!important;left:auto!important}}.user-profile-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.profile-img-button{padding:4px!important;overflow:hidden}.user-dropdown-img{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:10px}.user-profile{display:flex;align-items:center}.user-info{flex:1}