.user-sign-btn{color:var(--color-text);border:1px solid var(--dialog-bdr);cursor:pointer;padding:7px 10px;border-radius:6px;font-size:small;font-weight:700}.user-option{position:relative}.user-option-button{background-color:var(--button-bg);color:var(--color-text);transition:all .2s ease;width:35px;height:35px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-option-button:hover{transform:translateY(-1px)}.user-option-button svg{fill:var(--color-text)}.user-option-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--dialog-bg);border:1px solid var(--dialog-bdr);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:220px;z-index:1000;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.user-option-menu-left{right:auto;left:0}.user-option-menu.show{opacity:1;visibility:visible;transform:translateY(0);animation:menuFadeIn .2s ease-out}@keyframes menuFadeIn{0%{opacity:0;visibility:hidden;transform:translateY(-8px)}to{opacity:1;visibility:visible;transform:translateY(0)}}.user-option-menu-header{padding:16px;border-bottom:1px solid var(--dialog-bdr);background:var(--panel-header-bg)}.user-option-menu-username{font-weight:600;color:var(--color-text);font-size:15px;margin:0;word-break:break-word}.user-option-menu-items{padding:8px 0}.user-option-menu-item{width:100%;background:transparent;border:none;display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--color-text);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-align:left}.user-option-menu-item:hover{color:var(--theme-color);padding-left:20px}.user-option-menu-item svg{width:18px;height:18px;flex-shrink:0;transition:all .2s ease}.user-option-menu-item:not(:last-child)>svg path{stroke:var(--color-text)}.user-option-menu-item:hover svg{transform:scale(1.1)}.user-option-menu-item:not(:last-child):hover>svg path{stroke:var(--theme-color)}.user-option-menu-item:last-child{color:#ff4444!important}.user-option-menu-item:last-child:hover{color:#cc0000!important}.user-option-menu-item:last-child svg{stroke:#ff4444!important}.user-option-menu-item:last-child:hover svg{stroke:#cc0000!important}@media (max-width:768px){.user-option-menu{min-width:200px;right:-10px}.user-option-menu-left{left:-10px;right:auto}.user-option-menu-header{padding:12px}.user-option-menu-username{font-size:14px}.user-option-menu-item{padding:10px 12px;font-size:13px;gap:10px}.user-option-menu-item svg{width:16px;height:16px}}@media (max-width:480px){.user-option-menu{min-width:180px;right:-5px}.user-option-menu-left{left:-5px}.user-option-menu-item{padding:8px 10px;font-size:12px}}