.subscription-preview-card{width:100%;background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-primary);transition:all .2s ease;display:flex;flex-direction:column;gap:0;box-sizing:border-box;overflow:hidden;flex-shrink:0}.subscription-preview-card__upper{background-color:var(--color-background);padding:16px 20px;border-bottom:1px solid var(--color-border)}.subscription-preview-card__header{width:100%}.subscription-preview-card__content{padding:20px}.subscription-preview-card__price{font-weight:600;white-space:nowrap}.subscription-preview-card__lower{padding:16px 20px;border-top:1px solid var(--color-border)}.subscription-preview-card__validity-info{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.subscription-preview-card__usage-period-info{padding:12px;background-color:var(--color-background);border-radius:var(--radius-base);border:1px solid var(--color-border);margin-bottom:12px}.subscription-preview-card__usage-items{display:flex;flex-direction:column;gap:8px}.subscription-preview-card__plan{width:100%}.subscription-preview-card__plan-image{flex-shrink:0}.subscription-preview-card__plan-info{flex:1 1;min-width:0}.subscription-preview-card__usage-item{padding:10px 12px;background-color:var(--color-background);border-radius:var(--radius-base);border:1px solid var(--color-border)}.subscription-preview-card__usage-count{font-weight:600;color:var(--color-text-primary);font-size:12px}.subscription-preview-card__usage-separator{margin:0 4px;color:var(--color-text-secondary);font-weight:300}.subscription-preview-card__progress-bar{height:4px;background-color:var(--color-border);border-radius:var(--radius-sm);overflow:hidden;position:relative;margin-top:6px}.subscription-preview-card__progress-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-sm);transition:width .3s ease}.profile-subscriptions-tab-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px 26px}.profile-subscriptions-tab-header{flex-shrink:0;padding-bottom:12px}@media only screen and (max-width:860px){.profile-subscriptions-tab-header,.profile-subscriptions-tab-spacer{display:none}}.subscriptions-list-container{overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0;padding-top:24px}.profile-modal-component{background-color:var(--color-background);height:100%;overflow-y:auto;overflow-x:hidden}.profile-modal-content{height:100%;overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0}.profile-modal-mobile-header{padding:16px 20px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.profile-modal-mobile-header__content{width:100%}.profile-modal-mobile-header__title{flex:1 1;min-width:0}:root{--color-primary:#696eff;--color-primary-light:#9497ff;--color-primary-ultralight:#e1e2ff;--color-secondary:#2b2b35;--color-secondary-light:#55555d;--color-surface:#ffffff;--color-background:#f0f0f0;--color-tinfoil:#e6e6e6;--color-border:#e6e6e6;--color-border-secondary:#333333;--color-text-primary:#2b2b35;--color-text-secondary:#55555d;--color-text-tetriary:#9ca3af;--color-text-inverted:#ffffff;--color-input-border:#e0e0e0;--color-input-border-hover:#2b2b35;--color-input-background:#ffffff;--color-input-background-inactive:#f9f9f9;--color-input-text-primary:#333333;--color-input-text-secondary:#999999;--shadow-text-input:rgba(0,0,0,0.05) 0px 2px 4px;--shadow-primary-highlight:rgb(105,110,255) 0px 0px 6px;--color-button-primary:#696eff;--color-button-primary-hover:#9497ff;--color-button-primary-pressed:#00034d;--color-button-primary-inactive:#e1e2ff;--color-button-secondary:#2b2b35;--color-button-secondary-hover:#55555d;--color-button-secondary-pressed:#00034d;--color-button-secondary-inactive:#f4f4f5;--color-button-tertiary:#f0f0f0;--color-button-tertiary-hover:#e0e0e0;--color-button-tertiary-pressed:#d0d0d0;--color-button-tertiary-inactive:#f0f0f0;--color-button-tertiary-dark:#e5e8f0;--color-button-tertiary-dark-hover:#c4cbde;--color-button-tertiary-dark-pressed:#b4bcd5;--color-button-tertiary-dark-inactive:#e5e8f0;--color-warning:#f8b400;--color-error:#fd5d5d;--color-error-light:#ffd1d6;--color-success:#5cc37a;--color-success-light:#d8f5d6;--color-info-light:#e5efff;--shadow-primary:rgba(0,0,0,0.05) 0px 2px 4px;--shadow-modal:0 0 10px rgba(0,0,0,0.1019607843);--shadow-error:0px 1px 10px 0px #fd5d5d;--color-skeleton-base:#e9ecef;--color-skeleton-highlight:rgba(255,255,255,0.35);--radius-sm:2px;--radius-base:5px;--radius-md:6px;--radius-lg:8px;--radius-medium:10px;--radius-xl:12px;--radius-xxl:15px;--radius-huge:16px;--radius-xxxl:20px;--radius-full:50%;--main-border-radius:8px;--color-form-background:#f8f9fb;--color-list-header-background:#f4f4f5;--color-navigation-bar:#ffffff;--color-reserved-slot:#f6f7fa;--viewport-height-full:100dvh;--viewport-height-safe:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInY{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(-5px)}}@keyframes fadeInX{0%{opacity:0;transform:translateX(50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInXFromLeft{0%{opacity:0;transform:translateX(-50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutX{0%{opacity:1;transform:translateX(0)}to{display:none;opacity:0;transform:translateX(50vw)}}.dynamic-navigation{display:flex;align-items:center}.dynamic-navigation__list{display:flex;list-style:none;margin:0;padding:0;gap:1rem}@media only screen and (max-width:770px){.dynamic-navigation__list{display:none}}.dynamic-navigation__item{margin:0}.dynamic-navigation__link{background:none;border:none;padding:.5rem 1rem;cursor:pointer;color:inherit;text-decoration:none;border-radius:var(--radius-md);transition:background-color .2s ease}.dynamic-navigation__link:hover{background-color:rgba(0,0,0,.05)}.dynamic-navigation__link--active{background-color:rgba(0,0,0,.1);font-weight:600}