.viva-app .viva-topbar{--tb-h:34px;--tb-inner:26px;--tb-bg:#ffffff0e;--tb-bg-hover:#ffffff18;--tb-border:#ffffff17;--tb-border-hover:#ffffff29;--tb-text:#ffffffeb;--tb-muted:#ffffff80;--tb-lime:#c8f53c;--tb-lime-hover:#d4ff52;--tb-ease:cubic-bezier(.22, 1, .36, 1)}.viva-app .viva-topbar .viva-pill-btn,.viva-app .viva-topbar .viva-lang-btn,.viva-app .viva-topbar .viva-notifications-btn,.viva-app .viva-topbar .viva-topbar-account,.viva-app .viva-topbar .viva-topbar-status-cluster,.viva-app .viva-topbar .viva-topbar-login-chip,.viva-app .viva-topbar .viva-login-btn{height:var(--tb-h);min-height:var(--tb-h);border:1px solid var(--tb-border);background:var(--tb-bg);box-shadow:none;color:var(--tb-text);transition:background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s var(--tb-ease);border-radius:999px}.viva-app .viva-topbar .viva-pill-btn:hover,.viva-app .viva-topbar .viva-lang-btn:hover,.viva-app .viva-topbar .viva-notifications-btn:hover,.viva-app .viva-topbar .viva-topbar-login-chip:hover,.viva-app .viva-topbar .viva-login-btn:hover{border-color:var(--tb-border-hover);background:var(--tb-bg-hover);color:#fff}.viva-app .viva-topbar .viva-pill-btn:active,.viva-app .viva-topbar .viva-lang-btn:active,.viva-app .viva-topbar .viva-notifications-btn:active,.viva-app .viva-topbar .viva-upgrade-btn:active{transform:scale(.97)}.viva-app .viva-topbar .viva-pill-btn:focus-visible,.viva-app .viva-topbar .viva-lang-btn:focus-visible,.viva-app .viva-topbar .viva-notifications-btn:focus-visible,.viva-app .viva-topbar .viva-upgrade-btn:focus-visible,.viva-app .viva-topbar .viva-profile-avatar-btn:focus-visible,.viva-app .viva-topbar .viva-plan-pill:focus-visible,.viva-app .viva-topbar .pg-fuel-gauge:focus-visible{outline-offset:2px;outline:2px solid #c8f53cb3}.viva-app .viva-topbar .viva-login-btn{padding:0 15px;font-size:12.5px;font-weight:700}.viva-app .viva-topbar .viva-free-credits-btn{font-variation-settings:"wght" 650;letter-spacing:-.005em;gap:7px;padding:0 13px 0 11px;font-size:12.5px;font-weight:650}.viva-app .viva-topbar .viva-free-credits-btn:before{content:none}.viva-app .viva-topbar .viva-free-credits-btn svg{color:var(--tb-lime)}.viva-app .viva-topbar .viva-notifications-btn{width:var(--tb-h);padding:0}.viva-app .viva-topbar .viva-notifications-btn-open{color:var(--tb-lime);background:#c8f53c1a;border-color:#c8f53c66}.viva-app .viva-topbar .viva-notifications-badge{min-width:17px;height:17px;box-shadow:none;background:#ff453a;border:2px solid #1c1c1e;padding:0 4px;font-size:9.5px;font-weight:800;top:-4px;right:-4px}.viva-app .viva-topbar .viva-upgrade-btn{height:var(--tb-h);min-height:var(--tb-h);background:var(--tb-lime);color:#0b0d02;font-variation-settings:"wght" 800;letter-spacing:-.01em;opacity:1;transition:background-color .16s ease, transform .16s var(--tb-ease);border:0;border-radius:999px;padding:0 15px;font-size:12.5px;font-weight:800}.viva-app .viva-topbar .viva-upgrade-btn:hover{background:var(--tb-lime-hover);opacity:1;transform:none}.viva-app .viva-topbar .viva-topbar-account,.viva-app .viva-topbar .viva-topbar-status-cluster{align-items:center;gap:2px;padding:3px;display:inline-flex}.viva-app .viva-topbar .viva-topbar-account:hover{border-color:var(--tb-border-hover)}.viva-app .viva-topbar .viva-topbar-account .viva-plan-pill,.viva-app .viva-topbar .viva-topbar-status-cluster .viva-plan-pill{height:var(--tb-inner);min-height:var(--tb-inner);box-shadow:none;font-variation-settings:"wght" 750;letter-spacing:-.01em;border:0;border-radius:999px;align-items:center;gap:5px;margin:0;padding:0 10px 0 9px;font-size:11.5px;font-weight:750;line-height:1;display:inline-flex}.viva-app .viva-topbar .viva-topbar-status-cluster .viva-plan-pill-compact{padding:0 9px}.viva-app .viva-topbar .viva-plan-pill svg{width:13px;height:13px}.viva-app .viva-topbar .viva-plan-pill--free{color:#ffffff9e;background:#ffffff12}.viva-app .viva-topbar .viva-plan-pill--trial{color:#8fd0ff;background:#7ec8ff24}.viva-app .viva-topbar .viva-plan-pill--starter{color:#ffffffe6;background:#ffffff1a}.viva-app .viva-topbar .viva-plan-pill--plus{color:var(--tb-lime);background:#c8f53c24}.viva-app .viva-topbar .viva-plan-pill--ultra{color:#ffa3ee;background:#ff8de826}.viva-app .viva-topbar .viva-plan-pill:hover{filter:brightness(1.12)}.viva-app .viva-topbar .viva-topbar-account .viva-admin-badge,.viva-app .viva-topbar .viva-topbar-status-cluster .viva-admin-badge{height:var(--tb-inner);min-height:var(--tb-inner);box-shadow:none;background:#fbbf2424;border:0;gap:6px;padding:0 4px 0 10px;animation:none}.viva-app .viva-topbar .viva-admin-badge-label{letter-spacing:.1em;font-size:11px}.viva-app .viva-topbar .viva-admin-badge-provider{padding:2px 7px;font-size:10px}.viva-app .viva-topbar .viva-topbar-account .pg-fuel-gauge,.viva-app .viva-topbar .viva-topbar-status-cluster .pg-fuel-gauge{height:var(--tb-inner);min-height:var(--tb-inner);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;margin:0;padding:0 10px 0 8px;line-height:1;display:inline-flex}.viva-app .viva-topbar .viva-topbar-account .pg-fuel-gauge:hover{background:#ffffff12}.viva-app .viva-topbar .viva-topbar-account .pg-fuel-gauge:before,.viva-app .viva-topbar .viva-topbar-status-cluster .pg-fuel-gauge:before{display:none}.viva-app .viva-topbar .viva-topbar-account .pg-fuel-label{color:var(--tb-muted);letter-spacing:.1em;font-size:9.5px;font-weight:700;display:inline}.viva-app .viva-topbar .viva-topbar-account .pg-fuel-sep{background:#ffffff24;height:12px;display:block}.viva-app .viva-topbar .pg-fuel-gauge:not(.pg-fuel-gauge-low):not(.pg-fuel-gauge-critical) .pg-fuel-value{color:#fff}.viva-app .viva-topbar .viva-lang-btn{color:#ffffffc7;font-variation-settings:"wght" 650;letter-spacing:.02em;gap:6px;padding:0 10px 0 11px;font-size:12px;font-weight:650}.viva-app .viva-topbar .viva-lang-btn[aria-expanded=true]{border-color:var(--tb-border-hover);background:var(--tb-bg-hover);color:#fff}.viva-app .viva-topbar .viva-lang-chevron{opacity:.6;transition:transform .18s var(--tb-ease)}.viva-app .viva-topbar .viva-lang-menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c1c1e;border:1px solid #ffffff1a;border-radius:14px;min-width:184px;top:calc(100% + 8px);box-shadow:0 18px 44px #0000008c}.viva-app .viva-topbar .viva-lang-option{border-radius:9px;padding:9px 11px;font-size:13.5px;font-weight:550}.viva-app .viva-topbar .viva-lang-option-active{color:var(--tb-lime);background:#c8f53c1a}.viva-app .viva-topbar .viva-profile-avatar-btn{width:var(--tb-h);height:var(--tb-h);transition:box-shadow .16s ease, transform .16s var(--tb-ease);box-shadow:0 0 0 1px #ffffff29}.viva-app .viva-topbar .viva-profile-avatar-btn:hover{transform:none;box-shadow:0 0 0 2px #ffffff52}.viva-app .viva-topbar .viva-profile-avatar{background:#f1c44f;font-size:13.5px;font-weight:800}@media (max-width:1023px){.viva-app .viva-topbar{gap:8px}.viva-app .viva-topbar .viva-topbar-logo-img{max-width:100%}.viva-app .viva-topbar .viva-topbar-actions-compact{gap:8px}.viva-app .viva-topbar .viva-topbar-status-cluster .pg-fuel-gauge{padding:0 10px 0 7px}.viva-app .viva-topbar .viva-topbar-status-cluster .pg-fuel-value{font-size:14px}.viva-app .viva-topbar .viva-upgrade-btn{text-overflow:ellipsis;max-width:38vw;padding:0 13px;font-size:12px;overflow:hidden}.viva-app .viva-topbar .viva-topbar-login-chip{padding:0 14px;font-size:12px;font-weight:700}.viva-app .viva-topbar .viva-topbar-profile-btn.viva-profile-avatar-btn{width:var(--tb-h);height:var(--tb-h)}}@media (max-width:389px){.viva-app .viva-topbar .viva-topbar-actions-compact{gap:6px}.viva-app .viva-topbar .viva-topbar-status-cluster .viva-plan-pill-compact{padding:0 7px;font-size:10.5px}.viva-app .viva-topbar .viva-topbar-status-cluster .pg-fuel-gauge{padding:0 8px 0 5px}.viva-app .viva-topbar .viva-topbar-status-cluster .pg-fuel-value{font-size:13px}.viva-app .viva-topbar .viva-upgrade-btn{padding:0 11px;font-size:11.5px}}@media (max-width:349px){.viva-app .viva-topbar .viva-topbar-status-cluster .viva-plan-pill-compact,.viva-app .viva-topbar .viva-topbar-status-cluster .viva-admin-badge{display:none!important}}.viva-app .viva-topbar{--tb-h:34px;--tb-r:10px;--tb-bg:#ffffff0f;--tb-bg-hover:#ffffff1a;--tb-text:#ffffffe6;--tb-muted:#ffffff85}.viva-app .viva-topbar .viva-topbar-actions-full{gap:6px}.viva-app .viva-topbar .viva-pill-btn,.viva-app .viva-topbar .viva-lang-btn,.viva-app .viva-topbar .viva-notifications-btn,.viva-app .viva-topbar .viva-topbar-account,.viva-app .viva-topbar .viva-topbar-status-cluster,.viva-app .viva-topbar .viva-topbar-login-chip,.viva-app .viva-topbar .viva-login-btn{border-radius:var(--tb-r);background:var(--tb-bg);font-variation-settings:normal;border:0;font-weight:500}.viva-app .viva-topbar .viva-pill-btn:hover,.viva-app .viva-topbar .viva-lang-btn:hover,.viva-app .viva-topbar .viva-notifications-btn:hover,.viva-app .viva-topbar .viva-topbar-login-chip:hover,.viva-app .viva-topbar .viva-login-btn:hover{background:var(--tb-bg-hover);border:0}.viva-app .viva-topbar .viva-free-credits-btn{color:var(--tb-text);font-variation-settings:normal;letter-spacing:0;background:0 0;gap:7px;padding:0 12px 0 10px;font-size:13px;font-weight:500}.viva-app .viva-topbar .viva-free-credits-btn:hover{background:var(--tb-bg)}.viva-app .viva-topbar .viva-notifications-btn{background:0 0}.viva-app .viva-topbar .viva-notifications-btn:hover,.viva-app .viva-topbar .viva-notifications-btn-open{background:var(--tb-bg-hover);color:#fff}.viva-app .viva-topbar .viva-notifications-badge{border:2px solid #0e0e10;min-width:16px;height:16px;padding:0 4px;font-size:9.5px;font-weight:600;line-height:12px;top:1px;right:1px}.viva-app .viva-topbar .viva-upgrade-btn{border-radius:var(--tb-r);font-variation-settings:normal;letter-spacing:0;padding:0 14px;font-size:12.5px;font-weight:600}.viva-app .viva-topbar .viva-topbar-account,.viva-app .viva-topbar .viva-topbar-status-cluster{gap:2px;padding:3px}.viva-app .viva-topbar .viva-topbar-account .viva-plan-pill,.viva-app .viva-topbar .viva-topbar-status-cluster .viva-plan-pill{font-variation-settings:normal;letter-spacing:0;border-radius:7px;height:28px;min-height:28px;padding:0 9px 0 8px;font-size:12px;font-weight:600}.viva-app .viva-topbar .viva-topbar-account .pg-fuel-gauge,.viva-app .viva-topbar .viva-topbar-status-cluster .pg-fuel-gauge{border-radius:7px;gap:6px;height:28px;min-height:28px;padding:0 10px 0 8px}.viva-app .viva-topbar .pg-fuel-label,.viva-app .viva-topbar .pg-fuel-sep{display:none!important}.viva-app .viva-topbar .pg-fuel-ico{color:var(--tb-lime);flex:none;display:block}.viva-app .viva-topbar .pg-fuel-value{letter-spacing:0;font-size:13px;font-weight:600}.viva-app .viva-topbar .viva-lang-btn{color:var(--tb-text);font-variation-settings:normal;letter-spacing:.01em;background:0 0;gap:5px;padding:0 9px 0 10px;font-size:12.5px;font-weight:500}.viva-app .viva-topbar .viva-lang-btn[aria-expanded=true]{background:var(--tb-bg-hover)}.viva-app .viva-topbar .viva-lang-menu{background:#18181a;border:0;border-radius:12px;box-shadow:0 18px 48px #0000008c,inset 0 0 0 .5px #ffffff1a}.viva-app .viva-topbar .viva-lang-option{font-size:13px;font-weight:500}.viva-app .viva-topbar .viva-profile-avatar-btn{width:32px;height:32px;box-shadow:0 0 0 1px #ffffff1f}.viva-app .viva-topbar .viva-profile-avatar{font-size:13px;font-weight:600}.viva-app .viva-topbar .viva-notifications-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#161618;border:0;border-radius:16px;width:min(360px,100vw - 24px);max-height:min(520px,72vh);transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1),visibility .18s;transform:translateY(6px)scale(.98);box-shadow:0 24px 64px #0009,inset 0 0 0 .5px #ffffff1a}.viva-app .viva-topbar .viva-notifications-wrap.is-open .viva-notifications-panel{transform:translateY(0)scale(1)}.viva-app .viva-topbar .viva-notifications-head{letter-spacing:0;border-bottom:.5px solid #ffffff14;padding:14px 16px 10px;font-size:14px;font-weight:600}.viva-app .viva-topbar .viva-notifications-mark-all{color:var(--tb-lime);background:0 0;border-radius:8px;padding:4px 8px;font-size:12.5px;font-weight:500;transition:background .16s}.viva-app .viva-topbar .viva-notifications-mark-all:hover{background:#c8f53c1a}.viva-app .viva-topbar .viva-notifications-list{overscroll-behavior:contain;flex:auto;min-height:0;max-height:none;padding:4px 6px 8px}.viva-app .viva-topbar .viva-notifications-item{box-shadow:none;background:0 0;border:0;border-radius:12px;margin:0}.viva-app .viva-topbar .viva-notifications-wrap.is-open .viva-notifications-item{animation:none}.viva-app .viva-topbar .viva-notifications-link{border-radius:12px;gap:12px;padding:10px}.viva-app .viva-topbar .viva-notifications-link:hover{background:#ffffff0b}.viva-app .viva-topbar .viva-notifications-item-unread .viva-notifications-link{background:0 0}.viva-app .viva-topbar .viva-notifications-item-unread .viva-notifications-link:hover{background:#ffffff0b}.viva-app .viva-topbar .viva-notifications-icon{color:#ffffffbf;background:#ffffff0f;border:0;border-radius:10px;width:32px;height:32px}.viva-app .viva-topbar .viva-notifications-title{color:#ffffffc7;letter-spacing:0;font-size:13px;font-weight:500}.viva-app .viva-topbar .viva-notifications-item-unread .viva-notifications-title{color:#fff;font-weight:600}.viva-app .viva-topbar .viva-notifications-body{color:#ffffff8c;font-size:12.5px;line-height:1.45}.viva-app .viva-topbar .viva-notifications-time{color:#ffffff5c;font-size:11.5px}.viva-app .viva-topbar .viva-notifications-dot{width:7px;height:7px;box-shadow:none;background:var(--tb-lime);margin-top:6px}.viva-app .viva-topbar .viva-notifications-empty{padding:32px 16px;font-size:13px}@media (max-width:1023px){.viva-app .viva-topbar .viva-topbar-actions-compact{gap:6px}.viva-app .viva-topbar .viva-topbar-status-cluster .pg-fuel-value{font-size:13px}.viva-app .viva-topbar .viva-upgrade-btn{font-size:12px}}@media (max-width:640px){.viva-app .viva-topbar .viva-notifications-panel{border-radius:18px;width:auto;max-height:72vh;left:8px;right:8px}}@media (max-width:1023px){.viva-app .viva-topbar .viva-topbar-actions-compact .viva-notifications-compact{flex:none;display:block!important}.viva-app .viva-topbar .viva-notifications-compact .viva-notifications-btn{border-radius:var(--tb-r);background:var(--tb-bg);width:36px;height:36px}.viva-app .viva-topbar .viva-notifications-compact .viva-notifications-panel{top:calc(var(--viva-shell-chrome-h,56px) + 6px);width:min(380px,100vw - 20px);max-height:min(560px, calc(100dvh - var(--viva-shell-chrome-h,56px) - 90px));transform-origin:100% 0;position:fixed;bottom:auto;left:auto;right:10px}}@media (max-width:640px){.viva-app .viva-topbar .viva-notifications-compact .viva-notifications-panel{width:auto;left:8px;right:8px}}@media (prefers-reduced-motion:reduce){.viva-app .viva-topbar .viva-pill-btn,.viva-app .viva-topbar .viva-lang-btn,.viva-app .viva-topbar .viva-notifications-btn,.viva-app .viva-topbar .viva-upgrade-btn,.viva-app .viva-topbar .viva-profile-avatar-btn,.viva-app .viva-topbar .viva-notifications-panel{transition:none}}
