.profile-tabs{--tabs-border:hsla(0,0%,100%,.8);--tabs-bg:hsla(0,0%,100%,.45);--tabs-rail-bg:rgba(15,23,42,.05);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);background:var(--tabs-bg);border:1px solid var(--tabs-border);border-radius:32px;box-shadow:0 25px 50px rgba(15,23,42,.06);padding:1.75rem 2rem;position:relative}.profile-tabs--interactive{display:flex;flex-direction:column;gap:1.25rem}.profile-tabs__nav{background:var(--tabs-rail-bg);border:1px solid rgba(15,23,42,.04);border-radius:999px;display:flex;gap:.5rem;list-style:none;margin:0;padding:.45rem;position:relative;z-index:2}.profile-tabs__nav .nav-item{flex:0 0 auto}.profile-tabs__nav .nav-link{background:transparent;border:0;border-radius:999px;color:#475569;font-weight:600;padding:.55rem 1.35rem;text-align:left;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.profile-tabs__nav .nav-link:hover{background:rgba(15,118,185,.08);color:#0f172a}.profile-tabs__nav .nav-link.active{background:#fff;box-shadow:0 12px 25px rgba(15,23,42,.12);color:#161f22;font-weight:800}.profile-tabs__nav .nav-link:focus-visible{box-shadow:0 0 0 .19rem rgba(26,136,188,.35);outline:none}.profile-tabs.profile-tabs--touch-mode .profile-tabs__nav .nav-link:hover:not(.active){background:transparent;box-shadow:none;color:inherit}.profile-tabs__content{margin-top:.5rem;padding-top:0}.profile-tabs__content .tab-pane{transition:opacity .2s ease,transform .2s ease}.profile-tabs__content .tab-pane:not(.active){transform:translateY(8px)}.profile-tabs__hint{align-items:center;color:#475569;display:none;font-size:.78rem;font-weight:600;gap:.45rem;justify-content:center;margin-top:.3rem;opacity:.85;transition:opacity .2s ease}.profile-tabs__hint-icon{align-items:center;background:#fff;border:1px solid rgba(15,23,42,.2);border-radius:999px;display:inline-flex;height:1.35rem;justify-content:center;width:1.35rem}.profile-tabs__hint--hidden{opacity:0;pointer-events:none}.profile-tabs__hint--dismissed{display:none!important;height:0;margin-top:0;opacity:0}.profile-tabs__hint.profile-tabs__hint--dismissed+.profile-tabs__content{margin-top:0}@media(min-width:992px){.profile-tabs{padding:1.5rem 2rem}.profile-tabs__nav{flex-wrap:wrap;justify-content:flex-start}.profile-tabs__nav .nav-link{border-radius:999px}.profile-tabs__content{margin-top:.75rem;padding-top:0}}@media(max-width:991.98px){.profile-tabs{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0}.profile-tabs--interactive{gap:1rem;touch-action:pan-y}.profile-tabs__nav{backdrop-filter:blur(25px) saturate(210%);-webkit-backdrop-filter:blur(25px) saturate(210%);background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.85);border-radius:20px;box-shadow:0 12px 32px rgba(15,23,42,.1),inset 0 0 0 1px hsla(0,0%,100%,.3);display:flex;gap:.4rem;margin:.75rem 1rem 1rem;overflow:hidden;padding:.45rem;position:sticky;top:calc(env(safe-area-inset-top, 0px) + 76px);width:auto;z-index:25}.profile-tabs__nav .nav-item{flex:1 1 0}.profile-tabs__nav .nav-link{border:none;border-radius:14px;color:#1e293b;font-size:.92rem;font-weight:600;letter-spacing:.01em;padding:.7rem .4rem;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.profile-tabs__nav .nav-link.active{background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.1),0 2px 4px rgba(0,0,0,.04);color:var(--accent-color,#1a88bc);font-weight:700}.profile-tabs__nav .nav-link:hover{background:hsla(0,0%,100%,.65)}.profile-tabs.profile-tabs--touch-mode .profile-tabs__nav .nav-link:hover:not(.active){background:transparent;color:inherit}.profile-tabs__hint{display:inline-flex}.profile-tabs__content{margin-top:.5rem;overflow:hidden;padding-left:1rem;padding-right:1rem;padding-top:0}.profile-tabs__content .tab-pane{transform:none;transition:opacity .2s ease}.profile-tabs__panel--animating{animation-duration:.26s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.33,.11,.2,1);pointer-events:none}.profile-tabs__panel--slide-in-from-right{animation-name:profileTabsSlideInFromRight}.profile-tabs__panel--slide-in-from-left{animation-name:profileTabsSlideInFromLeft}@keyframes profileTabsSlideInFromRight{0%{opacity:0;transform:translateX(36px)}to{opacity:1;transform:translateX(0)}}@keyframes profileTabsSlideInFromLeft{0%{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:translateX(0)}}}@media(max-width:575.98px){.profile-tabs__nav .nav-link{font-size:.95rem}}