.history-modal[data-v-e6a595d6]{max-width:600px;max-height:80vh}.modal-body[data-v-e6a595d6]{padding:0;max-height:60vh;overflow-y:auto}.loading-state[data-v-e6a595d6]{text-align:center;padding:40px 20px}.loading-spinner[data-v-e6a595d6]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-e6a595d6 1s linear infinite;margin:0 auto 20px}@keyframes spin-e6a595d6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-e6a595d6]{text-align:center;padding:40px 20px;color:#666}.empty-icon[data-v-e6a595d6]{font-size:48px;margin-bottom:16px}.purchases-list[data-v-e6a595d6]{padding:20px}.purchase-item[data-v-e6a595d6]{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #e9ecef}.purchase-header[data-v-e6a595d6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.service-info[data-v-e6a595d6]{display:flex;align-items:center;gap:12px}.service-icon[data-v-e6a595d6]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container[data-v-e6a595d6]{width:100%;height:100%;border-radius:8px;overflow:hidden}.service-image[data-v-e6a595d6]{width:100%;height:100%;object-fit:cover}.no-image-placeholder[data-v-e6a595d6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef;border:1px dashed #ced4da;border-radius:8px;color:#6c757d;font-size:16px}.service-details[data-v-e6a595d6]{flex:1}.service-name[data-v-e6a595d6]{font-weight:600;color:#333;margin-bottom:4px}.purchase-date[data-v-e6a595d6]{font-size:12px;color:#666}.purchase-status[data-v-e6a595d6]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.purchase-status.active[data-v-e6a595d6]{background:#fff3cd;color:#856404}.purchase-status.completed[data-v-e6a595d6]{background:#d4edda;color:#155724}.purchase-status.cancelled[data-v-e6a595d6]{background:#f8d7da;color:#721c24}.purchase-status.expired[data-v-e6a595d6]{background:#e2e3e5;color:#383d41}.purchase-details[data-v-e6a595d6]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-row[data-v-e6a595d6]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.label[data-v-e6a595d6]{font-size:12px;color:#666;font-weight:500}.value[data-v-e6a595d6]{font-size:12px;color:#333;font-weight:600}.sms-code[data-v-e6a595d6]{background:#e3f2fd;color:#1976d2;padding:2px 6px;border-radius:4px;font-family:monospace}@media (max-width: 480px){.history-modal[data-v-e6a595d6]{width:95%;margin:20px}.purchase-details[data-v-e6a595d6]{grid-template-columns:1fr}.purchase-header[data-v-e6a595d6]{flex-direction:column;align-items:flex-start;gap:8px}}.countries-page{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#f8f9fa!important;z-index:1000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.countries-page .countries-header{display:flex!important;align-items:center!important;padding:16px 20px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;box-shadow:0 2px 4px #0000001a!important;width:100%!important;box-sizing:border-box!important}.countries-page .back-button{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background-color:#0000000d!important;border-radius:50%!important;border:none!important;outline:none!important;cursor:pointer!important;transition:background-color .2s ease!important;margin-right:16px!important;box-sizing:border-box!important}.countries-page .back-button:hover{background-color:#0000001a!important}.countries-page .back-button i{font-size:16px!important;color:#333!important}.countries-page .service-header{display:flex!important;align-items:center!important;gap:12px!important}.countries-page .service-header .service-icon{width:32px!important;height:32px!important;border-radius:8px!important}.countries-page .service-name{font-size:18px!important;font-weight:600!important;color:#333!important}.countries-page .search-section{padding:20px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;width:100%!important;box-sizing:border-box!important}.countries-page .search-bar{position:relative!important;display:flex!important;align-items:center!important;background:#f8f9fa!important;border-radius:12px!important;padding:12px 16px!important;border:1px solid #e9ecef!important}.countries-page .search-bar i{color:#6c757d!important;margin-right:12px!important;font-size:16px!important}.countries-page .search-bar input{flex:1!important;border:none!important;background:transparent!important;outline:none!important;font-size:16px!important;color:#333!important}.countries-page .search-bar input::placeholder{color:#6c757d!important}.countries-page .filter-tabs{display:flex!important;padding:16px 20px!important;gap:12px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;width:100%!important;box-sizing:border-box!important}.countries-page .filter-tab{padding:8px 16px!important;border:1px solid #e9ecef!important;border-radius:20px!important;background:#fff!important;color:#333!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important}.countries-page .filter-tab.active{background:#e9ecef!important;color:#333!important;border-color:#dee2e6!important}.countries-page .filter-tab:hover{background:#f8f9fa!important}.countries-page .countries-section{flex:1!important;padding:20px!important;overflow-y:auto!important;min-height:0!important;width:100%!important;box-sizing:border-box!important}.countries-page .section-title{font-size:18px!important;font-weight:600!important;color:#333!important;margin-bottom:16px!important}.countries-page .countries-list{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.countries-page .country-item{display:flex!important;align-items:center!important;padding:16px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;transition:all .3s ease!important;cursor:pointer!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.countries-page .country-item:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important}.countries-page .country-flag{margin-right:16px!important}.countries-page .flag-icon{width:24px!important;height:18px!important;border-radius:4px!important;object-fit:cover!important}.countries-page .country-info{flex:1!important;min-width:0!important;max-width:calc(100% - 80px)!important;overflow:hidden!important}.countries-page .country-name{font-size:16px!important;font-weight:600!important;color:#333!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .country-quantity{font-size:14px!important;color:#6c757d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .country-price{font-size:14px!important;font-weight:500!important;color:#e95300!important;white-space:nowrap!important;flex-shrink:0!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .recommendation{margin-top:24px!important;padding:16px!important;background:#fff3cd!important;border:1px solid #ffeaa7!important;border-radius:8px!important;text-align:center!important}.countries-page .recommendation p{margin:0!important;font-size:14px!important;color:#856404!important}@media (min-width: 1025px){.countries-page{width:100%!important;max-width:550px!important;margin:0 auto!important;background-color:#fff!important;min-height:100vh!important;position:fixed!important;top:0!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 20px #0000001a!important;z-index:1000!important;display:flex!important;flex-direction:column!important;border-radius:0!important}.countries-page .main-content{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;padding:0!important}}@media screen and (min-width: 1025px){div.countries-page{width:100%!important;max-width:550px!important;margin:0 auto!important;background-color:#fff!important;min-height:100vh!important;position:fixed!important;top:0!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 20px #0000001a!important;z-index:1000!important;display:flex!important;flex-direction:column!important;border-radius:0!important}div.countries-page .back-button{border-radius:50%!important;background-color:#0000000d!important}div.countries-page .back-button:hover{background-color:#0000001a!important}}@media (min-width: 769px) and (max-width: 1024px){.countries-page .back-button{border-radius:50%!important;background-color:#0000000d!important}.countries-page .back-button:hover{background-color:#0000001a!important}}@media (max-width: 768px){.countries-page .back-button{border-radius:50%!important;background-color:#0000000d!important}.countries-page .back-button:hover{background-color:#0000001a!important}}*{margin:0;padding:0;box-sizing:border-box}.nav-icon .badge{position:absolute;top:-8px;right:-8px;background:#ff4444;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px #0003;z-index:10}.toast-container{position:fixed;top:20px;right:20px;z-index:999999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:white;border-radius:12px;padding:16px;min-width:300px;max-width:400px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;gap:12px;animation:slideInRight .3s ease-out;pointer-events:all;cursor:pointer;transition:transform .2s ease}.toast:hover{transform:translate(-4px)}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-icon{font-size:20px;flex-shrink:0}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1}.toast-title{font-weight:600;font-size:14px;margin-bottom:4px;color:#1f2937}.toast-message{font-size:13px;color:#6b7280;line-height:1.4}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;font-size:16px;flex-shrink:0;transition:color .2s}.toast-close:hover{color:#4b5563}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:unset;max-width:unset}}.action-btn.disabled,.action-btn:disabled,.refresh-icon.disabled{opacity:.3!important;cursor:not-allowed!important;pointer-events:auto!important;position:relative}.action-btn.disabled:hover,.action-btn:disabled:hover{background:rgba(0,0,0,.05)!important;transform:none!important}.action-btn.disabled:after,.action-btn:disabled:after{content:attr(title);position:fixed;bottom:auto;top:auto;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;line-height:1.4;white-space:normal;max-width:250px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999999;box-shadow:0 4px 12px #0006;word-wrap:break-word}@media (min-width: 768px){.action-btn.disabled:after,.action-btn:disabled:after{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);top:auto}}@media (max-width: 767px){.action-btn.disabled:after,.action-btn:disabled:after{position:fixed;bottom:80px;left:50%;transform:translate(-50%);max-width:calc(100vw - 40px)}}.action-btn.disabled:hover:after,.action-btn:disabled:hover:after,.action-btn.disabled:active:after,.action-btn:disabled:active:after{opacity:1}@media (min-width: 768px){.action-btn.disabled:before,.action-btn:disabled:before{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999999}.action-btn.disabled:hover:before,.action-btn:disabled:hover:before,.action-btn.disabled:active:before,.action-btn:disabled:active:before{opacity:1}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-circle{border-radius:50%;width:40px;height:40px}.skeleton-rectangle{height:40px;width:100%}.skeleton-service-item{display:flex;align-items:center;padding:16px;background:white;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px #0000001a}.skeleton-service-icon{width:48px;height:48px;border-radius:12px;margin-right:16px}.skeleton-service-info{flex:1;display:flex;flex-direction:column;align-items:flex-start}.skeleton-service-name{height:18px;width:70%;margin-bottom:8px}.skeleton-service-count{height:14px;width:50%}.skeleton-service-price{height:20px;width:60px;border-radius:20px}.skeleton-category-tab{height:40px;border-radius:20px;flex-shrink:0;padding:8px 16px}.skeleton-categories{display:flex;gap:8px;overflow-x:auto;padding:5px 20px 10px;-webkit-overflow-scrolling:touch;position:sticky;top:60px;z-index:99;background:white}.skeleton-balance{height:24px;width:80px;border-radius:12px}.skeleton-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;position:relative;z-index:1000;width:100%;box-sizing:border-box}.skeleton-menu-icon{width:40px;height:40px;border-radius:50%;background-color:#0000000d}.skeleton-auth-buttons{display:flex;gap:8px;align-items:center}.skeleton-auth-button{width:100px;height:40px;border-radius:8px;border:2px solid #e9ecef}.skeleton-search-bar{height:48px;width:calc(100% - 40px);border-radius:12px;margin:0 auto 20px;max-width:100%}.skeleton-country-item{display:flex;align-items:center;padding:16px;background:white;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px #0000001a}.skeleton-country-flag{width:32px;height:24px;border-radius:4px;margin-right:12px}.skeleton-country-info{flex:1}.skeleton-country-name{height:16px;width:60%;margin-bottom:6px}.skeleton-country-quantity{height:14px;width:40%}.skeleton-country-price{height:20px;width:50px;border-radius:20px}.skeleton-countries-page{padding:20px}.skeleton-countries-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.skeleton-service-icon{width:48px;height:48px;border-radius:12px}.skeleton-service-name{height:20px;width:150px;border-radius:4px}.skeleton-countries-search{height:48px;width:100%;border-radius:12px;margin-bottom:20px}.skeleton-countries-filters{display:flex;gap:12px;margin-bottom:20px}.skeleton-filter-tab{height:40px;width:120px;border-radius:20px}.skeleton-countries-section{margin-bottom:20px}.skeleton-section-title{height:24px;width:200px;border-radius:4px;margin-bottom:16px}.skeleton-countries-list{display:flex;flex-direction:column;gap:12px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.toast-container{position:fixed!important;top:20px!important;right:20px!important;z-index:3000!important;display:flex!important;flex-direction:column!important;gap:12px!important;max-width:400px!important}.toast{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;border-radius:12px!important;box-shadow:0 8px 24px #00000026!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;background:white!important;border:1px solid #e0e0e0!important;animation:slideInRight .4s ease-out!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.toast:hover{transform:translate(-6px) scale(1.02)!important;box-shadow:0 12px 32px #0003!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%)!important;border-left:4px solid #28a745!important;color:#155724!important;border:1px solid #28a745!important}.toast-error{background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%)!important;border-left:4px solid #dc3545!important;color:#721c24!important;border:1px solid #dc3545!important}.toast-warning{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%)!important;border-left:4px solid #ffc107!important;color:#856404!important;border:1px solid #ffc107!important}.toast-info{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%)!important;border-left:4px solid #17a2b8!important;color:#0c5460!important;border:1px solid #17a2b8!important}.toast-icon{font-size:20px!important;margin-top:2px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))!important}.toast-content{flex:1!important}.toast-title{font-weight:700!important;font-size:15px!important;margin-bottom:4px!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.toast-message{font-size:13px!important;opacity:.9!important;line-height:1.5!important;font-weight:500!important}.toast-close{background:none!important;border:none!important;color:inherit!important;cursor:pointer!important;padding:6px!important;border-radius:6px!important;transition:all .2s ease!important;opacity:.7!important;font-size:14px!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.toast-close:hover{background:rgba(0,0,0,.1)!important;opacity:1!important;transform:scale(1.1)!important}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.4;overflow-x:hidden}.app{width:100%;max-width:550px;margin:0 auto;background-color:#fff;min-height:100vh;position:relative;box-shadow:0 0 20px #0000001a;z-index:1;display:flex;flex-direction:column}@media (max-width: 1024px){.app{max-width:100vw;box-shadow:none}}@media (max-width: 768px){.app{border-radius:0}}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;position:relative;z-index:1000;width:100%;box-sizing:border-box}.header-left .menu-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;cursor:pointer;padding:12px;border-radius:50%;background-color:#0000000d;transition:background-color .2s ease;width:40px;height:40px}.header-left .menu-icon:hover{background-color:#0000001a}.hamburger-line{width:20px;height:2px;background-color:#666;border-radius:1px}.header-center{display:flex;align-items:center;gap:6px;font-weight:600;font-size:16px;color:#333}.header-right .user-info{display:flex;align-items:center;gap:8px}.header-right .balance-button{display:flex;align-items:center;gap:8px;background-color:#fceee5;border-radius:20px;padding:8px 12px;color:#e95300;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s ease}.header-right .balance-button:hover{background-color:#f8e0d1}.plus-icon{background-color:#ff8c00;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.referral-banner{margin:16px 20px;background:linear-gradient(135deg,#4A90E2 0%,#357ABD 100%);border-radius:16px;padding:20px;color:#fff;position:relative;overflow:hidden}.banner-content{display:flex;justify-content:space-between;align-items:flex-start}.banner-text{flex:1;z-index:2}.banner-title{font-size:18px;font-weight:700;margin-bottom:4px}.banner-subtitle{font-size:12px;opacity:.9;margin-bottom:2px}.banner-description{font-size:11px;opacity:.8;margin-bottom:12px;line-height:1.3}.more-details-btn{background-color:#fff;color:#4a90e2;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.banner-robot{display:none}.robot{font-size:50px;position:absolute;bottom:-5px;right:-5px}.speech-bubble{background-color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;font-size:14px;color:#4a90e2}.favorites-section{padding:0 20px 20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:18px;font-weight:700;color:#333}.see-all-link{color:#999;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:4px}.favorites-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.favorites-scroll::-webkit-scrollbar{display:none}.favorite-card{flex-shrink:0;display:flex;align-items:center;gap:10px;background-color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px #00000014;min-width:140px}.favorite-card .service-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.favorite-card .service-icon.facebook{background-color:#1877f2}.favorite-card .service-icon.youtube{background-color:red}.flag-icon{font-size:20px}.country-name{font-size:14px;font-weight:500;color:#333;flex:1}.arrow-icon{color:#999;font-size:16px}.search-container{padding:0 20px 20px;position:sticky;top:0;z-index:100;background:white}.search-bar{display:flex;align-items:center;background-color:#f8f8f8;border-radius:12px;padding:12px 16px;gap:12px}.search-icon{color:#999;font-size:16px;display:flex;align-items:center;justify-content:center}.search-input{border:none;background:none;outline:none;flex:1;font-size:14px;color:#333}.search-input::placeholder{color:#999}.category-tabs{display:flex;gap:8px;padding:5px 20px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:60px;z-index:99;background:white}.category-tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;background-color:#f8f8f8;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.tab.active{background-color:#fff;color:#333;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.services-list{padding:0 20px;margin-bottom:80px}.service-item{display:flex;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f0f0f0}.service-item:last-child{border-bottom:none}.service-item .service-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:16px;flex-shrink:0}.service-item .service-icon.globe{background-color:#4a90e2}.service-item .service-icon.infinity{background-color:#666;font-size:18px;font-weight:700}.service-item .service-icon.youtube{background-color:red}.service-item .service-icon.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);font-size:18px}.service-item .service-icon.whatsapp{background-color:#25d366}.service-info{flex:1;display:flex;flex-direction:column;align-items:flex-start!important;padding-top:2px}.service-item .service-info{align-items:flex-start!important;text-align:left!important}.service-item .service-name,.service-item .service-count{text-align:left!important;align-self:flex-start!important}.service-name{font-size:15px;font-weight:600;color:#333;margin-bottom:2px;line-height:1.2;text-align:left!important}.service-count{font-size:13px;color:#999;margin-top:0;line-height:1.2;text-align:left!important}.service-price{font-size:14px;font-weight:500;color:#333;text-align:right}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:550px;background-color:#fff;border-top:1px solid #f0f0f0;display:flex;justify-content:space-around;padding:4px 0 6px;box-shadow:0 -2px 12px #00000014;flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease;min-height:45px}.nav-item.active{color:#4a90e2}.nav-item:not(.active){color:#999}.nav-icon{font-size:20px;line-height:1}.nav-text{font-size:10px;font-weight:500;line-height:1;margin-top:2px}.nav-item.active .nav-text{font-weight:600}.nav-icon{position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:#f44;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid white}@media (max-width: 768px){html,body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;height:100vh!important;overflow:hidden!important}.app{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.main-content{overflow-y:auto!important}.bottom-nav{width:100%!important;max-width:100%!important;left:50%!important;transform:translate(-50%)!important;border-radius:0 0 20px 20px!important;position:fixed!important;bottom:0!important;margin-top:0!important}.services-list{margin-bottom:100px!important}.header{z-index:1000!important;position:relative!important}.header-left .menu-icon{z-index:1001!important;position:relative!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:12px!important;border-radius:50%!important;background-color:#0000000d!important;transition:background-color .2s ease!important;width:40px!important;height:40px!important}.header-left .menu-icon:hover{background-color:#0000001a!important}.hamburger-line{width:20px!important;height:2px!important;background-color:#666!important;border-radius:1px!important}.header-left .menu-icon:active{background-color:#0003!important}.header-right .balance-button{z-index:1001!important;position:relative!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important}.header-right .balance-button:active{background-color:#f0f0f0!important}.auth-buttons{z-index:1001!important;position:relative!important;display:flex!important;gap:8px!important;align-items:center!important}.btn-login,.btn-register{padding:10px 20px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:120px!important;height:40px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.btn-login{background:white!important;color:#333!important;border-color:#333!important}.btn-login:hover{background:#f8f9fa!important;border-color:#333!important}.btn-register{background:#e95300!important;color:#fff!important;border-color:#e95300!important}.btn-register:hover{background:#d14500!important;border-color:#d14500!important}.side-menu-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.5)!important;z-index:2000!important;display:flex!important;justify-content:flex-start!important;align-items:stretch!important;width:100vw!important;height:100vh!important;box-sizing:border-box!important}.side-menu{background:white!important;width:280px!important;height:100vh!important;display:flex!important;flex-direction:column!important;box-shadow:2px 0 10px #0000001a!important;max-width:90vw!important;position:relative!important;transform:translate(-100%)!important;transition:transform .3s ease!important;z-index:2001!important;box-sizing:border-box!important}.side-menu.opening{transform:translate(0)!important}.side-menu.closing{transform:translate(-100%)!important}.menu-logo{padding:20px!important;border-bottom:1px solid #f0f0f0!important;text-align:center!important}.logo-container{display:flex!important;justify-content:center!important;align-items:center!important}.logo-svg{height:60px!important;width:auto!important}.menu-items{flex:1!important;padding:20px 0!important}.menu-item{display:flex!important;align-items:center!important;padding:16px 20px!important;text-decoration:none!important;color:#333!important;transition:background .2s ease!important;border:none!important;background:none!important;width:100%!important;text-align:left!important;cursor:pointer!important}.menu-item:hover{background:#f8f9fa!important}.menu-item .menu-icon{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:16px!important;color:#666!important}.menu-text{flex:1!important;font-size:16px!important;font-weight:500!important}.menu-badge{background:#e95300!important;color:#fff!important;padding:4px 8px!important;border-radius:12px!important;font-size:12px!important;font-weight:600!important}.toast-container{position:fixed!important;top:20px!important;left:20px!important;right:20px!important;max-width:none!important;z-index:10000!important}.modal-overlay,.auth-modal-overlay,.deposit-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:3000!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;background:rgba(0,0,0,.5)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.modal-overlay,.auth-modal-overlay,.deposit-modal-overlay{background:rgba(0,0,0,.5)!important}.modal{background:white!important;border-radius:12px!important;width:90%!important;max-width:400px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 10px 30px #0000004d!important;transform:scale(1)!important;transition:transform .3s ease,opacity .3s ease!important;position:relative!important;z-index:3001!important}.modal.closing{transform:scale(.8)!important;opacity:0!important}.modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px 0!important;border-bottom:1px solid #eee!important;margin-bottom:20px!important}.modal-header h3{margin:0!important;font-size:20px!important;font-weight:600!important;color:#333!important}.close-btn{background:none!important;border:none!important;font-size:24px!important;color:#666!important;cursor:pointer!important;padding:0!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:background .2s ease!important}.close-btn:hover{background:#f0f0f0!important}.modal-form{padding:0 24px 24px!important}.form-group{margin-bottom:20px!important}.form-group label{display:block!important;margin-bottom:6px!important;font-weight:500!important;color:#333!important;font-size:14px!important}.form-group label i{margin-right:4px!important;color:#333!important;width:16px!important}.form-group input{width:100%!important;padding:12px!important;border:2px solid #e0e0e0!important;border-radius:8px!important;font-size:16px!important;transition:border-color .2s ease!important;box-sizing:border-box!important}.form-group input:focus{outline:none!important;border-color:#007bff!important}.password-strength{margin-top:8px!important}.strength-bar{width:100%!important;height:4px!important;background-color:#e9ecef!important;border-radius:2px!important;overflow:hidden!important;margin-bottom:2px!important}.strength-fill{height:100%!important;transition:all .3s ease!important;border-radius:2px!important}.strength-text{font-size:12px!important;font-weight:500!important}.btn-submit{width:100%!important;padding:14px!important;background:#e95300!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-submit:hover:not(:disabled){background:#d14500!important}.btn-submit:disabled{background:#ccc!important;cursor:not-allowed!important}.modal-switch{text-align:center!important;margin-top:16px!important;padding-top:16px!important;border-top:1px solid #eee!important}.modal-switch a{color:#e95300!important;text-decoration:none!important;font-weight:500!important}.modal-switch a:hover{color:#d14500!important;text-decoration:underline!important}.user-info-section{padding:20px!important;border-bottom:1px solid #f0f0f0!important;background:#f8f9fa!important}.user-id{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important}.id-label{font-size:12px!important;color:#666!important;font-weight:500!important}.id-value{font-size:14px!important;font-weight:600!important;color:#333!important;font-family:monospace!important}.copy-btn{background:none!important;border:none!important;color:#666!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important;transition:background .2s ease!important}.copy-btn:hover{background:#e9ecef!important}.user-phone{font-size:14px!important;color:#666!important;font-weight:500!important}.deposit-modal{background:white!important;border-radius:12px!important;width:90%!important;max-width:400px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 10px 30px #0000004d!important}.modal-body{padding:0 24px 24px!important}.predefined-amounts h4,.custom-amount h4{margin:0 0 12px!important;font-size:16px!important;font-weight:600!important;color:#333!important}.amount-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:20px!important}.amount-btn{padding:12px 8px!important;border:2px solid #e0e0e0!important;border-radius:8px!important;background:white!important;color:#333!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.amount-btn:hover{border-color:#e95300!important;background:#fceee5!important}.amount-btn.active{border-color:#e95300!important;background:#e95300!important;color:#fff!important}.input-group{display:flex!important;align-items:center!important;border:2px solid #e0e0e0!important;border-radius:8px!important;overflow:hidden!important;margin-bottom:8px!important}.currency-symbol{padding:12px 16px!important;background:#f8f9fa!important;color:#666!important;font-weight:500!important;border-right:1px solid #e0e0e0!important}.input-group input{flex:1!important;padding:12px 16px!important;border:none!important;outline:none!important;font-size:16px!important}.min-amount-text{margin-bottom:20px!important}.min-amount-text small{color:#666!important;font-size:12px!important}.deposit-actions{text-align:center!important}.btn-deposit{width:100%!important;padding:14px!important;background:#e95300!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-deposit:hover{background:#d14500!important}.service-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:12px!important}.service-icon{position:relative!important;overflow:hidden!important}.image-container{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important;border-radius:12px!important}.no-image-placeholder{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#f8f9fa!important;border:2px dashed #dee2e6!important;border-radius:12px!important;color:#6c757d!important;font-size:12px!important;text-align:center!important}}@media (min-width: 769px) and (max-width: 1024px){.app{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.header{z-index:1000!important;position:relative!important}.header-left .menu-icon{z-index:1001!important;position:relative!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:12px!important;border-radius:50%!important;background-color:#0000000d!important;transition:background-color .2s ease!important;width:40px!important;height:40px!important}.header-left .menu-icon:hover{background-color:#0000001a!important}.hamburger-line{width:20px!important;height:2px!important;background-color:#666!important;border-radius:1px!important}.header-left .menu-icon:active{background-color:#0003!important}.header-right .balance-button{z-index:1001!important;position:relative!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important}.auth-buttons{display:flex!important;gap:8px!important;align-items:center!important;z-index:1001!important;position:relative!important}.btn-login,.btn-register{padding:10px 20px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:120px!important;height:40px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important;z-index:1001!important;position:relative!important}.btn-login{background:white!important;color:#333!important;border-color:#333!important}.btn-login:hover{background:#f8f9fa!important;border-color:#333!important}.btn-register{background:#e95300!important;color:#fff!important;border-color:#e95300!important}.btn-register:hover{background:#d14500!important;border-color:#d14500!important}.side-menu-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.5)!important;z-index:2000!important;display:flex!important;justify-content:flex-start!important;align-items:stretch!important;width:100vw!important;height:100vh!important;box-sizing:border-box!important}.side-menu{background:white!important;width:320px!important;height:100vh!important;display:flex!important;flex-direction:column!important;box-shadow:2px 0 10px #0000001a!important;max-width:80vw!important;position:relative!important;transform:translate(-100%)!important;transition:transform .3s ease!important;z-index:2001!important;box-sizing:border-box!important}.side-menu.opening{transform:translate(0)!important}.side-menu.closing{transform:translate(-100%)!important}.menu-logo{padding:20px!important;border-bottom:1px solid #f0f0f0!important;text-align:center!important}.logo-container{display:flex!important;justify-content:center!important;align-items:center!important}.logo-svg{height:60px!important;width:auto!important}.menu-items{flex:1!important;padding:20px 0!important}.menu-item{display:flex!important;align-items:center!important;padding:16px 20px!important;text-decoration:none!important;color:#333!important;transition:background .2s ease!important;border:none!important;background:none!important;width:100%!important;text-align:left!important;cursor:pointer!important}.menu-item:hover{background:#f8f9fa!important}.menu-item .menu-icon{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:16px!important;color:#666!important}.menu-text{flex:1!important;font-size:16px!important;font-weight:500!important}.menu-badge{background:#e95300!important;color:#fff!important;padding:4px 8px!important;border-radius:12px!important;font-size:12px!important;font-weight:600!important}.toast-container{position:fixed!important;top:20px!important;left:20px!important;right:20px!important;max-width:none!important;z-index:10000!important}.modal-overlay,.auth-modal-overlay,.deposit-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:3000!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;background:rgba(0,0,0,.5)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.modal{background:white!important;border-radius:12px!important;width:90%!important;max-width:400px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 10px 30px #0000004d!important;transform:scale(1)!important;transition:transform .3s ease,opacity .3s ease!important;position:relative!important;z-index:3001!important}.modal.closing{transform:scale(.8)!important;opacity:0!important}.modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px 0!important;border-bottom:1px solid #eee!important;margin-bottom:20px!important}.modal-header h3{margin:0!important;font-size:20px!important;font-weight:600!important;color:#333!important}.close-btn{background:none!important;border:none!important;font-size:24px!important;color:#666!important;cursor:pointer!important;padding:0!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:background .2s ease!important}.close-btn:hover{background:#f0f0f0!important}.modal-form{padding:0 24px 24px!important}.form-group{margin-bottom:20px!important}.form-group label{display:block!important;margin-bottom:6px!important;font-weight:500!important;color:#333!important;font-size:14px!important}.form-group label i{margin-right:4px!important;color:#333!important;width:16px!important}.form-group input{width:100%!important;padding:12px!important;border:2px solid #e0e0e0!important;border-radius:8px!important;font-size:16px!important;transition:border-color .2s ease!important;box-sizing:border-box!important}.form-group input:focus{outline:none!important;border-color:#007bff!important}.password-strength{margin-top:8px!important}.strength-bar{width:100%!important;height:4px!important;background-color:#e9ecef!important;border-radius:2px!important;overflow:hidden!important;margin-bottom:2px!important}.strength-fill{height:100%!important;transition:all .3s ease!important;border-radius:2px!important}.strength-text{font-size:12px!important;font-weight:500!important}.btn-submit{width:100%!important;padding:14px!important;background:#e95300!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-submit:hover:not(:disabled){background:#d14500!important}.btn-submit:disabled{background:#ccc!important;cursor:not-allowed!important}.modal-switch{text-align:center!important;margin-top:16px!important;padding-top:16px!important;border-top:1px solid #eee!important}.modal-switch a{color:#e95300!important;text-decoration:none!important;font-weight:500!important}.modal-switch a:hover{color:#d14500!important;text-decoration:underline!important}.user-info-section{padding:20px!important;border-bottom:1px solid #f0f0f0!important;background:#f8f9fa!important}.user-id{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important}.id-label{font-size:12px!important;color:#666!important;font-weight:500!important}.id-value{font-size:14px!important;font-weight:600!important;color:#333!important;font-family:monospace!important}.copy-btn{background:none!important;border:none!important;color:#666!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important;transition:background .2s ease!important}.copy-btn:hover{background:#e9ecef!important}.user-phone{font-size:14px!important;color:#666!important;font-weight:500!important}.deposit-modal{background:white!important;border-radius:12px!important;width:90%!important;max-width:400px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 10px 30px #0000004d!important}.modal-body{padding:0 24px 24px!important}.predefined-amounts h4,.custom-amount h4{margin:0 0 12px!important;font-size:16px!important;font-weight:600!important;color:#333!important}.amount-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:20px!important}.amount-btn{padding:12px 8px!important;border:2px solid #e0e0e0!important;border-radius:8px!important;background:white!important;color:#333!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.amount-btn:hover{border-color:#e95300!important;background:#fceee5!important}.amount-btn.active{border-color:#e95300!important;background:#e95300!important;color:#fff!important}.input-group{display:flex!important;align-items:center!important;border:2px solid #e0e0e0!important;border-radius:8px!important;overflow:hidden!important;margin-bottom:8px!important}.currency-symbol{padding:12px 16px!important;background:#f8f9fa!important;color:#666!important;font-weight:500!important;border-right:1px solid #e0e0e0!important}.input-group input{flex:1!important;padding:12px 16px!important;border:none!important;outline:none!important;font-size:16px!important}.min-amount-text{margin-bottom:20px!important}.min-amount-text small{color:#666!important;font-size:12px!important}.deposit-actions{text-align:center!important}.btn-deposit{width:100%!important;padding:14px!important;background:#e95300!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-deposit:hover{background:#d14500!important}.main-content{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important}.bottom-nav{width:100%!important;max-width:100%!important;left:50%!important;transform:translate(-50%)!important;border-radius:0 0 20px 20px!important;position:fixed!important;bottom:0!important;margin-top:0!important}.services-list{margin-bottom:100px!important}.service-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:12px!important}.service-icon{position:relative!important;overflow:hidden!important}.image-container{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important;border-radius:12px!important}.no-image-placeholder{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#f8f9fa!important;border:2px dashed #dee2e6!important;border-radius:12px!important;color:#6c757d!important;font-size:12px!important;text-align:center!important}}@media (min-width: 1025px){html,body{height:100vh!important;overflow:hidden!important;margin:0!important;padding:0!important}.app{box-shadow:none!important;max-height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;width:550px!important;height:100vh!important;margin:0 auto!important;border-radius:20px!important;box-shadow:0 0 20px #0000001a!important;position:relative!important}.header{flex-shrink:0!important;border-radius:20px 20px 0 0!important}.bottom-nav{border-radius:0 0 20px 20px!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;margin-top:auto!important;flex-shrink:0!important}.main-content{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important}.side-menu-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.5)!important;z-index:2000!important;border-radius:20px!important}.side-menu{width:280px!important;max-width:90%!important;height:100%!important;border-radius:20px 0 0 20px!important;transform:translate(-100%)!important;transition:transform .3s ease!important}.side-menu.opening{transform:translate(0)!important}.side-menu.closing{transform:translate(-100%)!important}.toast-container{position:absolute!important;top:20px!important;right:20px!important;left:auto!important;max-width:400px!important;z-index:10000!important}.modal-overlay,.auth-modal-overlay,.deposit-modal-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:20px!important;z-index:1000!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.modal-overlay{background:rgba(0,0,0,.3)!important}.auth-modal-overlay{background:rgba(255,255,255,.1)!important}.deposit-modal-overlay{background:rgba(0,0,0,.4)!important}.services-list{margin-bottom:20px!important}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p,.empty-state p{color:#666;margin-bottom:16px;font-size:16px}.retry-btn{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background-color:#0056b3}.service-item{cursor:pointer;transition:background-color .2s,transform .1s}.service-item:hover{background-color:#f8f9fa;transform:translateY(-1px)}.service-item:active{transform:translateY(0)}.service-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.service-icon{position:relative;overflow:hidden}.no-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;font-size:12px;text-align:center}.no-image-placeholder i{font-size:20px;margin-bottom:4px}.no-image-placeholder span{font-size:10px;font-weight:500}.image-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px}.auth-buttons{display:flex;gap:8px;align-items:center}.btn-login,.btn-register{padding:10px 20px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px;height:40px}.btn-login{background:white;color:#333;border-color:#333}.btn-login:hover{background:#f8f9fa;border-color:#333}.btn-register{background:#e95300;color:#fff;border-color:#e95300}.btn-register:hover{background:#d14500;border-color:#d14500}.user-info{display:flex;align-items:center;gap:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .3s ease}.auth-modal-overlay.closing{opacity:0}.modal{background:white;border-radius:12px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;transform:scale(1);transition:transform .3s ease,opacity .3s ease}.modal.closing{transform:scale(.8);opacity:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;border-bottom:1px solid #eee;margin-bottom:20px}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f0f0f0}.deposit-modal .close-btn,.auth-modal-overlay .close-btn{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:#999;font-size:18px;font-weight:300;width:32px;height:32px;border-radius:50%;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.deposit-modal .close-btn:hover,.auth-modal-overlay .close-btn:hover{background:rgba(0,0,0,.1);border-color:#0003;color:#666;transform:scale(1.05);box-shadow:0 2px 8px #00000026}.pix-modal .close-btn{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:#999;font-size:18px;font-weight:300;width:32px;height:32px;border-radius:50%;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pix-modal .close-btn:hover{background:rgba(0,0,0,.1);border-color:#0003;color:#666;transform:scale(1.05);box-shadow:0 2px 8px #00000026}.auth-modal-overlay.login-modal .close-btn,.auth-modal-overlay.register-modal .close-btn{background:rgba(0,0,0,.05)!important;border:1px solid rgba(0,0,0,.1)!important;color:#999!important;font-size:18px!important;font-weight:300!important;width:32px!important;height:32px!important;border-radius:50%!important;transition:all .3s ease!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;position:absolute!important;top:12px!important;right:12px!important;cursor:pointer!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.auth-modal-overlay.login-modal .close-btn:hover,.auth-modal-overlay.register-modal .close-btn:hover{background:rgba(0,0,0,.1)!important;border-color:#0003!important;color:#666!important;transform:scale(1.05)!important;box-shadow:0 2px 8px #00000026!important}.modal-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-group label i{margin-right:4px;color:#333;width:16px}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff}.password-strength{margin-top:8px}.strength-bar{width:100%;height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-text{font-size:12px;font-weight:500}.btn-submit{width:100%;padding:14px;background:#e95300;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){background:#d14500}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.modal-switch{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.modal-switch p{margin:0;color:#666;font-size:14px}.modal-switch a{color:#e95300;text-decoration:none;font-weight:600;transition:color .2s ease}.modal-switch a:hover{color:#d14500;text-decoration:underline}.error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:6px;margin-bottom:15px;font-size:14px;border:1px solid #f5c6cb}.side-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;justify-content:flex-start;align-items:stretch;width:100vw;height:100vh;box-sizing:border-box}.side-menu{background:white;width:280px;height:100vh;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;transform:translate(-100%);transition:transform .3s ease;max-width:90vw;position:relative;z-index:2001;box-sizing:border-box}.side-menu.opening{transform:translate(0)}.side-menu.closing{transform:translate(-100%)}.menu-logo{padding:20px;border-bottom:1px solid #f0f0f0;text-align:center}.logo-container{display:flex;justify-content:center;align-items:center}.logo-svg{height:60px;width:auto}.user-info-section{padding:20px;border-bottom:1px solid #f0f0f0;background:#f8f9fa}.user-id{display:flex;align-items:center;gap:8px;margin-bottom:8px}.id-label{font-size:12px;color:#666;font-weight:500}.id-value{font-size:14px;font-weight:600;color:#333;font-family:monospace}.copy-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}.copy-btn:hover{background:#e9ecef}.copy-id-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease;position:relative;display:inline-block}.copy-id-btn:hover{background:#e9ecef}.user-phone{font-size:14px;color:#666;font-weight:500}.menu-items{flex:1;padding:20px 0}.menu-item{display:flex;align-items:center;padding:16px 20px;text-decoration:none;color:#333;transition:background .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.menu-item:hover{background:#f8f9fa}.menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#666}.menu-text{flex:1;font-size:16px;font-weight:500}.menu-badge{background:#e95300;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.deposit-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.5)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;visibility:visible!important;opacity:1!important}.deposit-modal{background:white!important;border-radius:12px!important;width:90%!important;max-width:400px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 10px 30px #0000004d!important;position:relative!important;z-index:10001!important;visibility:visible!important;opacity:1!important;display:block!important}.modal-body{padding:0 24px 24px}.predefined-amounts h4,.custom-amount h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.amount-btn{padding:12px 8px;border:2px solid #e0e0e0;border-radius:8px;background:white;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.amount-btn:hover{border-color:#e95300;background:#fceee5}.amount-btn.active{border-color:#e95300;background:#e95300;color:#fff}.input-group{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:8px}.currency-symbol{padding:12px 16px;background:#f8f9fa;color:#666;font-weight:500;border-right:1px solid #e0e0e0}.input-group input{flex:1;padding:12px 16px;border:none;outline:none;font-size:16px}.min-amount-text{margin-bottom:20px}.min-amount-text small{color:#666;font-size:12px}.deposit-actions{text-align:center}.btn-deposit{width:100%;padding:14px;background:#e95300;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-deposit:hover{background:#d14500}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease}@media (max-width: 480px){.modal{width:95%;margin:20px}.modal-header{padding:16px 20px 0}.modal-form{padding:0 20px 20px}.auth-buttons{flex-direction:column;gap:6px;z-index:1001!important;position:relative!important}.btn-login,.btn-register{padding:8px 16px;font-size:14px;min-height:40px;z-index:1002!important;position:relative!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important}.btn-login:active,.btn-register:active{transform:scale(.98)!important}.user-info{flex-direction:column;gap:8px;align-items:flex-end}.side-menu{width:100vw;max-width:100vw;transform:translate(-100%);transition:transform .3s ease}.side-menu.opening{transform:translate(0)}.side-menu.closing{transform:translate(-100%)}.toast-container{left:20px;right:20px;max-width:none}}@media (max-width: 1024px){.toast-container .toast{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;cursor:pointer!important;transition:all .3s ease!important;animation:slideIn .3s ease!important;background:white!important;border:1px solid #e0e0e0!important}.toast-container .toast:hover{transform:translate(-4px)!important}@keyframes slideIn{0%{transform:translate(100%)!important;opacity:0!important}to{transform:translate(0)!important;opacity:1!important}}.toast-container .toast.toast-success{background:#d4edda!important;border-left:4px solid #28a745!important;color:#155724!important;border:1px solid #28a745!important}.toast-container .toast.toast-error{background:#f8d7da!important;border-left:4px solid #dc3545!important;color:#721c24!important;border:1px solid #dc3545!important}.toast-container .toast.toast-warning{background:#fff3cd!important;border-left:4px solid #ffc107!important;color:#856404!important;border:1px solid #ffc107!important}.toast-container .toast.toast-info{background:#d1ecf1!important;border-left:4px solid #17a2b8!important;color:#0c5460!important;border:1px solid #17a2b8!important}.toast-container .toast .toast-icon{font-size:18px!important;margin-top:2px!important;flex-shrink:0!important}.toast-container .toast .toast-content{flex:1!important;min-width:0!important}.toast-container .toast .toast-title{font-weight:600!important;font-size:14px!important;margin:0!important}.toast-container .toast .toast-message{font-size:13px!important;opacity:.9!important;line-height:1.4!important;margin:0!important}.toast-container .toast .toast-close{background:none!important;border:none!important;color:inherit!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important;transition:background .2s ease!important;opacity:.7!important;flex-shrink:0!important}.toast-container .toast .toast-close:hover{background:rgba(0,0,0,.1)!important;opacity:1!important}}.toast-container{position:fixed;top:20px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease;background:white;border:1px solid #e0e0e0}.toast:hover{transform:translate(-4px)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.toast-error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.toast-warning{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.toast-info{background:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.toast-icon{font-size:18px;margin-top:2px}.toast-content{flex:1}.toast-title{font-weight:600;font-size:14px;margin-bottom:4px}.toast-message{font-size:13px;opacity:.9;line-height:1.4}.toast-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease;opacity:.7}.toast-close:hover{background:rgba(0,0,0,.1);opacity:1}@media (max-width: 768px){.toast-container{left:20px!important;right:20px!important;max-width:none!important}.toast{padding:10px!important;gap:8px!important;border-radius:6px!important}.toast-icon{font-size:14px!important;margin-top:1px!important}.toast-title{font-size:12px!important;margin-bottom:2px!important}.toast-message{font-size:11px!important;line-height:1.3!important}.toast-close{padding:2px!important;font-size:12px!important}}@media (min-width: 769px) and (max-width: 1024px){.toast-container{left:auto!important;right:20px!important;max-width:280px!important}.toast{padding:12px!important;gap:8px!important;border-radius:6px!important}.toast-icon{font-size:15px!important;margin-top:1px!important}.toast-title{font-size:13px!important;margin-bottom:3px!important}.toast-message{font-size:12px!important;line-height:1.3!important}.toast-close{padding:2px!important;font-size:13px!important}}.countries-page{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#f8f9fa!important;z-index:1000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.countries-page .countries-header{display:flex!important;align-items:center!important;padding:16px 20px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;box-shadow:0 2px 4px #0000001a!important;width:100%!important;box-sizing:border-box!important}.countries-page .back-button{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:#f8f9fa!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important;margin-right:16px!important}.countries-page .back-button:hover{background:#e9ecef!important;transform:translate(-2px)!important}.countries-page .back-button i{font-size:16px!important;color:#333!important}.countries-page .service-header{display:flex!important;align-items:center!important;gap:12px!important}.countries-page .service-header .service-icon{width:32px!important;height:32px!important;border-radius:8px!important}.countries-page .service-name{font-size:18px!important;font-weight:600!important;color:#333!important}.countries-page .search-section{padding:20px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;width:100%!important;box-sizing:border-box!important}.countries-page .search-bar{position:relative!important;display:flex!important;align-items:center!important;background:#f8f9fa!important;border-radius:12px!important;padding:12px 16px!important;border:1px solid #e9ecef!important}.countries-page .search-bar i{color:#6c757d!important;margin-right:12px!important;font-size:16px!important}.countries-page .search-bar input{flex:1!important;border:none!important;background:transparent!important;outline:none!important;font-size:16px!important;color:#333!important}.countries-page .search-bar input::placeholder{color:#6c757d!important}.countries-page .filter-tabs{display:flex!important;padding:16px 20px!important;gap:12px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;width:100%!important;box-sizing:border-box!important}.countries-page .filter-tab{padding:8px 16px!important;border:1px solid #e9ecef!important;border-radius:20px!important;background:#fff!important;color:#333!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important}.countries-page .filter-tab.active{background:#e9ecef!important;color:#333!important;border-color:#dee2e6!important}.countries-page .filter-tab:hover{background:#f8f9fa!important}.countries-page .countries-section{flex:1!important;padding:20px!important;overflow-y:auto!important;min-height:0!important;width:100%!important;box-sizing:border-box!important}.countries-page .section-title{font-size:18px!important;font-weight:600!important;color:#333!important;margin-bottom:16px!important}.countries-page .countries-list{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.countries-page .country-item{display:flex!important;align-items:center!important;padding:16px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;transition:all .3s ease!important;cursor:pointer!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.countries-page .country-item:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important}.countries-page .country-flag{margin-right:16px!important}.countries-page .flag-icon{width:24px!important;height:18px!important;border-radius:4px!important;object-fit:cover!important}.countries-page .country-info{flex:1!important;min-width:0!important;max-width:calc(100% - 80px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.countries-page .country-name{font-size:16px!important;font-weight:600!important;color:#333!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:0!important}.countries-page .country-quantity{font-size:14px!important;color:#6c757d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:0!important}.countries-page .country-price{font-size:14px!important;font-weight:500!important;color:#e95300!important;white-space:nowrap!important;flex-shrink:0!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:0!important}.countries-page .recommendation{margin-top:24px!important;padding:16px!important;background:#fff3cd!important;border:1px solid #ffeaa7!important;border-radius:8px!important;text-align:center!important}.countries-page .recommendation p{margin:0!important;font-size:14px!important;color:#856404!important}@media (min-width: 1025px){.countries-page{width:100%;max-width:550px;margin:0 auto;background-color:#fff;min-height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #0000001a;z-index:1000;display:flex;flex-direction:column}.countries-page .main-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;padding:0}}@media (min-width: 769px) and (max-width: 1024px){.countries-page{width:100%;max-width:100vw;margin:0 auto;background-color:#fff;min-height:100vh;position:fixed;top:0;left:0;transform:none;box-shadow:none;z-index:1000;display:flex;flex-direction:column}.countries-page .main-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;padding:0}.countries-page .countries-header{display:flex!important;align-items:center!important;padding:16px 20px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;box-shadow:0 2px 4px #0000001a!important;width:100%!important;box-sizing:border-box!important}.countries-page .back-button{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:#f8f9fa!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important;margin-right:16px!important}.countries-page .back-button:hover{background:#e9ecef!important;transform:translate(-2px)!important}.countries-page .back-button i{font-size:16px!important;color:#333!important}.countries-page .service-header{display:flex!important;align-items:center!important;gap:12px!important}.countries-page .service-header .service-icon{width:32px!important;height:32px!important;border-radius:8px!important}.countries-page .service-name{font-size:18px!important;font-weight:600!important;color:#333!important}.countries-page .search-section{padding:20px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;width:100%!important;box-sizing:border-box!important}.countries-page .search-bar{position:relative!important;display:flex!important;align-items:center!important;background:#f8f9fa!important;border-radius:12px!important;padding:12px 16px!important;border:1px solid #e9ecef!important}.countries-page .search-bar i{color:#6c757d!important;margin-right:12px!important;font-size:16px!important}.countries-page .search-bar input{flex:1!important;border:none!important;background:transparent!important;outline:none!important;font-size:16px!important;color:#333!important}.countries-page .search-bar input::placeholder{color:#6c757d!important}.countries-page .filter-tabs{display:flex!important;padding:16px 20px!important;gap:12px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;width:100%!important;box-sizing:border-box!important}.countries-page .filter-tab{padding:8px 16px!important;border:1px solid #e9ecef!important;border-radius:20px!important;background:#fff!important;color:#333!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important}.countries-page .filter-tab.active{background:#e9ecef!important;color:#333!important;border-color:#dee2e6!important}.countries-page .filter-tab:hover{background:#f8f9fa!important}.countries-page .countries-section{flex:1!important;padding:20px!important;overflow-y:auto!important;min-height:0!important;width:100%!important;box-sizing:border-box!important}.countries-page .section-title{font-size:18px!important;font-weight:600!important;color:#333!important;margin-bottom:16px!important}.countries-page .countries-list{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.countries-page .country-item{display:flex!important;align-items:center!important;padding:16px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;transition:all .3s ease!important;cursor:pointer!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.countries-page .country-item:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important}.countries-page .country-flag{margin-right:16px!important}.countries-page .flag-icon{width:24px!important;height:18px!important;border-radius:4px!important;object-fit:cover!important}.countries-page .country-info{flex:1!important;min-width:0!important;max-width:calc(100% - 80px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.countries-page .country-name{font-size:16px!important;font-weight:600!important;color:#333!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .country-quantity{font-size:14px!important;color:#6c757d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .country-price{font-size:14px!important;font-weight:500!important;color:#e95300!important;white-space:nowrap!important;flex-shrink:0!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .recommendation{margin-top:24px!important;padding:16px!important;background:#fff3cd!important;border:1px solid #ffeaa7!important;border-radius:8px!important;text-align:center!important}.countries-page .recommendation p{margin:0!important;font-size:14px!important;color:#856404!important}}@media (max-width: 768px){.countries-page{width:100%;max-width:100vw;margin:0 auto;background-color:#fff;min-height:100vh;position:fixed;top:0;left:0;transform:none;box-shadow:none;z-index:1000;display:flex;flex-direction:column}.countries-page .main-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;padding:0}.countries-page .countries-header{display:flex!important;align-items:center!important;padding:16px 20px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;box-shadow:0 2px 4px #0000001a!important;width:100%!important;box-sizing:border-box!important}.countries-page .back-button{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:#f8f9fa!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important;margin-right:16px!important}.countries-page .back-button:hover{background:#e9ecef!important;transform:translate(-2px)!important}.countries-page .back-button i{font-size:16px!important;color:#333!important}.countries-page .service-header{display:flex!important;align-items:center!important;gap:12px!important}.countries-page .service-header .service-icon{width:32px!important;height:32px!important;border-radius:8px!important}.countries-page .service-name{font-size:18px!important;font-weight:600!important;color:#333!important}.countries-page .search-section{padding:20px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;width:100%!important;box-sizing:border-box!important}.countries-page .search-bar{position:relative!important;display:flex!important;align-items:center!important;background:#f8f9fa!important;border-radius:12px!important;padding:12px 16px!important;border:1px solid #e9ecef!important}.countries-page .search-bar i{color:#6c757d!important;margin-right:12px!important;font-size:16px!important}.countries-page .search-bar input{flex:1!important;border:none!important;background:transparent!important;outline:none!important;font-size:16px!important;color:#333!important}.countries-page .search-bar input::placeholder{color:#6c757d!important}.countries-page .filter-tabs{display:flex!important;padding:16px 20px!important;gap:12px!important;background:#fff!important;border-bottom:1px solid #e9ecef!important;width:100%!important;box-sizing:border-box!important}.countries-page .filter-tab{padding:8px 16px!important;border:1px solid #e9ecef!important;border-radius:20px!important;background:#fff!important;color:#333!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important}.countries-page .filter-tab.active{background:#e9ecef!important;color:#333!important;border-color:#dee2e6!important}.countries-page .filter-tab:hover{background:#f8f9fa!important}.countries-page .countries-section{flex:1!important;padding:20px!important;overflow-y:auto!important;min-height:0!important;width:100%!important;box-sizing:border-box!important}.countries-page .section-title{font-size:18px!important;font-weight:600!important;color:#333!important;margin-bottom:16px!important}.countries-page .countries-list{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.countries-page .country-item{display:flex!important;align-items:center!important;padding:16px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;transition:all .3s ease!important;cursor:pointer!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.countries-page .country-item:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important}.countries-page .country-flag{margin-right:16px!important}.countries-page .flag-icon{width:24px!important;height:18px!important;border-radius:4px!important;object-fit:cover!important}.countries-page .country-info{flex:1!important;min-width:0!important;max-width:calc(100% - 80px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.countries-page .country-name{font-size:16px!important;font-weight:600!important;color:#333!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .country-quantity{font-size:14px!important;color:#6c757d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .country-price{font-size:14px!important;font-weight:500!important;color:#e95300!important;white-space:nowrap!important;flex-shrink:0!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important}.countries-page .recommendation{margin-top:24px!important;padding:16px!important;background:#fff3cd!important;border:1px solid #ffeaa7!important;border-radius:8px!important;text-align:center!important}.countries-page .recommendation p{margin:0!important;font-size:14px!important;color:#856404!important}}.countries-header{display:flex;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a;width:100%;box-sizing:border-box}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-right:16px}.back-button:hover{background:#e9ecef;transform:translate(-2px)}.back-button i{font-size:16px;color:#333}.service-header{display:flex;align-items:center;gap:12px}.service-header .service-icon{width:32px;height:32px;border-radius:8px}.search-section{padding:20px;background:#fff;border-bottom:1px solid #e9ecef;width:100%;box-sizing:border-box}.search-bar{position:relative;display:flex;align-items:center;background:#f8f9fa;border-radius:12px;padding:12px 16px;border:1px solid #e9ecef}.search-bar i{color:#6c757d;margin-right:12px;font-size:16px}.search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:16px;color:#333}.search-bar input::placeholder{color:#6c757d}.filter-tabs{display:flex;padding:16px 20px;gap:12px;background:#fff;border-bottom:1px solid #e9ecef;width:100%;box-sizing:border-box}.filter-tab{padding:8px 16px;border:1px solid #e9ecef;border-radius:20px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-tab.active{background:#e9ecef;color:#333;border-color:#dee2e6}.filter-tab:hover{background:#f8f9fa}.countries-section{flex:1;padding:20px;overflow-y:auto;min-height:0;width:100%;box-sizing:border-box}.section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.countries-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box}.country-item{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;cursor:pointer;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.country-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.country-flag{margin-right:16px}.flag-icon{width:24px;height:18px;border-radius:4px;object-fit:cover}.country-info{flex:1;min-width:0;max-width:calc(100% - 80px);overflow:hidden}.country-name{font-size:16px;font-weight:600;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-quantity{font-size:14px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0}.country-price{font-size:14px;font-weight:500;color:#e95300;white-space:nowrap;flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis}.recommendation{margin-top:24px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;text-align:center}.recommendation p{margin:0;font-size:14px;color:#856404}}.activation-page{position:fixed;top:0;left:0;width:100%;height:100%;background:#f8f9fa;display:flex;flex-direction:column;z-index:1000;overflow-y:auto}.activation-layout{padding:20px 20px 55px;max-width:100%}@media (min-width: 1025px){.activation-page{position:absolute;top:0;left:50%;transform:translate(-50%);width:550px;max-width:550px;height:100%;background:#f8f9fa;z-index:1000}.activation-layout{padding:20px}}.tabs{display:flex;margin-bottom:20px;gap:8px}.search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f5;border-radius:12px;margin-bottom:16px}.search i{color:#999;font-size:14px}.search input{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent}.search input::placeholder{color:#999}.filters{display:flex;gap:8px;margin-bottom:20px}.filter{padding:8px 12px;background:#f5f5f5;border-radius:12px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.filter.active{background:white;color:#333;font-weight:600}.sms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sms-info{display:flex;align-items:center;gap:6px}.sms-info i{color:#999;font-size:14px}.sms-info span{font-size:14px;font-weight:500;color:#333}.refresh-icon{cursor:pointer;padding:4px;border-radius:50%;transition:background .2s ease}.refresh-icon:hover{background:#f5f5f5}.timer{font-size:12px;color:#999;font-weight:500}.number-card{background:white;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;position:relative}.activation-item{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.activation-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.number-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px}.action-btn{width:32px;height:32px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.cancel-btn{background:#ff6b6b;color:#fff}.cancel-btn:hover:not(.disabled){background:#ff5252}.confirm-sms-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:center}.btn-confirm-sms{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d}.btn-confirm-sms:hover{background:linear-gradient(135deg,#45a049 0%,#388e3c 100%);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.btn-confirm-sms:active{transform:translateY(0)}.btn-confirm-sms i{font-size:18px}.cancel-btn.disabled{background:#ccc;color:#999;cursor:not-allowed}.refresh-number-btn{background:#4CAF50;color:#fff}.refresh-number-btn:hover:not(.disabled){background:#45a049}.refresh-number-btn.disabled{background:#ccc;color:#999;cursor:not-allowed}.number-content{display:flex;align-items:center;gap:8px;justify-content:flex-start;margin-bottom:20px}.instructions-text{position:relative;text-align:center}.instructions-text p{font-size:12px;color:#333;line-height:1.4;margin:0;padding-right:35px}.service-logo,.flag{width:24px;height:24px;border-radius:50%;object-fit:cover}.number{font-size:18px;font-weight:700;color:#333;font-family:Courier New,monospace;margin:0 8px}.copy-icon{background:none;color:#333;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}.copy-icon:hover{background:#f5f5f5}.close-btn{position:absolute;top:12px;right:12px;background:#ff6b6b;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.close-btn:hover{background:#ff5252}.close-btn i{color:#fff;font-size:12px;font-weight:700}.sms-field-inline{margin:16px 0;padding:0}.sms-label{font-size:12px;color:#666;margin-bottom:8px;font-weight:500;display:flex;align-items:center;gap:4px}.sms-spinner{color:#17a2b8;font-size:14px}.verified-icon{color:#28a745;font-size:14px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.sms-content{display:flex;align-items:center;justify-content:center}.sms-code{font-size:16px;font-weight:700;color:#333;font-family:Courier New,monospace;text-align:center;padding:8px 12px;background:white;border-radius:6px;border:2px solid #28a745;min-width:100px;display:flex;align-items:center;justify-content:center;gap:10px}.sms-verified-icon{color:#28a745;font-size:20px;cursor:pointer;transition:all .3s ease;animation:scaleIn .4s ease}.sms-verified-icon:hover{color:#218838;transform:scale(1.2)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.sms-code-card{background:white;border-radius:12px;padding:16px;margin-top:16px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #28a745}.empty-activation{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;color:#ddd;margin-bottom:20px}.empty-activation h3{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.empty-activation p{font-size:14px;color:#666;margin-bottom:30px;line-height:1.5}.btn-buy-number{background:#e95300;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease}.btn-buy-number:hover{background:#d44400}.btn-buy-number i{font-size:16px}.purchase-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.purchase-modal{background:white;width:100%;max-width:100%;max-height:80vh;border-radius:20px 20px 0 0;transform:translateY(100%);animation:slideUp .3s ease forwards;overflow-y:auto}@media (min-width: 769px) and (max-width: 1024px){.purchase-modal-overlay{left:0;transform:none;width:100%;max-width:100%}.purchase-modal{width:100%;max-width:100%}}@media (min-width: 1025px){.purchase-modal-overlay{left:50%;transform:translate(-50%);width:550px;max-width:550px}.purchase-modal{width:100%;max-width:550px}}@media (max-width: 768px){.activation-search{padding:16px}.activation-filters{padding:0 16px 16px}.activation-header,.activation-number-section{padding:16px}.number-display{flex-direction:column;gap:8px;text-align:center}.phone-number{font-size:20px;margin:8px 0}.activation-instructions{padding:16px}.activation-instructions p{padding-right:40px}.close-activation-btn{width:36px;height:36px;top:16px;right:16px}.sms-field{margin:16px}}@media (min-width: 769px) and (max-width: 1024px){.activation-search{padding:24px}.activation-filters{padding:0 24px 24px}.activation-content{padding:30px}.number-display{padding:28px}.phone-number{font-size:22px}}@media (min-width: 1025px){.activation-search{padding:20px}.activation-filters{padding:0 20px 20px}.activation-content{padding:20px}.number-display{padding:24px}.phone-number{font-size:20px}}@keyframes slideUp{to{transform:translateY(0)}}.purchase-modal-header{display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid #eee;position:sticky;top:0;background:white;border-radius:20px 20px 0 0;position:relative}.purchase-modal-header .close-btn{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;position:absolute;right:20px}.purchase-modal-header .close-btn:hover{background-color:#f5f5f5}.purchase-modal-header .modal-title{font-size:18px;font-weight:600;margin:0;color:#333}.purchase-modal-content{padding:20px}.service-country-section{margin-bottom:20px}.service-row,.country-row{display:flex;flex-direction:column;margin-bottom:15px}.country-title{font-size:14px;font-weight:500;color:#666;margin-bottom:8px}.service-info{display:flex;align-items:center;gap:10px}.country-info{display:flex;flex-direction:column;align-items:flex-start;gap:0}.service-info .service-icon{width:24px;height:24px;border-radius:4px}.country-info .country-flag{width:24px;height:18px;border-radius:2px}.country-name{font-size:16px;font-weight:500;color:#333}.service-type-section{margin-bottom:20px}.service-type-toggle{display:flex;background:#f5f5f5;border-radius:8px;padding:4px;width:fit-content}.toggle-btn{padding:12px 24px;border:none;background:white;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#333;box-shadow:0 2px 4px #0000001a;white-space:nowrap}.info-section{margin-bottom:20px}.info-text{font-size:14px;color:#666;line-height:1.5;margin:0;padding:15px;background:#f8f9fa;border-radius:8px}.purchase-section{display:flex;align-items:center;gap:15px;padding-top:20px;border-top:1px solid #eee}.quantity-selector{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:8px 12px;min-width:100px}.quantity-btn{width:28px;height:28px;border:none;background:white;border-radius:8px;font-size:16px;font-weight:600;color:#e95300;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.quantity-btn:hover{background:#fff5f0;transform:scale(1.05)}.quantity-value{font-size:16px;font-weight:600;color:#333;min-width:20px;text-align:center}.buy-btn{flex:1;padding:15px 20px;background:#e95300;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.buy-btn:hover:not(.disabled){background:#d14500}.buy-btn.disabled{background:#ccc;color:#999;cursor:not-allowed;opacity:.6}.purchasing-content{display:flex;align-items:center;gap:8px;justify-content:center}.purchasing-content i{font-size:14px}@media (max-width: 768px){.purchase-modal{max-height:90vh}.purchase-modal-content{padding:15px}.purchase-section{flex-direction:row;gap:15px;align-items:center}.quantity-selector{min-width:100px}.buy-btn{flex:1;min-width:0}}.pix-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.pix-modal{background:white;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.pix-loading{text-align:center;padding:40px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #e95300;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pix-content{padding:20px}.pix-amount{text-align:center;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px}.pix-amount h4{margin:0 0 10px;color:#666;font-size:16px;font-weight:500}.amount-display{font-size:32px;font-weight:700;color:#e95300}.pix-qr-section{margin-bottom:30px;text-align:center}.pix-qr-section h4{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.qr-code-container{text-align:center;padding:10px;background:#f8f9fa;border-radius:12px;border:2px dashed #ddd;display:flex;justify-content:center;align-items:center;margin:0 auto;width:fit-content}.qr-code{display:inline-block;max-width:100%}.qr-canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;background:white;padding:8px}.qr-placeholder{color:#999;font-size:14px}.qr-placeholder i{font-size:48px;margin-bottom:10px;display:block}.pix-copy-section{margin-bottom:30px}.pix-copy-section h4{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.copy-paste-container{position:relative}.copy-paste-code{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:12px;resize:vertical;background:#f8f9fa}.copy-btn{position:absolute;top:10px;right:10px;background:#e95300;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s}.copy-btn:hover{background:#d14500}.pix-status{margin-bottom:30px;text-align:center}.status-indicator{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:25px;font-weight:600;font-size:14px}.status-indicator.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-indicator.paid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-indicator.cancelled,.status-indicator.expired{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.pix-actions{text-align:center}.btn-check-status{background:#e95300;color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:8px}.btn-check-status:hover:not(:disabled){background:#d14500}.btn-check-status:disabled{background:#ccc;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.pix-error{text-align:center;padding:40px 20px;color:#dc3545}.pix-error i{font-size:48px;margin-bottom:20px;display:block}.btn-retry{background:#e95300;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:20px}.btn-retry:hover{background:#d14500}@media (max-width: 768px){.pix-modal{margin:10px;max-height:95vh}.pix-content{padding:15px}.amount-display{font-size:28px}.qr-code-container{padding:15px;display:flex;justify-content:center;align-items:center;margin:0 auto;width:fit-content}.pix-qr-section{text-align:center}.copy-paste-code{font-size:11px;padding:12px}.copy-btn{position:absolute!important;top:10px!important;right:10px!important;background:#e95300!important;color:#fff!important;border:none!important;padding:8px 12px!important;border-radius:6px!important;font-size:12px!important;cursor:pointer!important;transition:background-color .2s!important;width:auto!important;margin:0!important;z-index:10!important}.copy-btn:hover{background:#d14500!important}}