:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f1f1f1}[data-theme=dark]{--tg-theme-bg-color: #212121;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #707579;--tg-theme-link-color: #6ab7ff;--tg-theme-button-color: #5288c1;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #181818}body{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.3) 0%,transparent 50%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;min-height:100vh;transition:background-color .3s ease,color .3s ease;text-rendering:optimizeLegibility;font-size:clamp(14px,1rem,18px)}h1,h2,h3,h4,h5,h6{text-shadow:0 2px 8px rgba(0,0,0,.3);font-weight:700;letter-spacing:-.02em}p,span,div{text-shadow:0 1px 4px rgba(0,0,0,.2)}.model-selector,.subscription-purchase,.user-info,.orders-history,.token-history{color:#fffffff2}@media (max-width: 360px){body{font-size:clamp(12px,.875rem,16px)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@keyframes pulse{0%,to{opacity:1}}@keyframes slideDown{0%,to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes fadeIn{0%,to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}}}#root{min-height:100vh;display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.loading-spinner{width:50px;height:50px;border:4px solid var(--tg-theme-secondary-bg-color);border-top-color:var(--tg-theme-button-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.loading-text{color:var(--tg-theme-hint-color);font-size:16px}.error-message{color:#f44;text-align:center;padding:20px;background-color:var(--tg-theme-secondary-bg-color);border-radius:8px;margin:20px}.user-info h2{margin-bottom:16px;font-size:24px}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--tg-theme-hint-color)}.info-item:last-child{border-bottom:none}.info-label{color:var(--tg-theme-hint-color);font-size:14px}.info-value{font-weight:600;font-size:16px}.info-value.warning{color:#ff6b6b;font-weight:700}.dashboard{min-height:100vh;display:flex;flex-direction:column}.tabs-container{position:sticky;top:0;z-index:100}.tabs{position:relative}.tabs::-webkit-scrollbar{display:none}.category-filters::-webkit-scrollbar{display:none}@media (max-width: 360px){.category-filter-text{display:none}}.content{flex:1}.model-selector,.subscription-purchase,.orders-history,.token-history{max-width:100%}.model-card,.plan-card{transition:transform .2s ease,box-shadow .2s ease}.model-card:hover:not(.selected){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.loading{text-align:center;padding:2rem;color:var(--tg-theme-hint-color)}.error-message{padding:1rem;background-color:#ff44441a;border:1px solid #ff4444;border-radius:8px;margin-bottom:1rem}.success-message{padding:1rem;background-color:#4caf501a;border:1px solid #4caf50;border-radius:8px;margin-bottom:1rem}.tabs button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .3s ease}.tabs button:hover{background:#ffffff26}.tabs button.active{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 16px #fff3}.user-info{color:#fff}.model-selector,.subscription-purchase,.orders-history,.token-history{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:0;color:#fff;box-shadow:none}.user-info h2,.model-selector h2,.subscription-purchase h2,.orders-history h2,.token-history h2{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.model-card,.plan-card,.order-item,.history-item{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .3s ease}.model-card:hover,.plan-card:hover,.order-item:hover,.history-item:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.model-card.selected{background:#ffffff4d!important;border-color:#ffffff80!important;box-shadow:0 8px 24px #ffffff4d!important}.plan-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{transform:translateY(-4px)!important}.plan-card:active{transform:translateY(-2px) scale(.98)!important}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.05);opacity:.9}}.plan-card button{position:relative;overflow:hidden}.plan-card button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.plan-card button:active:before{width:300px;height:300px}@media (max-width: 360px){.model-card,.plan-card{padding:.75rem!important;margin-bottom:.75rem!important}.category-filters{padding:.3rem!important;gap:.3rem!important}.category-filters button{padding:.3rem .5rem!important;font-size:.75rem!important}.plan-card .price-block{padding:.6rem!important;font-size:.9rem!important}.plan-card button{padding:.7rem!important;font-size:.85rem!important}}.search-input::placeholder{color:#ffffffb3!important;opacity:1}.search-input::-webkit-input-placeholder{color:#ffffffb3!important;opacity:1}.search-input::-moz-placeholder{color:#ffffffb3!important;opacity:1}.search-input:-ms-input-placeholder{color:#ffffffb3!important;opacity:1}.plan-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px #0000004d!important}.model-card.selected{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 8px 24px #ffffff4d}.statistics{background:#ffffff26;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);color:#fff}.statistics h3{color:#fff}.plan-card button,.pagination button{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;transition:all .3s ease}.plan-card button:hover:not(:disabled),.pagination button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 16px #fff3}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:#fff3;height:8px;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:2px solid rgba(255,255,255,.5);height:20px;width:20px;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea80}input[type=range]::-moz-range-track{background:#fff3;height:8px;border-radius:4px;border:none}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:2px solid rgba(255,255,255,.5);height:20px;width:20px;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea80}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}