nav{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0 .8rem;gap:1rem}nav .qr-button{padding:.8rem .9rem!important}nav .qr-button img{width:1.8rem;height:1.8rem}nav .qr-modal{position:absolute;background-color:rgba(0,0,0,.429);backdrop-filter:blur(8px);z-index:500;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}nav .qr-modal canvas{height:60vh!important;width:60vw!important;-o-object-fit:contain!important;object-fit:contain!important;display:inline!important}nav .name-button{word-break:break-all}nav .auth-links{display:flex;align-items:center;justify-content:right;gap:2rem}nav .auth-links .user-menu-container{position:relative}nav .auth-links .user-menu-container .user-info{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s}nav .auth-links .user-menu-container .user-info:hover{background-color:rgba(0,0,0,.05)}nav .auth-links .user-menu-container .user-info .auth-icon{width:3rem;height:3rem;border-radius:50%}nav .auth-links .user-menu-container .user-info .profile-name{color:inherit;text-decoration:none;word-break:break-all;font-weight:400}nav .auth-links .user-menu-container .user-info .dropdown-arrow{font-size:.8rem;transition:transform .2s}nav .auth-links .user-menu-container .user-info:hover .dropdown-arrow{transform:rotate(180deg)}nav .auth-links .user-menu-container .user-info.not-authenticated .profile-name{position:relative;transition:color .3s}nav .auth-links .user-menu-container .user-info.not-authenticated .profile-name:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:#000;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:2px}nav .auth-links .user-menu-container .user-info.not-authenticated .profile-name:hover:after{transform:scaleX(1)}nav .auth-links .user-menu-container .user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:160px;z-index:1000;margin-top:.5rem}nav .auth-links .user-menu-container .user-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s;color:#333;text-decoration:none;display:block;border-bottom:1px solid #f0f0f0}nav .auth-links .user-menu-container .user-dropdown .dropdown-item:last-child{border-bottom:none}nav .auth-links .user-menu-container .user-dropdown .dropdown-item:hover{background-color:#f8f9fa}nav .auth-links .user-menu-container .user-dropdown .dropdown-item:first-child{border-radius:.5rem .5rem 0 0}nav .auth-links .user-menu-container .user-dropdown .dropdown-item:last-child{border-radius:0 0 .5rem .5rem}@media(max-width:768px){nav nav{padding:1rem}nav nav .auth-links{gap:.8rem}nav nav .auth-links .user-menu-container .user-info .profile-name{display:none}nav nav .auth-links .user-menu-container .user-info .dropdown-arrow{display:block}nav nav .auth-links .user-menu-container .user-info.not-authenticated .profile-name{display:none}nav nav .auth-links .user-menu-container .user-dropdown{min-width:140px;right:0}}@media(max-width:576px){nav .qr-modal canvas{width:80vw!important;height:80vh!important}}@media(max-width:360px){nav{gap:.3rem;padding:1rem .5rem .8rem!important}nav img{max-width:120px;height:auto}nav .auth-icon{display:none}nav .auth-links{gap:.3rem}nav .auth-links .user-menu-container .user-info{gap:0;padding:.2rem}}