:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}: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: #f4f4f5;--primary-color: #2481cc;--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336;--border-radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;padding:0;background-color:var(--tg-theme-bg-color)}.loader-container,.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loader,.spinner{width:48px;height:48px;border:4px solid var(--tg-theme-secondary-bg-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.spinner{width:20px;height:20px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.error-container,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;text-align:center}.error-container h2,.dashboard-error h3{font-size:24px;margin-bottom:12px}.error-container p,.dashboard-error p{color:var(--tg-theme-hint-color);margin-bottom:16px}.dashboard-error button{padding:12px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer}.dashboard{max-width:600px;margin:0 auto;padding:16px}.dashboard-header{text-align:center;margin-bottom:24px;padding:24px 16px}.dashboard-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.dashboard-header .subtitle{color:var(--tg-theme-hint-color);font-size:16px}.dashboard-content{display:flex;flex-direction:column;gap:16px}.card{background:var(--tg-theme-secondary-bg-color);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow)}.card h3{font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.vpn-toggle-card{text-align:center;padding:32px 24px}.vpn-status-indicator{display:flex;justify-content:center;margin-bottom:20px}.status-circle{position:relative;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-circle.connected{background:linear-gradient(135deg,#4caf50,#66bb6a)}.status-circle.disconnected{background:linear-gradient(135deg,#9e9e9e,#bdbdbd)}.status-circle .pulse{position:absolute;width:100%;height:100%;border-radius:50%;animation:pulse 2s ease-out infinite}.status-circle.connected .pulse{background:#4caf5066}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.vpn-status-text{font-size:24px;font-weight:700;margin-bottom:8px}.vpn-status-description{color:var(--tg-theme-hint-color);margin-bottom:24px;font-size:14px}.vpn-toggle-btn{width:100%;padding:16px;font-size:18px;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;margin-bottom:20px}.vpn-toggle-btn.connect{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.vpn-toggle-btn.disconnect{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.vpn-toggle-btn.disabled{background:#ccc;cursor:not-allowed;opacity:.6}.vpn-toggle-btn:not(.disabled):active{transform:scale(.98)}.btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.vpn-info{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}.vpn-info .info-item{flex:1;display:flex;align-items:center;gap:8px}.vpn-info .icon{font-size:24px}.vpn-info .label{display:block;font-size:12px;color:var(--tg-theme-hint-color)}.vpn-info .value{display:block;font-size:14px;font-weight:600}.data-usage{margin-bottom:20px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-label{font-weight:600}.usage-value{font-weight:700;color:var(--primary-color)}.usage-bar{width:100%;height:8px;background-color:#0000001a;border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-progress{height:100%;transition:width .3s ease;border-radius:4px}.usage-percent{text-align:center;font-size:14px;color:var(--tg-theme-hint-color)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff80;border-radius:8px}.stat-icon{font-size:28px}.stat-content{flex:1}.stat-label{display:block;font-size:12px;color:var(--tg-theme-hint-color)}.stat-value{display:block;font-size:16px;font-weight:700}.capitalize{text-transform:capitalize}.referral-reward{margin-bottom:20px}.reward-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reward-title{font-weight:600}.reward-count{font-weight:700;color:var(--primary-color)}.reward-progress-bar{width:100%;height:12px;background:#0000001a;border-radius:6px;overflow:hidden;margin-bottom:12px}.reward-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .3s ease}.reward-description{font-size:14px;color:var(--tg-theme-hint-color)}.rewards-earned{background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:16px;border-radius:8px;text-align:center;margin-bottom:20px}.earned-badge{font-size:18px;font-weight:700;margin-bottom:8px}.earned-description{font-size:14px}.referral-code-container{margin-bottom:16px}.referral-code-label{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--tg-theme-hint-color)}.referral-code-box{display:flex;align-items:center;gap:8px;background:#ffffff80;padding:12px;border-radius:8px}.referral-code{flex:1;font-size:18px;font-weight:700;letter-spacing:1px;font-family:Courier New,monospace}.copy-btn{width:40px;height:40px;border:none;background:var(--primary-color);color:#fff;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s}.copy-btn:active{transform:scale(.95)}.referral-actions{margin-bottom:16px}.share-btn{width:100%;padding:14px;font-size:16px;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s}.share-btn.primary{background:linear-gradient(135deg,#2481cc,#3b9ede);color:#fff}.share-btn:active{transform:scale(.98)}.referral-info{display:flex;gap:12px;background:#2481cc1a;padding:12px;border-radius:8px;font-size:13px;line-height:1.5}.info-icon{font-size:20px}.config-actions{margin-bottom:16px}.toggle-config-btn{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer}.config-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.config-box{background:#ffffff80;padding:16px;border-radius:8px;margin-bottom:12px;overflow-x:auto}.config-text{font-family:Courier New,monospace;font-size:12px;word-break:break-all;display:block}.copy-config-btn{width:100%;padding:12px;background:var(--success-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:all .2s}.copy-config-btn.copied{background:#2e7d32}.config-help{background:#ffffff4d;padding:16px;border-radius:8px;margin-bottom:16px}.config-help h4{font-size:16px;margin-bottom:12px}.config-help ol{margin-left:20px;font-size:14px;line-height:1.8}.config-help ul{margin-left:20px;margin-top:4px;list-style-type:disc}.config-info .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.config-info .info-row:last-child{border-bottom:none}.config-info .label{font-weight:600;color:var(--tg-theme-hint-color)}.config-info .value{font-weight:600}.config-info .status{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.config-info .status.active{background:#4caf50;color:#fff}.config-info .status.inactive{background:#f44336;color:#fff}.subscription-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.subscription-info .info-row:last-child{border-bottom:none}.subscription-info .label{font-weight:600;color:var(--tg-theme-hint-color)}.subscription-info .value{font-weight:600}.subscription-info .status{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;text-transform:capitalize}.subscription-info .status.active{background:#4caf50;color:#fff}.subscription-info .status.expired,.subscription-info .status.cancelled{background:#f44336;color:#fff}.upgrade-btn{width:100%;margin-top:16px;padding:14px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.upgrade-btn:active{transform:scale(.98)}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-btn{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.action-btn:active{transform:scale(.98)}