.signinBtn{all:unset;background:var(--color-primary-gradient-btn);color:var(--color-text);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base);border-radius:var(--border-radius-full,9999px);padding:.7rem 2.5rem;font-size:.9rem;font-weight:600;display:inline-block;position:relative;overflow:hidden}.signinBtn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.signinBtn:hover:before{left:100%}.signinBtn:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary-light) 100%);transform:translateY(-2px)scale(1.02)}.signinBtn:active{box-shadow:var(--shadow-sm);transform:translateY(0)scale(.98)}.signinBtn:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}@media (max-width:768px){.signinBtn{padding:.5rem 1.5rem;font-size:.8rem}}@media (max-width:480px){.signinBtn{letter-spacing:1px;padding:.4rem 1.2rem;font-size:.7rem}}
.avatar{outline:3px solid var(--color-primary,#558082);outline-offset:3px;width:50px;height:50px;transition:var(--transition-base,.3s ease);cursor:pointer;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.avatar:hover{outline-color:var(--color-secondary,#d4a373);box-shadow:var(--shadow-glow);transform:scale(1.05)}.avatar_image{object-fit:cover;width:100%;height:100%}.avatar .status-dot{background:var(--color-success,#3f8f6b);border:2px solid var(--color-background,#081b1b);border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.avatar .status-dot.offline{background:var(--color-text-muted,#8d8d8d)}@media (max-width:768px){.avatar{outline-offset:2px;outline-width:2px;width:40px;height:40px}}@media (max-width:480px){.avatar{width:35px;height:35px}}