.nav-wrapper{display:flex;justify-content:space-between;align-items:center;background:#62b0ba}.nav-wrapper #nav{flex:1;padding-inline-start:0;margin:0}.nav-wrapper #nav>li>a{padding:8px 10px}.nav-user-area{padding:4px 15px;display:flex;align-items:center}@media (max-width:960px){.nav-user-area{position:fixed;top:10px;right:70px;z-index:100;padding:0}.kvik-login-btn{padding:6px 12px;font-size:13px}.kvik-login-btn-wrap{gap:10px}.kvik-register-link{font-size:13px}.kvik-user-menu__toggle{padding:2px 6px 2px 2px}.kvik-user-menu__name{display:none}.kvik-user-menu__caret{display:none}}.kvik-login-btn-wrap{display:flex;align-items:center;gap:16px}.kvik-register-link{color:rgba(255,255,255,.85);font-size:14px;text-decoration:none;transition:color .2s ease}.kvik-register-link:hover{color:#fff;text-decoration:underline}.kvik-login-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f1633b;color:#fff;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s ease}.kvik-login-btn:hover{background:#d9542f;color:#fff;text-decoration:none}.kvik-login-btn svg{flex-shrink:0}.kvik-user-menu{position:relative;display:flex;align-items:center}.kvik-user-menu__toggle{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:20px;cursor:pointer;color:#fff;transition:border-color .2s ease , background .2s ease}.kvik-user-menu__toggle:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}.kvik-user-menu__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.kvik-user-menu__name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kvik-user-menu__caret{flex-shrink:0;transition:transform .2s ease}.kvik-user-menu__toggle[aria-expanded="true"] .kvik-user-menu__caret{transform:rotate(180deg)}.kvik-user-menu__dropdown{position:absolute;top: calc(100% + 8px);right:0;min-width:200px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease , transform .2s ease , visibility .2s ease;z-index:1000}.kvik-user-menu__toggle[aria-expanded="true"]+.kvik-user-menu__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.kvik-user-menu__item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#e0e0e0;text-decoration:none;font-size:14px;transition:background .15s ease , color .15s ease}.kvik-user-menu__item:hover{background:rgba(255,255,255,.05);color:#fff;text-decoration:none}.kvik-user-menu__item svg{flex-shrink:0;opacity:.7}.kvik-user-menu__item:first-child{border-radius:7px 7px 0 0}.kvik-user-menu__divider{height:1px;background:rgba(255,255,255,.1);margin:4px 0}.kvik-user-menu__item--logout{color:#f1633b;border-radius:0 0 7px 7px}.kvik-user-menu__item--logout:hover{background:rgba(241,99,59,.1);color:#ff7a54}.kvik-login-prompt{display:inline-block}.kvik-login-prompt__link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.1);border-radius:4px;color:#ccc;font-size:13px;text-decoration:none;transition:background .2s ease , color .2s ease}.kvik-login-prompt__link:hover{background:rgba(241,99,59,.2);color:#f1633b;text-decoration:none}