:root{--tg-bg-color: var(--tg-theme-bg-color, #ffffff);--tg-text-color: var(--tg-theme-text-color, #333333);--tg-hint-color: var(--tg-theme-hint-color, #666666);--tg-link-color: var(--tg-theme-link-color, #1976D2);--tg-button-color: var(--tg-theme-button-color, #1976D2);--tg-button-text-color: var(--tg-theme-button-text-color, #ffffff)}[data-theme=dark]{color-scheme:dark;--primary-color: #64B5F6;--primary-dark: #1976D2;--bg-color: #121212;--surface-color: #1E1E1E;--text-primary: #FFFFFF;--text-secondary: #B0B0B0}body{background-color:var(--tg-bg-color, var(--bg-color));color:var(--tg-text-color, var(--text-primary));transition:background-color .3s,color .3s}:root{--primary-color: #FF5722;--primary-dark: #E64A19;--primary-light: #FF8A65;--accent-color: #FF9800;--bg-color: #FAFAFA;--surface-color: #FFFFFF;--surface-hover: #F5F5F5;--text-primary: #212121;--text-secondary: #757575;--text-light: #9E9E9E;--text-on-primary: #FFFFFF;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--border-radius: 16px;--border-radius-sm: 12px;--border-radius-lg: 20px;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.16);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease}@media (prefers-color-scheme: dark){:root{--bg-color: #121212;--surface-color: #1E1E1E;--surface-hover: #2D2D2D;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-light: #808080}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;scroll-behavior:smooth;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--text-primary);background:var(--bg-color);margin:0;padding:0;min-height:100vh;overflow-x:hidden;position:fixed;width:100%;height:100%}#app{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.mobile-container{max-width:100%;margin:0 auto;padding:0 var(--space-md)}.mobile-page{padding:var(--space-md);padding-bottom:80px;min-height:100vh}.mobile-card{background:var(--surface-color);border-radius:var(--border-radius);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-fast)}.mobile-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.mobile-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-md) var(--space-lg);background:var(--primary-color);color:var(--text-on-primary);border:none;border-radius:var(--border-radius);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;min-height:48px}.mobile-btn:active{background:var(--primary-dark);transform:translateY(1px)}.mobile-btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--text-light)}.mobile-btn-icon{width:auto;padding:var(--space-sm);min-height:44px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface-color);border-top:1px solid rgba(0,0,0,.1);padding:var(--space-xs) 0;z-index:1000;display:flex;justify-content:space-around;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-sm);text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-xs);flex:1;min-width:0;transition:color var(--transition-fast)}.mobile-nav-item.active{color:var(--primary-color)}.mobile-nav-icon{width:24px;height:24px;margin-bottom:2px;fill:currentColor}.mobile-header{background:var(--surface-color);padding:var(--space-md);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100}.mobile-title{font-size:var(--font-size-xl);font-weight:700;margin:0;color:var(--text-primary)}.mobile-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0 0}.mobile-list{list-style:none;padding:0;margin:0}.mobile-list-item{padding:var(--space-md);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;transition:background var(--transition-fast)}.mobile-list-item:active{background:var(--surface-hover)}.mobile-list-item:last-child{border-bottom:none}.mobile-input{width:100%;padding:var(--space-md);border:1px solid var(--text-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);background:var(--surface-color);color:var(--text-primary);margin-bottom:var(--space-md)}.mobile-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ff572233}.mobile-badge{display:inline-flex;padding:4px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;align-items:center}.badge-live{background:#FF5252;color:#fff;animation:pulse 1.5s infinite}.badge-success{background:#4CAF50;color:#fff}.badge-warning{background:#FF9800;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.match-card-mobile{background:var(--surface-color);border-radius:var(--border-radius);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);position:relative}.match-teams-mobile{display:flex;align-items:center;justify-content:space-between;margin:var(--space-md) 0}.team-mobile{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.team-name-mobile{font-weight:600;font-size:var(--font-size-md);margin-top:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.score-mobile{font-size:var(--font-size-xl);font-weight:700;margin:0 var(--space-md);min-width:60px;text-align:center}.mobile-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}@media (max-width: 480px){:root{--space-md: 12px;--space-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 20px}.mobile-page{padding:var(--space-sm);padding-bottom:70px}}@supports (padding: max(0px)){.mobile-page{padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));padding-bottom:max(80px,env(safe-area-inset-bottom))}.mobile-bottom-nav{padding-bottom:max(var(--space-xs),env(safe-area-inset-bottom))}}.mobile-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--bg-color)}.loader-spinner{width:40px;height:40px;border:3px solid var(--surface-hover);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.grid[data-v-1dede888]{display:grid}.grid-cols-2[data-v-1dede888]{grid-template-columns:repeat(2,1fr)}.grid-cols-3[data-v-1dede888]{grid-template-columns:repeat(3,1fr)}.text-primary[data-v-1dede888]{color:var(--primary-color)}.text-gray-600[data-v-1dede888]{color:var(--text-secondary)}.text-red-500[data-v-1dede888]{color:#f44336}.text-green-500[data-v-1dede888]{color:#4caf50}.bg-gray-200[data-v-1dede888]{background:var(--surface-hover)}.text-lg[data-v-1dede888]{font-size:var(--font-size-lg)}.text-sm[data-v-1dede888]{font-size:var(--font-size-sm)}.text-xs[data-v-1dede888]{font-size:var(--font-size-xs)}.font-bold[data-v-1dede888]{font-weight:700}.font-medium[data-v-1dede888]{font-weight:600}.truncate[data-v-1dede888]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-10[data-v-1dede888]{width:40px}.h-10[data-v-1dede888]{height:40px}.w-8[data-v-1dede888]{width:32px}.h-8[data-v-1dede888]{height:32px}.flex-1[data-v-1dede888]{flex:1}.matches-page[data-v-c61d18c1]{min-height:100vh;background:var(--bg-color);padding-bottom:100px}.page-header[data-v-c61d18c1]{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-md);position:sticky;top:0;z-index:1000}.header-content[data-v-c61d18c1]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-lg)}.back-btn[data-v-c61d18c1]{display:flex;align-items:center;gap:var(--space-xs);background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-weight:500}.back-btn[data-v-c61d18c1]:hover{background:var(--surface-hover);transform:translate(-2px)}.page-title[data-v-c61d18c1]{flex:1}.page-title h1[data-v-c61d18c1]{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xl)}.page-subtitle[data-v-c61d18c1]{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.page-icon[data-v-c61d18c1]{width:32px;height:32px;opacity:.8}.matches-content[data-v-c61d18c1]{max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.loading[data-v-c61d18c1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl);color:var(--text-secondary)}.no-matches[data-v-c61d18c1]{padding:var(--space-xxl) var(--space-md)}.no-matches-card[data-v-c61d18c1]{max-width:400px;margin:0 auto;padding:var(--space-xl);text-align:center}.no-matches-icon[data-v-c61d18c1]{font-size:4rem;margin-bottom:var(--space-lg);opacity:.7}.no-matches-card h3[data-v-c61d18c1]{margin:0 0 var(--space-sm) 0}.no-matches-card p[data-v-c61d18c1]{margin:0 0 var(--space-lg) 0;color:var(--text-secondary)}.retry-btn[data-v-c61d18c1]{padding:var(--space-sm) var(--space-lg)}.matches-list[data-v-c61d18c1]{display:flex;flex-direction:column;gap:var(--space-md)}.match-card[data-v-c61d18c1]{padding:0;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;border:1px solid var(--border-light)}.match-card[data-v-c61d18c1]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.match-card.live[data-v-c61d18c1]{border-left:4px solid var(--primary-color)}.match-background[data-v-c61d18c1]{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;pointer-events:none}.status-scheduled[data-v-c61d18c1]{background:var(--gradient-accent)}.status-live[data-v-c61d18c1]{background:var(--gradient-primary);animation:pulseBackground-c61d18c1 2s infinite}.status-finished[data-v-c61d18c1]{background:var(--gradient-success)}@keyframes pulseBackground-c61d18c1{0%,to{opacity:.05}50%{opacity:.1}}.match-content[data-v-c61d18c1]{position:relative;z-index:2;padding:var(--space-lg);background:rgba(255,255,255,.9)}[data-theme=dark] .match-content[data-v-c61d18c1]{background:rgba(42,37,32,.9)}.match-header[data-v-c61d18c1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.league-info[data-v-c61d18c1]{display:flex;align-items:center;gap:var(--space-sm)}.league-icon[data-v-c61d18c1]{width:36px;height:36px;flex-shrink:0}.league-icon-placeholder[data-v-c61d18c1]{width:100%;height:100%;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);font-weight:700;font-size:var(--font-size-sm)}.league-name[data-v-c61d18c1]{font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary)}.match-time[data-v-c61d18c1]{font-weight:700;color:var(--primary-color);font-size:var(--font-size-md)}.teams[data-v-c61d18c1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);gap:var(--space-md)}.team[data-v-c61d18c1]{display:flex;align-items:center;gap:var(--space-sm);flex:1}.team.home[data-v-c61d18c1]{justify-content:flex-start}.team.away[data-v-c61d18c1]{justify-content:flex-end}.team-logo[data-v-c61d18c1]{width:44px;height:44px;flex-shrink:0}.team-logo-placeholder[data-v-c61d18c1]{width:100%;height:100%;background:var(--gradient-warm);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-on-primary);font-size:var(--font-size-md)}.team-name[data-v-c61d18c1]{font-weight:600;font-size:var(--font-size-md);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team.away .team-name[data-v-c61d18c1]{text-align:right}.match-center[data-v-c61d18c1]{display:flex;flex-direction:column;align-items:center;min-width:120px}.score[data-v-c61d18c1],.vs[data-v-c61d18c1]{padding:var(--space-xs) 0;font-weight:700;color:var(--primary-color)}.score-value[data-v-c61d18c1]{font-size:var(--font-size-xl);font-weight:800}.vs[data-v-c61d18c1]{font-size:var(--font-size-lg)}.match-date[data-v-c61d18c1]{font-size:var(--font-size-xs);color:var(--text-light);margin-top:var(--space-xs)}.match-footer[data-v-c61d18c1]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid var(--border-light)}.match-status-info[data-v-c61d18c1]{display:flex;align-items:center;gap:var(--space-sm)}.status[data-v-c61d18c1]{font-size:var(--font-size-sm);color:var(--text-secondary)}.view-btn[data-v-c61d18c1]{padding:var(--space-xs) var(--space-md);font-weight:600}.pagination[data-v-c61d18c1]{margin-top:var(--space-xl)}.pagination-card[data-v-c61d18c1]{padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.page-info[data-v-c61d18c1]{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.page-btn[data-v-c61d18c1]{padding:var(--space-sm) var(--space-md);min-width:100px}.page-btn[data-v-c61d18c1]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.header-content[data-v-c61d18c1]{flex-direction:column;gap:var(--space-md);text-align:center}.back-btn[data-v-c61d18c1]{align-self:flex-start}.pagination-card[data-v-c61d18c1]{flex-direction:column;gap:var(--space-md)}.page-info[data-v-c61d18c1]{order:-1}.teams[data-v-c61d18c1]{flex-direction:column;gap:var(--space-md)}.team[data-v-c61d18c1]{justify-content:center!important;width:100%}.team-name[data-v-c61d18c1]{max-width:180px}.match-center[data-v-c61d18c1]{order:-1;margin-bottom:var(--space-md)}.match-footer[data-v-c61d18c1]{flex-direction:column;gap:var(--space-md);align-items:stretch}.view-btn[data-v-c61d18c1]{width:100%}.matches-content[data-v-c61d18c1]{padding:var(--space-md)}}@media (max-width: 480px){.team-logo[data-v-c61d18c1]{width:36px;height:36px}.team-name[data-v-c61d18c1]{font-size:var(--font-size-sm);max-width:120px}.score-value[data-v-c61d18c1]{font-size:var(--font-size-lg)}.vs[data-v-c61d18c1]{font-size:var(--font-size-md)}}.leagues-page[data-v-bc3df119]{min-height:100vh;background:var(--bg-color);padding-bottom:100px}.page-header[data-v-bc3df119]{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-md);position:sticky;top:0;z-index:1000}.header-content[data-v-bc3df119]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-lg)}.back-btn[data-v-bc3df119]{display:flex;align-items:center;gap:var(--space-xs);background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-weight:500}.back-btn[data-v-bc3df119]:hover{background:var(--surface-hover);transform:translate(-2px)}.page-title[data-v-bc3df119]{flex:1}.page-title h1[data-v-bc3df119]{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xl)}.page-subtitle[data-v-bc3df119]{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.page-icon[data-v-bc3df119]{width:32px;height:32px;opacity:.8}.search-section[data-v-bc3df119]{max-width:1200px;margin:var(--space-lg) auto;padding:0 var(--space-md)}.search-card[data-v-bc3df119]{padding:var(--space-md)}.search-container[data-v-bc3df119]{display:flex;align-items:center;gap:var(--space-sm);position:relative}.search-icon[data-v-bc3df119]{position:absolute;left:var(--space-md);width:20px;height:20px;z-index:1;opacity:.7}.search-input[data-v-bc3df119]{width:100%;padding:1rem 3.5rem 1rem 3rem;border:2px solid var(--border-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);background:var(--surface-color);color:var(--text-primary);transition:all var(--transition-normal)}.search-input[data-v-bc3df119]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7b471a;transform:translateY(-1px)}.clear-search[data-v-bc3df119]{position:absolute;right:var(--space-sm);padding:var(--space-xs);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.leagues-content[data-v-bc3df119]{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.loading[data-v-bc3df119]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl);color:var(--text-secondary)}.no-results[data-v-bc3df119]{padding:var(--space-xxl) var(--space-md)}.no-results-card[data-v-bc3df119]{max-width:400px;margin:0 auto;padding:var(--space-xl);text-align:center}.no-results-icon[data-v-bc3df119]{font-size:4rem;margin-bottom:var(--space-lg);opacity:.7}.no-results-card h3[data-v-bc3df119]{margin:0 0 var(--space-sm) 0}.no-results-card p[data-v-bc3df119]{margin:0 0 var(--space-lg) 0;color:var(--text-secondary)}.retry-btn[data-v-bc3df119]{padding:var(--space-sm) var(--space-lg)}.search-info[data-v-bc3df119]{margin-bottom:var(--space-lg)}.search-info-card[data-v-bc3df119]{padding:var(--space-md);display:flex;justify-content:space-between;align-items:center}.search-count[data-v-bc3df119]{color:var(--text-secondary);font-size:var(--font-size-sm)}.search-count strong[data-v-bc3df119]{color:var(--primary-color)}.clear-search-btn[data-v-bc3df119]{padding:var(--space-xs) var(--space-sm)}.leagues-list[data-v-bc3df119]{display:flex;flex-direction:column;gap:var(--space-md)}.league-card[data-v-bc3df119]{padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.league-card[data-v-bc3df119]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.league-content[data-v-bc3df119]{display:flex;align-items:center;gap:var(--space-lg);position:relative;z-index:2}.league-icon[data-v-bc3df119]{width:64px;height:64px;flex-shrink:0}.icon-circle[data-v-bc3df119]{width:100%;height:100%;background:var(--gradient-warm);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);font-weight:700;font-size:var(--font-size-xl);box-shadow:var(--shadow-sm)}.league-info[data-v-bc3df119]{flex:1}.league-info h3[data-v-bc3df119]{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-lg);font-weight:700}.league-meta[data-v-bc3df119]{display:flex;gap:var(--space-lg)}.meta-item[data-v-bc3df119]{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.meta-icon[data-v-bc3df119]{opacity:.7;font-size:.9rem}.league-arrow[data-v-bc3df119]{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:700;transition:transform var(--transition-fast)}.league-card:hover .league-arrow[data-v-bc3df119]{transform:translate(4px)}.league-decoration[data-v-bc3df119]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.decoration-dot[data-v-bc3df119]{position:absolute;border-radius:50%;background:var(--gradient-primary);opacity:.05}.dot-1[data-v-bc3df119]{width:100px;height:100px;top:-50px;right:-50px}.dot-2[data-v-bc3df119]{width:60px;height:60px;bottom:-30px;left:-30px;background:var(--gradient-accent)}@media (max-width: 768px){.header-content[data-v-bc3df119]{flex-direction:column;gap:var(--space-md);text-align:center}.back-btn[data-v-bc3df119]{align-self:flex-start}.league-content[data-v-bc3df119]{gap:var(--space-md)}.league-meta[data-v-bc3df119]{flex-direction:column;gap:var(--space-xs)}.league-icon[data-v-bc3df119]{width:56px;height:56px}.leagues-content[data-v-bc3df119]{padding:0 var(--space-sm)}}@media (max-width: 480px){.search-info-card[data-v-bc3df119]{flex-direction:column;gap:var(--space-md);text-align:center}.league-info h3[data-v-bc3df119]{font-size:var(--font-size-md)}.meta-item[data-v-bc3df119]{font-size:var(--font-size-xs)}}.profile-page[data-v-67b6509d]{min-height:100vh;background:var(--bg-color);padding-bottom:100px}.page-header[data-v-67b6509d]{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-md);position:sticky;top:0;z-index:1000}.header-content[data-v-67b6509d]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-lg)}.back-btn[data-v-67b6509d]{display:flex;align-items:center;gap:var(--space-xs);background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-weight:500}.back-btn[data-v-67b6509d]:hover{background:var(--surface-hover);transform:translate(-2px)}.page-title[data-v-67b6509d]{flex:1}.page-title h1[data-v-67b6509d]{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xl)}.page-subtitle[data-v-67b6509d]{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.profile-content[data-v-67b6509d]{max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.auth-required[data-v-67b6509d]{padding:var(--space-xxl) var(--space-md)}.auth-card[data-v-67b6509d]{max-width:400px;margin:0 auto;padding:var(--space-xl);text-align:center}.auth-icon[data-v-67b6509d]{font-size:4rem;margin-bottom:var(--space-lg);opacity:.7}.auth-card h3[data-v-67b6509d]{margin:0 0 var(--space-sm) 0}.auth-card p[data-v-67b6509d]{margin:0 0 var(--space-lg) 0;color:var(--text-secondary)}.profile-section[data-v-67b6509d]{margin-bottom:var(--space-xl)}.section-header[data-v-67b6509d]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.section-header h3[data-v-67b6509d]{margin:0;font-size:var(--font-size-lg);display:flex;align-items:center;gap:var(--space-sm)}.section-icon[data-v-67b6509d]{font-size:1.2rem}.user-card[data-v-67b6509d]{padding:var(--space-lg)}.user-header[data-v-67b6509d]{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-light)}.user-avatar[data-v-67b6509d]{position:relative}.avatar-circle[data-v-67b6509d]{width:80px;height:80px;background:var(--gradient-warm);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);font-weight:700;font-size:var(--font-size-xxl);box-shadow:var(--shadow-md)}.avatar-status[data-v-67b6509d]{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:var(--success-color);border:2px solid var(--surface-color);border-radius:50%}.user-details[data-v-67b6509d]{flex:1}.user-details h2[data-v-67b6509d]{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xl)}.user-username[data-v-67b6509d]{margin:0 0 var(--space-xs) 0;color:var(--primary-color);font-weight:500}.user-id[data-v-67b6509d]{margin:0;font-size:var(--font-size-xs);color:var(--text-light)}.refresh-btn[data-v-67b6509d]{padding:var(--space-xs);border-radius:50%;width:40px;height:40px}.user-stats[data-v-67b6509d]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.stat-card[data-v-67b6509d]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-hover);border-radius:var(--border-radius-sm);border:1px solid var(--border-light)}.stat-icon[data-v-67b6509d]{font-size:1.5rem;opacity:.8}.stat-content[data-v-67b6509d]{display:flex;flex-direction:column}.stat-value[data-v-67b6509d]{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}.stat-label[data-v-67b6509d]{font-size:var(--font-size-xs);color:var(--text-secondary)}.subscription-card.active[data-v-67b6509d]{padding:var(--space-lg);text-align:center;background:linear-gradient(135deg,var(--primary-extra-light) 0%,#FFF9F5 100%)}.subscription-status[data-v-67b6509d]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.status-icon[data-v-67b6509d]{font-size:1.2rem}.subscription-details[data-v-67b6509d]{margin-bottom:var(--space-lg)}.detail-item[data-v-67b6509d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);padding:var(--space-xs) 0;border-bottom:1px solid var(--border-light)}.detail-item[data-v-67b6509d]:last-child{border-bottom:none;margin-bottom:0}.detail-label[data-v-67b6509d]{color:var(--text-secondary)}.detail-value[data-v-67b6509d]{font-weight:600;color:var(--primary-color)}.extend-btn[data-v-67b6509d]{width:100%}.packages-title[data-v-67b6509d]{margin:0 0 var(--space-lg) 0;text-align:center;color:var(--text-secondary)}.packages-grid[data-v-67b6509d]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.package-card[data-v-67b6509d]{padding:var(--space-lg);border:2px solid var(--border-light);border-radius:var(--border-radius);transition:all var(--transition-normal);position:relative}.package-card.recommended[data-v-67b6509d]{border-color:var(--primary-color);position:relative;overflow:visible}.package-card.recommended[data-v-67b6509d]:before{content:"🔥 РЕКОМЕНДУЕМ";position:absolute;top:0;right:0;background:var(--gradient-primary);color:var(--text-on-primary);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:0 var(--border-radius) 0 var(--border-radius);z-index:2}.package-card.recommended .package-header h4[data-v-67b6509d]{color:var(--text-primary)}.package-card.recommended .package-features li[data-v-67b6509d]{color:var(--text-secondary)}.package-card.recommended .price-value[data-v-67b6509d]{color:var(--primary-color)}.package-card.recommended .savings-badge[data-v-67b6509d]{background:var(--gradient-success);color:var(--text-on-primary);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.package-header[data-v-67b6509d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.package-header h4[data-v-67b6509d]{margin:0;font-size:var(--font-size-lg)}.recommended-badge[data-v-67b6509d]{color:var(--error-color);font-size:1.2rem}.package-price[data-v-67b6509d]{text-align:center;margin-bottom:var(--space-md)}.price-main[data-v-67b6509d]{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs)}.price-value[data-v-67b6509d]{font-size:var(--font-size-xxl);font-weight:800;color:var(--primary-color)}.price-currency[data-v-67b6509d]{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color)}.price-period[data-v-67b6509d]{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.package-savings[data-v-67b6509d]{margin-bottom:var(--space-md);text-align:center}.package-features[data-v-67b6509d]{margin:0 0 var(--space-md) 0;padding:0;list-style:none}.package-features li[data-v-67b6509d]{display:flex;align-items:flex-start;gap:var(--space-xs);margin-bottom:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.feature-icon[data-v-67b6509d]{color:var(--success-color);font-weight:600;flex-shrink:0;margin-top:2px}.subscribe-btn[data-v-67b6509d]{width:100%}.balance-card[data-v-67b6509d]{padding:var(--space-lg)}.balance-options[data-v-67b6509d]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.option-card[data-v-67b6509d]{background:var(--surface-hover);border:2px solid transparent;border-radius:var(--border-radius-sm);padding:var(--space-md);text-align:center;cursor:pointer;transition:all var(--transition-normal)}.option-card.selected[data-v-67b6509d]{background:var(--primary-extra-light);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.option-amount[data-v-67b6509d]{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}.option-currency[data-v-67b6509d]{font-size:var(--font-size-md);font-weight:600;color:var(--primary-color)}.custom-amount[data-v-67b6509d]{grid-column:span 3}.custom-amount input[data-v-67b6509d]{width:100%;text-align:center;padding:var(--space-md)}.payment-methods[data-v-67b6509d]{margin-bottom:var(--space-lg)}.payment-methods h4[data-v-67b6509d]{margin:0 0 var(--space-md) 0;font-size:var(--font-size-md)}.methods-grid[data-v-67b6509d]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.method-card[data-v-67b6509d]{background:var(--surface-hover);border:2px solid transparent;border-radius:var(--border-radius-sm);padding:var(--space-md);text-align:center;cursor:pointer;transition:all var(--transition-normal)}.method-card.selected[data-v-67b6509d]{background:var(--primary-extra-light);border-color:var(--primary-color)}.method-icon[data-v-67b6509d]{font-size:1.5rem;margin-bottom:var(--space-xs)}.method-name[data-v-67b6509d]{font-size:var(--font-size-sm);font-weight:500}.payment-btn[data-v-67b6509d]{width:100%;padding:var(--space-md)}.settings-card[data-v-67b6509d]{padding:var(--space-lg)}.setting-item[data-v-67b6509d]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background-color var(--transition-fast)}.setting-item[data-v-67b6509d]:last-child{border-bottom:none}.setting-item[data-v-67b6509d]:hover{background-color:var(--surface-hover);margin:0 calc(-1 * var(--space-lg));padding:var(--space-md) var(--space-lg)}.setting-info[data-v-67b6509d]{display:flex;align-items:center;gap:var(--space-md);flex:1}.setting-icon[data-v-67b6509d]{font-size:1.2rem;opacity:.8}.setting-details[data-v-67b6509d]{display:flex;flex-direction:column}.setting-name[data-v-67b6509d]{font-weight:600;margin-bottom:2px}.setting-description[data-v-67b6509d]{font-size:var(--font-size-sm);color:var(--text-secondary)}.switch[data-v-67b6509d]{position:relative;display:inline-block;width:50px;height:24px}.switch input[data-v-67b6509d]{opacity:0;width:0;height:0}.slider[data-v-67b6509d]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s;border-radius:24px}.slider[data-v-67b6509d]:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--text-on-primary);transition:.4s;border-radius:50%}input:checked+.slider[data-v-67b6509d]{background-color:var(--primary-color)}input:checked+.slider[data-v-67b6509d]:before{transform:translate(26px)}.actions-grid[data-v-67b6509d]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.action-btn[data-v-67b6509d]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);border-radius:var(--border-radius)}.action-icon[data-v-67b6509d]{width:28px;height:28px;margin-bottom:var(--space-xs)}.action-btn.logout[data-v-67b6509d]{color:var(--error-color);border-color:var(--error-color)}.action-btn.logout[data-v-67b6509d]:hover{background-color:var(--error-color);color:var(--text-on-primary)}@media (max-width: 768px){.header-content[data-v-67b6509d]{flex-direction:column;gap:var(--space-md);text-align:center}.back-btn[data-v-67b6509d]{align-self:flex-start}.user-header[data-v-67b6509d]{flex-direction:column;text-align:center;gap:var(--space-md)}.user-stats[data-v-67b6509d],.packages-grid[data-v-67b6509d]{grid-template-columns:1fr}.balance-options[data-v-67b6509d]{grid-template-columns:repeat(2,1fr)}.custom-amount[data-v-67b6509d]{grid-column:span 2}.methods-grid[data-v-67b6509d]{grid-template-columns:1fr}.setting-item[data-v-67b6509d]:hover{margin:0;padding:var(--space-md) 0}.actions-grid[data-v-67b6509d]{grid-template-columns:1fr}}@media (max-width: 480px){.profile-content[data-v-67b6509d]{padding:var(--space-md)}.balance-options[data-v-67b6509d]{grid-template-columns:1fr}.custom-amount[data-v-67b6509d]{grid-column:span 1}}