.page-view{display:block;opacity:1;transition:opacity .3s ease-in-out}.page-view.hidden{display:none!important;opacity:0}.nav-link{position:relative}.nav-link.active{font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:currentColor;opacity:.7}.fade-in{animation:fadeIn .3s ease-in-out forwards}.fade-out{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.role-badge.user{background-color:#e0f2fe;color:#0369a1}.role-badge.moderator{background-color:#e0e7ff;color:#4338ca}.role-badge.admin{background-color:#fae8ff;color:#a21caf}.auth-indicator{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500}.auth-indicator:before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.auth-indicator.authenticated:before{background-color:#16a34a}.auth-indicator.unauthenticated:before{background-color:#dc2626}