.user-header,.user-header__container{width:100%;display:flex;flex-direction:column;align-items:center}.user-header__container{max-width:400px;gap:16px}.user-header__subtitle,.user-header__title-section{width:100%;text-align:center}.user-header__subtitle-text{font-size:16px;font-weight:400;color:#a1a1aa;line-height:1.5;margin:0}.user-header__status-badge,.user-header__subtitle-text{font-family:var(--font-inter-tight),"Inter Tight",system-ui,-apple-system,sans-serif}.user-header__status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;transition:all .2s ease}.user-header__status-content{display:flex;align-items:center;gap:8px}.user-header__status-text{font-family:var(--font-inter-tight),"Inter Tight",system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600}.user-header__status-badge--active{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981}.user-header__status-badge--trial{background:rgba(252,166,24,.1);border:1px solid rgba(252,166,24,.3);color:#fca618}.user-header__status-badge--inactive{background:hsla(220,9%,46%,.1);border:1px solid hsla(220,9%,46%,.3);color:#6b7280}.user-header__membership-card{width:100%;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:20px;text-align:center;transition:all .2s ease}.user-header__membership-card:hover{border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.15);transform:translateY(-2px)}.user-header__membership-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.user-header__membership-title{font-family:var(--font-inter-tight),"Inter Tight",system-ui,-apple-system,sans-serif;font-size:18px;font-weight:600;color:#10b981}.user-header__membership-details{text-align:center}.user-header__plan-name{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.user-header__billing-date,.user-header__plan-name{font-family:var(--font-inter-tight),"Inter Tight",system-ui,-apple-system,sans-serif}.user-header__billing-date{font-size:14px;font-weight:400;color:#a1a1aa;margin:0}@media (max-width:640px){.user-header__container{gap:14px;padding:0 8px}.user-header__subtitle-text{font-size:15px}.user-header__status-badge{padding:6px 12px;font-size:13px}.user-header__status-text{font-size:13px}.user-header__membership-card{padding:16px}.user-header__membership-title{font-size:16px}.user-header__plan-name{font-size:15px}.user-header__billing-date{font-size:13px}}@media (max-width:380px){.user-header__subtitle-text{font-size:14px}.user-header__status-badge{padding:6px 10px;font-size:12px}.user-header__status-text{font-size:12px}.user-header__membership-title{font-size:15px}.user-header__plan-name{font-size:14px}.user-header__billing-date{font-size:12px}}@media (min-width:1024px){.user-header__container{max-width:500px;gap:20px}.user-header__subtitle-text{font-size:18px}.user-header__status-badge{padding:10px 20px;font-size:15px}.user-header__status-text{font-size:15px}.user-header__membership-card{padding:24px}.user-header__membership-title{font-size:20px}.user-header__plan-name{font-size:18px}.user-header__billing-date{font-size:15px}}.user-header__status-badge{cursor:default}.user-header__status-badge--active:hover{background:rgba(16,185,129,.2);transform:translateY(-1px)}.user-header__status-badge--trial:hover{background:rgba(252,166,24,.2);transform:translateY(-1px)}.user-header__status-badge--inactive:hover{background:hsla(220,9%,46%,.2);transform:translateY(-1px)}.user-header__membership-card:focus-within,.user-header__status-badge:focus-visible{outline:2px solid #fca618;outline-offset:2px}@media (prefers-reduced-motion:reduce){.user-header__membership-card,.user-header__status-badge{transition:none}.user-header__membership-card:hover,.user-header__status-badge:hover{transform:none}}@media (prefers-contrast:high){.user-header__membership-card,.user-header__status-badge{border-width:2px}.user-header__subtitle-text{color:#e5e7eb}.user-header__billing-date{color:#d1d5db}}@media (prefers-color-scheme:dark){.user-header__subtitle-text{color:#d1d5db}.user-header__billing-date{color:#9ca3af}.user-header__plan-name{color:#f9fafb}}.user-header__status-badge{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-header--loading .user-header__billing-date,.user-header--loading .user-header__plan-name,.user-header--loading .user-header__subtitle-text{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;color:transparent}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
/*# sourceMappingURL=71b4f120e5cb0674.css.map*/