.admin-stats-container{margin-top:20px}.admin-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-stats-header h2{font-size:24px;font-weight:700;margin:0;color:var(--tg-theme-text-color)}.btn-refresh{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s;padding:0}.btn-refresh:hover:not(:disabled){background:var(--tg-theme-hint-color, #e0e0e0);transform:rotate(90deg)}.btn-refresh:active:not(:disabled){transform:rotate(90deg) scale(.95)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.stat-card{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:16px;padding:24px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:48px;margin-bottom:12px}.stat-value{font-size:36px;font-weight:700;color:var(--tg-theme-button-color, #3390ec);margin-bottom:8px;line-height:1.2}.stat-label{font-size:14px;color:var(--tg-theme-hint-color, #999);line-height:1.4}.last-update{text-align:center;font-size:12px;color:var(--tg-theme-hint-color, #999);margin-top:16px;padding-top:16px;border-top:1px solid var(--tg-theme-hint-color, #e0e0e0)}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:14px;color:var(--tg-theme-hint-color, #999)}.spinner-small{border:2px solid var(--tg-theme-hint-color, #e0e0e0);border-top:2px solid var(--tg-theme-button-color, #3390ec);border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}.servers-stats-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--tg-theme-hint-color, #e0e0e0)}.servers-stats-title{font-size:18px;font-weight:600;color:var(--tg-theme-text-color);margin-bottom:16px}.servers-stats-list{display:flex;flex-direction:column;gap:12px}.server-stats-item{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s,box-shadow .2s}.server-stats-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.server-stats-flag{font-size:32px;line-height:1;flex-shrink:0}.server-stats-info{flex:1;display:flex;flex-direction:column;gap:4px}.server-stats-name{font-size:16px;font-weight:500;color:var(--tg-theme-text-color);line-height:1.4}.server-stats-count{font-size:14px;color:var(--tg-theme-hint-color, #999);line-height:1.4}@media(min-width:480px){.stats-grid{grid-template-columns:repeat(3,1fr)}.server-stats-info{flex-direction:row;align-items:center;justify-content:space-between}.server-stats-count{font-size:16px;font-weight:600;color:var(--tg-theme-button-color, #3390ec)}}.container{max-width:500px;margin:0 auto;padding:16px}.header{text-align:center;padding:20px 0;border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0);margin-bottom:24px}.header h1{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--tg-theme-text-color)}.header p{font-size:14px;color:var(--tg-theme-hint-color, #999)}.purchase-form{margin-bottom:20px}.form-section{margin-bottom:24px}.form-section h3{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--tg-theme-text-color)}.traffic-info{text-align:center;color:var(--tg-theme-hint-color);font-size:14px;margin-bottom:16px}.tariff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tariff-card{position:relative;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;text-align:center;color:#fff}.tariff-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tariff-card.selected{border-color:var(--tg-theme-button-color, #3390ec);background:var(--tg-theme-button-color, #3390ec);color:#fff}.tariff-card.popular{border-color:orange}.popular-badge{position:absolute;top:-8px;right:-8px;background:orange;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:12px}.tariff-label{font-size:16px;font-weight:600;margin-bottom:8px}.tariff-price{font-size:24px;font-weight:700;margin-bottom:4px}.tariff-traffic{font-size:12px;opacity:.8}.tariff-card:disabled{opacity:.5;cursor:not-allowed}.purchase-summary{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--tg-theme-text-color)}.summary-row.total{border-top:1px solid var(--tg-theme-hint-color, #e0e0e0);margin-top:8px;padding-top:12px;font-size:18px;font-weight:600}.purchase-note{text-align:center;font-size:12px;color:var(--tg-theme-hint-color, #999);margin-top:12px}.status-card{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.status-header h2{font-size:18px;font-weight:600;color:var(--tg-theme-text-color)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.active{background:#34c759;color:#fff}.status-badge.expired{background:#ff3b30;color:#fff}.status-badge.inactive{background:#8e8e93;color:#fff}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0)}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--tg-theme-hint-color, #999)}.info-value{font-size:16px;font-weight:600;color:var(--tg-theme-text-color)}.btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;text-decoration:none}.btn-primary{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff)}.btn-primary:active{transform:scale(.98);opacity:.8}.btn-secondary{background:var(--tg-theme-secondary-bg-color, #f5f5f5);color:var(--tg-theme-text-color, #000000)}.btn-secondary:active{transform:scale(.98);opacity:.8}.btn:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:40px;color:var(--tg-theme-text-color)}.spinner{border:3px solid var(--tg-theme-hint-color, #e0e0e0);border-top:3px solid var(--tg-theme-button-color, #3390ec);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:#ff3b30;color:#fff;padding:16px;border-radius:12px;margin-bottom:20px;text-align:center}.no-subscription{text-align:center;padding:40px 20px}.no-subscription .emoji{font-size:64px;margin-bottom:16px}.no-subscription h2{font-size:24px;margin-bottom:12px;color:var(--tg-theme-text-color)}.no-subscription p{font-size:14px;color:var(--tg-theme-hint-color, #999);margin-bottom:24px}.servers-list{margin-top:20px}.servers-list h3{margin-bottom:12px;font-size:16px;color:var(--tg-theme-text-color)}.server-item{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:12px 16px;margin-bottom:8px;display:flex;align-items:flex-start;gap:12px}.server-flag{font-size:24px;flex-shrink:0}.server-info{flex:1;min-width:0}.server-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.server-name{font-weight:600;font-size:15px;color:var(--tg-theme-text-color);flex:1}.server-status{font-size:12px;flex-shrink:0}.server-status.online{color:#34c759}.server-status.offline{color:#ff3b30}.server-status.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.server-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--tg-theme-hint-color, #999)}.server-stat{padding:2px 6px;background:var(--tg-theme-bg-color, #ffffff);border-radius:4px}.routing-toggle{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;margin-bottom:12px}.routing-toggle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.routing-label{font-weight:600;font-size:16px;color:var(--tg-theme-text-color)}.routing-switch{position:relative;width:50px;height:28px;background:var(--tg-theme-hint-color, #ccc);border-radius:14px;border:none;cursor:pointer;transition:background .3s;padding:0;outline:none}.routing-switch.enabled{background:var(--tg-theme-button-color, #34c759)}.routing-switch.disabled{background:var(--tg-theme-hint-color, #ccc)}.routing-switch-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.routing-switch.enabled .routing-switch-slider{transform:translate(22px)}.routing-switch.disabled .routing-switch-slider{transform:translate(2px)}.routing-description{font-size:13px;color:var(--tg-theme-hint-color, #999);margin:0;line-height:1.4}.text-center{text-align:center}.text-hint{color:var(--tg-theme-hint-color, #999)}.app-download-links{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.app-link{flex:1;padding:12px;border-radius:10px;font-size:13px;font-weight:600;text-align:center;text-decoration:none;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.app-link-ios{background:#000;color:#fff}.app-link-ios:active{transform:scale(.98);opacity:.8}.app-link-android{background:#34a853;color:#fff}.app-link-android:active{transform:scale(.98);opacity:.8}.app-link-windows{background:#0078d4;color:#fff}.app-link-windows:active{transform:scale(.98);opacity:.8}.device-list-container{margin-top:1.5rem;border:1px solid #e0e0e0;border-radius:12px;background:#fff;overflow:hidden}.device-list-toggle{width:100%;padding:1rem 1.25rem;background:#f8f9fa;border:none;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:#333;transition:background-color .2s;text-align:left}.device-list-toggle:hover{background:#e9ecef}.device-list-toggle:active{background:#dee2e6}.device-list-toggle-icon{font-size:.875rem;color:#666;transition:transform .2s;flex-shrink:0}.device-list-toggle-text{flex:1}.device-list-content{padding:1rem;background:#fff}.device-list-loading,.device-list-empty{text-align:center;padding:1.5rem;color:#666;font-size:.9rem}.device-list{display:flex;flex-direction:column;gap:.75rem}.device-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;transition:background-color .2s}.device-item:hover{background:#e9ecef}.device-item-info{flex:1;min-width:0}.device-item-name{font-weight:500;color:#333;margin-bottom:.25rem;font-size:.95rem}.device-item-name-editable{cursor:pointer;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:4px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.device-item-name-editable:hover{background-color:#f0f0f0}.device-item-name-edit{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.device-item-name-input{flex:1;padding:.375rem .5rem;border:1px solid #0078d4;border-radius:4px;font-size:.95rem;font-weight:500;color:#333;background:#fff;outline:none;font-family:inherit}.device-item-name-input:focus{border-color:#005a9e;box-shadow:0 0 0 2px #0078d41a}.device-item-name-input:disabled{opacity:.6;cursor:not-allowed}.device-item-saving{color:#666;font-size:.85rem}.device-item-meta{display:flex;flex-direction:column;gap:.25rem}.device-item-last-seen{font-size:.85rem;color:#666}.device-item-delete{color:#fff;border:none;border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-size:1rem;transition:background-color .2s,transform .1s;flex-shrink:0;margin-left:.75rem;min-width:40px;display:flex;align-items:center;justify-content:center}.device-item-delete:hover:not(:disabled){background:#c00}.device-item-delete:active:not(:disabled){transform:scale(.95)}.device-item-delete:disabled{opacity:.6;cursor:not-allowed}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0)}.tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:16px;font-weight:500;color:var(--tg-theme-hint-color, #999);cursor:pointer;transition:all .2s;text-align:center}.tab:hover{color:var(--tg-theme-text-color, #000)}.tab.active{color:var(--tg-theme-button-color, #3390ec);border-bottom-color:var(--tg-theme-button-color, #3390ec)}.referral-program{margin-top:20px}.referral-header{text-align:center;margin-bottom:24px}.referral-header h2{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--tg-theme-text-color)}.referral-header p{font-size:14px;color:var(--tg-theme-hint-color, #999)}.referral-link-section{margin-bottom:24px}.referral-link-box{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;margin-bottom:16px}.referral-link-box label{display:block;font-size:14px;font-weight:600;color:var(--tg-theme-hint-color, #999);margin-bottom:8px}.referral-link-value{font-size:13px;color:var(--tg-theme-text-color);word-break:break-all;padding:8px;background:var(--tg-theme-bg-color, #ffffff);border-radius:8px;font-family:monospace}.referral-buttons{display:flex;flex-direction:column;gap:12px}.referral-buttons .button{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.button-primary{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff)}.button-primary:active:not(:disabled){transform:scale(.98);opacity:.8}.button-primary:disabled{opacity:.6;cursor:not-allowed}.button-secondary{background:var(--tg-theme-secondary-bg-color, #f5f5f5);color:var(--tg-theme-text-color)}.button-secondary:active{transform:scale(.98);opacity:.8}.referral-stats{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:36px;font-weight:700;color:var(--tg-theme-button-color, #3390ec);margin-bottom:8px}.stat-label{font-size:14px;color:var(--tg-theme-hint-color, #999)}.referral-list{margin-top:24px}.referral-list h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--tg-theme-text-color)}.referral-items{display:flex;flex-direction:column;gap:12px}.referral-item{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.referral-item-name{font-size:16px;font-weight:500;color:var(--tg-theme-text-color)}.referral-item-date{font-size:14px;color:var(--tg-theme-hint-color, #999)}.referral-empty{text-align:center;padding:40px 20px;color:var(--tg-theme-hint-color, #999)}.referral-empty p{font-size:15px;margin-bottom:8px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;overflow-y:auto}.modal-container{background:var(--tg-theme-bg-color, #ffffff);border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--tg-theme-hint-color, #e0e0e0);flex-shrink:0}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--tg-theme-text-color)}.modal-close{background:none;border:none;font-size:24px;color:var(--tg-theme-hint-color, #999);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.modal-close:hover{background:var(--tg-theme-secondary-bg-color, #f5f5f5);color:var(--tg-theme-text-color)}.modal-close:active{transform:scale(.9)}.modal-content{padding:20px;overflow-y:auto;flex:1}.instruction-section{margin-bottom:32px}.instruction-section:last-of-type{margin-bottom:24px}.step-title{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:18px;font-weight:600;color:var(--tg-theme-text-color)}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--tg-theme-button-color, #3390ec);color:#fff;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.instruction-auto-connect{margin-bottom:24px;padding:20px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;text-align:center;border:2px solid var(--tg-theme-button-color, #3390ec)}.instruction-auto-connect .btn{margin-bottom:8px}.instruction-auto-connect-hint{margin:0;font-size:13px;color:var(--tg-theme-hint-color, #999);line-height:1.5}.instruction-platform{margin-bottom:24px;padding:16px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px}.instruction-platform:last-child{margin-bottom:0}.current-platform-section{border:2px solid transparent}.current-platform-highlight{border-color:var(--tg-theme-success-color, #3bb54a)}.current-platform-actions{margin:12px 0 16px}.download-button-large{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s,opacity .2s}.download-button-large:hover{opacity:.9}.download-button-large:active{transform:scale(.98)}.instruction-accordion{margin-top:16px}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border:1px solid var(--tg-theme-hint-color, #e0e0e0);border-radius:10px;font-size:14px;font-weight:600;color:var(--tg-theme-text-color);cursor:pointer}.accordion-icon{display:inline-flex;transition:transform .2s ease}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{margin-top:12px;display:none}.accordion-content.open{display:block}.instruction-platform h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--tg-theme-text-color)}.instruction-steps{margin:0;padding-left:20px;color:var(--tg-theme-text-color)}.instruction-steps li{margin-bottom:10px;line-height:1.6;font-size:14px}.instruction-steps li:last-child{margin-bottom:0}.instruction-steps li strong{color:var(--tg-theme-button-color, #3390ec);font-weight:600}.instruction-steps a{color:var(--tg-theme-button-color, #3390ec);text-decoration:underline}.instruction-steps a:hover{text-decoration:none}.instruction-steps-nested{margin-top:8px;padding-left:20px;list-style-type:lower-alpha}.instruction-steps-nested li{margin-bottom:8px;line-height:1.6;font-size:13px}.instruction-steps-nested li:last-child{margin-bottom:0}.modal-actions{margin-top:24px;padding-top:24px;border-top:1px solid var(--tg-theme-hint-color, #e0e0e0);text-align:center}.modal-actions .btn{margin-bottom:12px}.modal-hint{margin:0;font-size:12px;color:var(--tg-theme-hint-color, #999);line-height:1.5}.modal-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--tg-theme-hint-color, #e0e0e0);text-align:center}.docs-link{color:var(--tg-theme-button-color, #3390ec);text-decoration:none;font-size:13px;display:inline-block;transition:opacity .2s}.docs-link:hover{opacity:.8;text-decoration:underline}.inline-copy-button{display:inline-block;padding:4px 8px;margin:0 4px;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;vertical-align:middle}.inline-copy-button:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.inline-copy-button:active:not(:disabled){transform:scale(.95)}.inline-copy-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.modal-container{max-height:95vh;border-radius:16px 16px 0 0}.modal-overlay{padding:0;align-items:flex-end}.modal-header,.modal-content{padding:16px}.step-title{font-size:16px}.instruction-platform{padding:12px}.instruction-steps{font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}