:root{--green-primary: #1DB954;--green-dark: #138A42;--green-light: #E8F7EF;--gray-bg: #f4f6f5;--gray-text: #6b7280;--text-dark: #111827}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100vw;max-width:100vw;overflow-x:hidden;background:var(--gray-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-dark)}.app{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.header{background:var(--green-primary);color:#fff;padding:16px;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.header .material-icons{font-size:24px;padding:4px;cursor:pointer}.card{background:#fff;border-radius:16px;margin:16px;padding:16px;box-shadow:0 6px 18px #00000014}.btn{width:100%;min-height:44px;padding:14px;border-radius:28px;border:none;font-size:16px;font-weight:500;background:var(--green-primary);color:#fff}.balance-ring{width:120px;height:120px;border-radius:50%;border:8px solid var(--green-light);border-top-color:var(--green-primary);margin:auto;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px}.grid-item{background:#fff;border-radius:14px;padding:14px 8px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--gray-text);text-align:center}.grid-item .material-icons{font-size:26px;color:var(--green-primary);margin-bottom:6px}.profile-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #eef0ef;font-size:14px}.profile-row span:first-child{color:var(--gray-text)}.profile-row span:last-child{font-weight:500}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-table{width:100%;border-collapse:collapse;font-size:13px}.mobile-table thead{background:var(--green-light)}.mobile-table th,.mobile-table td{padding:10px 4px;white-space:nowrap;text-align:left}.mobile-table td{border-top:1px solid #eef0ef;color:var(--gray-text)}.mobile-table tr:nth-child(2n){background:#fafafa}.loader{text-align:center;padding:20px;color:var(--gray-text)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.btn-outline{flex:1;min-height:40px;border-radius:12px;border:none;background:var(--green-light);color:var(--green-dark);font-weight:600}.btn-outline:active{background:var(--green-light)}.btn-outline:disabled{opacity:.4;border-color:#ccc;color:#ccc}.page-indicator{font-size:13px;font-weight:500;color:var(--gray-text);min-width:60px;text-align:center}.select-field,.input-field{width:100%;height:44px;border-radius:12px;border:1px solid #ddd;padding:0 12px;font-size:14px;margin-top:6px}.autocomplete-dropdown{position:absolute;top:70px;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:200px;overflow-y:auto;z-index:5}.autocomplete-item{padding:12px;font-size:14px}.autocomplete-item:active{background:var(--green-light)}.rate-card{background:var(--green-light);padding:16px;border-radius:14px}.rate-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.rate-row.total{font-weight:600;font-size:16px}.contact-info p{font-size:14px;margin-bottom:6px;color:var(--gray-text)}textarea.input-field{resize:none;padding-top:12px}.input-field{width:100%;height:44px;border-radius:12px;border:1px solid #ddd;padding:0 12px;font-size:14px;margin-bottom:12px}.faq-tabs{display:flex;overflow-x:auto;padding:12px;gap:10px;background:#fff;-webkit-overflow-scrolling:touch}.faq-tab{white-space:nowrap;padding:10px 14px;border-radius:8px;border:none;font-size:13px;background:var(--green-light);color:var(--green-dark);font-weight:500}.faq-tab.active{background:var(--green-dark);color:#fff}.faq-item{margin-bottom:18px}.faq-item h4{font-size:15px;margin-bottom:6px}.faq-item p{font-size:14px;color:var(--gray-text)}.faq-list{margin-top:8px;padding-left:18px}.faq-list li{margin-bottom:6px;font-size:14px;color:var(--gray-text);line-height:1.4}.faq-list li::marker{color:var(--green-dark);font-weight:600}.faq-list-ul{list-style:none;padding-left:16px}.faq-list-ul li{position:relative;margin-bottom:6px;font-size:14px;color:var(--gray-text);line-height:1.4}.faq-list-ul li:before{content:"- ";position:absolute;left:-12px;color:var(--green-dark)}.package-card{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:14px;transition:.2s ease;cursor:pointer}.package-card h3{font-size:16px;margin-bottom:4px}.package-bonus{font-size:13px;color:var(--gray-text)}.package-card.active{background:var(--green-light);border:1.5px solid var(--green-primary)}.card-grid{background:#fff;border-radius:16px;margin:16px 8px 8px;padding:8px;box-shadow:0 6px 18px #00000014}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.package-grid-item{position:relative;padding:8px;border-radius:14px;border:1px solid #e5e7eb;text-align:center;transition:.2s ease;cursor:pointer;background:#fff}.package-grid-item.active{border:1.5px solid var(--green-primary);background:var(--green-light)}.package-grid-item h4{font-size:14px;margin-bottom:6px}.package-price{font-size:18px;font-weight:600;color:var(--green-dark)}.radio-indicator{position:absolute;top:8px;right:8px}.package-grid-item input[type=radio]{accent-color:var(--green-primary);pointer-events:none}.referral-code-box{background:var(--green-light);padding:14px;border-radius:12px;font-size:18px;font-weight:600;text-align:center;margin-bottom:12px;color:var(--green-dark);letter-spacing:1px}.referral-stats{margin-top:12px;font-size:14px;color:var(--gray-text)}.social-icons-row{display:flex;justify-content:space-around;margin-top:14px}.social-icon{width:54px;height:54px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000014;transition:.2s ease}.social-icon img{width:26px;height:26px}.social-icon:active{transform:scale(.95)}.subscription-intro{padding:16px;text-align:center}.subscription-intro h3{font-size:16px;font-weight:700;margin-bottom:8px}.subscription-intro p{font-size:14px;color:var(--gray-text);line-height:1.4}.bundle-card{display:flex;justify-content:space-between;align-items:center;padding:4px;border-radius:14px;transition:.2s ease;cursor:pointer}.bundle-card.active{background:var(--green-light);border:1.5px solid var(--green-primary)}.bundle-left h4{font-size:15px;margin-bottom:4px}.bundle-left p{font-size:13px;color:var(--gray-text)}.bundle-valid{font-size:12px;color:var(--gray-text)}.bundle-price{font-size:16px;font-weight:700;color:#e53935}