.app{min-height:100vh;background-color:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000)}:root{--color-bg: var(--tg-theme-bg-color, #ffffff);--color-text: var(--tg-theme-text-color, #000000);--color-hint: var(--tg-theme-hint-color, #999999);--color-link: var(--tg-theme-link-color, #2481cc);--color-button: var(--tg-theme-button-color, #2481cc);--color-button-text: var(--tg-theme-button-text-color, #ffffff);--color-secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-md);line-height:1.5;background-color:var(--color-bg);color:var(--color-text);min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-md)}.page__header{margin-bottom:var(--spacing-lg)}.page__content{flex:1}.page__footer{margin-top:auto;padding-top:var(--spacing-lg)}.nav{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-secondary-bg);border-radius:var(--radius-lg);overflow-x:auto}.nav__item{flex:1;min-width:0}.nav__link{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;transition:background-color var(--transition-fast)}.nav__link:visited{color:var(--color-text)}.nav__link--active,.nav__link--active:visited{background-color:var(--color-button);color:var(--color-button-text)}.card{background-color:var(--color-secondary-bg);border-radius:var(--radius-lg);overflow:hidden}.card__image{width:100%;height:160px;object-fit:cover}.card__content{padding:var(--spacing-md)}.card__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-hint);margin-bottom:var(--spacing-sm)}.card__description{font-size:var(--font-size-md);color:var(--color-text);margin-bottom:var(--spacing-md)}.card__footer{display:flex;justify-content:space-between;align-items:center}.card__badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:#0000001a;border-radius:var(--radius-full);font-size:var(--font-size-sm)}.card__badge--adult{background-color:#f44;color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);text-decoration:none}.button:active{transform:scale(.98)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:var(--color-button);color:var(--color-button-text)}.button--secondary{background-color:var(--color-secondary-bg);color:var(--color-text)}.button--danger{background-color:#f44;color:#fff}.button--ghost{background-color:transparent;color:var(--color-link)}.button--full{width:100%}.button--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.button--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-hint);border-radius:var(--radius-md);font-size:var(--font-size-md);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-button)}.input--textarea{resize:vertical;min-height:100px}.select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-hint);border-radius:var(--radius-md);font-size:var(--font-size-md);background-color:var(--color-bg);color:var(--color-text);cursor:pointer}.checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox__input{width:20px;height:20px;accent-color:var(--color-button)}.checkbox__label{font-size:var(--font-size-md)}.profile{margin-bottom:var(--spacing-xl)}.profile__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.profile__avatar{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-secondary-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl)}.profile__info{flex:1}.profile__name{font-size:var(--font-size-lg);font-weight:600}.profile__balance{font-size:var(--font-size-sm);color:var(--color-hint)}.profile__section{margin-bottom:var(--spacing-lg)}.profile__section-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm)}.profile__adult-hint{color:var(--color-hint);font-size:var(--font-size-sm)}.catalog{margin-bottom:var(--spacing-xl)}.catalog__title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.catalog__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-hint)}.ticket{background-color:var(--color-secondary-bg);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.ticket__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);cursor:pointer}.ticket__info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--spacing-sm)}.ticket__id{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap}.ticket__preview{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-hint);white-space:nowrap;overflow:hidden;mask-image:linear-gradient(to right,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 70%,transparent 100%)}.ticket__status{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.ticket__status--open{background-color:#4caf50;color:#fff}.ticket__status--closed{background-color:var(--color-hint);color:#fff}.ticket__messages{margin-top:var(--spacing-md)}.ticket__message{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md)}.ticket__message--user{background-color:var(--color-button);color:var(--color-button-text);margin-left:var(--spacing-lg)}.ticket__message--support{background-color:var(--color-bg);margin-right:var(--spacing-lg)}.ticket__message-label{font-weight:600;margin-right:var(--spacing-xs)}.ticket__form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ticket__input{width:100%}.ticket__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.ticket__actions--support{justify-content:space-between}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.loading__spinner{width:40px;height:40px;border:3px solid var(--color-secondary-bg);border-top-color:var(--color-button);border-radius:50%;animation:spin 1s linear infinite}.loading__text{margin-top:var(--spacing-md);color:var(--color-hint)}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:var(--spacing-xl)}.error__icon{font-size:48px;margin-bottom:var(--spacing-md)}.error__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.error__message{color:var(--color-hint);margin-bottom:var(--spacing-lg)}.empty{text-align:center;padding:var(--spacing-xl);color:var(--color-hint)}.empty__icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty__text{font-size:var(--font-size-md)}.u-hidden{display:none!important}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-mt-sm{margin-top:var(--spacing-sm)}.u-mt-md{margin-top:var(--spacing-md)}.u-mt-lg{margin-top:var(--spacing-lg)}.u-mb-sm{margin-bottom:var(--spacing-sm)}.u-mb-md{margin-bottom:var(--spacing-md)}.u-mb-lg{margin-bottom:var(--spacing-lg)}