*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Kanit,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#fff;margin:0 auto;max-width:100%;min-height:100vh;position:relative;width:400px}.header{background-color:#202946;color:#fff;padding:20px}.navigation{justify-content:space-between}.nav-left,.navigation{align-items:center;display:flex}.nav-left{gap:6px}.back-arrow{cursor:pointer;font-size:18px;font-weight:700;height:24px;width:16px}.nav-title{font-family:Kanit,sans-serif;font-size:18px;font-weight:500}.nav-right{gap:12px}.nav-right,.number-selection{align-items:center;display:flex}.number-dropdown{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:16px;color:#fff;cursor:pointer;font-family:Kanit,sans-serif;font-size:12px;font-weight:400;outline:none;padding:6px 12px;transition:all .2s ease;width:120px}.number-dropdown:focus{background-color:#ffffff26;border-color:#fff}.number-dropdown option{background-color:#202946;color:#fff;padding:8px}.my-cards-btn{background-color:initial;border:1px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-family:Kanit,sans-serif;font-size:12px;font-weight:500;min-width:100px;padding:4px 16px}.category-tabs{background-color:#202946;border-radius:0 0 15px 15px;display:flex;gap:30px;justify-content:center;padding:16px 20px;position:relative;z-index:1}.category-tab{cursor:pointer;flex-direction:column;gap:8px}.category-icon,.category-tab{align-items:center;display:flex;transition:all .3s ease}.category-icon{background-color:#202a44;border:1px solid #fff;border-radius:50%;font-size:20px;height:70px;justify-content:center;width:70px}.category-icon .category-icon-inner{align-items:center;background-color:#202a44;border:3px solid #202a44;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.category-icon-img{object-fit:contain}.category-tab.active .category-icon .category-icon-inner{background-color:#ce0037}.category-tab.active .category-label{color:#fff}.category-label{color:#fff;font-size:16px;font-weight:400}.balance-bar{background-color:#4f55d9;border-radius:0 0 15px 15px;color:#fff;font-size:14px;font-weight:400;margin-top:-15px;padding:30px 20px 15px;text-align:center}.balance-bar strong{font-weight:600}.content{background-color:#fff;flex:1 1;padding:20px}.gift-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.gift-card{cursor:pointer;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.gift-card:hover{transform:translateY(-2px)}.gift-card-icon{align-items:center;background:#f5f5f5;border-radius:15px;display:flex;font-size:20px;height:100px;justify-content:center;margin:0 auto 8px;overflow:hidden;width:100px}.gift-card-icon-img{height:100%;width:100%}.gift-card-name{color:#202a44;font-size:12px;font-weight:500}.loading{color:#6b7280}.error,.loading{padding:40px;text-align:center}.error{color:#ef4444}@media (max-width:360px){.app{max-width:100%}.gift-cards-grid{gap:10px}.gift-card-icon{height:80px;width:80px}.gift-card-icon-img{width:40px}.card-icon{height:50px;width:50px}.card-info{padding:10px}.card-name{font-size:14px}.card-order-date,.card-validity{font-size:11px}.card-arrow{font-size:16px;padding:10px}}.detail-content{background-color:#fff;padding:20px}.detail-content-inner{background-color:#f4f4f4;padding:20px}.gift-card-visual{margin-bottom:30px}.card-row{gap:-10px;margin-bottom:20px}.card-row,.gift-card-sample{align-items:center;display:flex;justify-content:center}.gift-card-sample{border-radius:8px;font-size:24px;position:relative;z-index:1}.gift-card-sample:first-child{margin-left:0}.gift-card-sample.card-1{background-color:#fff;border:1px solid #e5e7eb;height:100px;overflow:hidden;width:160px;z-index:1}.gift-card-sample.card-1 img{border-radius:8px;height:90%;margin:auto;object-fit:contain;width:90%}.gift-card-sample.card-2{background:linear-gradient(45deg,#4ecdc4,#45b7d1,#96ceb4);z-index:2}.gift-card-sample.card-3.active{background:linear-gradient(45deg,#ff6b6b,orange,#4ecdc4,#45b7d1,#96ceb4);box-shadow:0 4px 16px #0003;transform:scale(1.1);z-index:5}.gift-card-sample.card-4{background:linear-gradient(45deg,#ffd93d,#6bcf7f);z-index:2}.gift-card-sample.card-5{background:linear-gradient(45deg,#ff6b6b,#ff8e8e,orange);z-index:1}.description{margin-bottom:30px}.description p{color:#221e20;font-size:14px;font-weight:400;line-height:1.5;text-align:left}.country-selection{margin-top:20px}.country-options{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);justify-content:start}.country-option{cursor:pointer;flex-direction:column;text-align:center}.country-option,.flag{display:flex;justify-content:center}.flag{align-items:center;background-color:#f5f5f5;border-radius:8px;font-size:32px;height:80px;margin:0 auto;overflow:hidden;padding:20px;width:80px}.flag img{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.country-name{color:#221e20;font-size:14px;font-weight:400}.denominations-title{color:#374151;font-size:18px;font-weight:600;margin-bottom:20px;text-align:left}.denominations-list{display:flex;flex-direction:column;gap:12px}.denomination-card{align-items:center;background-color:#fff;border-radius:16px;display:flex;justify-content:space-between;padding:16px 20px}.denomination-info{display:flex;flex-direction:column;gap:4px}.bhd-value{color:#374151;font-size:16px;font-weight:600}.usd-value{color:#6b7280;font-size:14px;font-weight:400}.buy-button{background:linear-gradient(86.28deg,#202a44 65%,#ce0037);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .3s ease}.purchase-content{background-color:#fff;padding:20px 20px 80px}.purchase-title{color:#000;font-size:24px;font-weight:700;margin-bottom:20px;text-align:left}.purchase-details{background:#f4f4f4;display:flex;flex-direction:column;margin:0 -20px;padding:20px}.detail-section{background-color:#fff;border:1px solid #f4f4f4;border-radius:15px}.detail-label{color:#6b7280;font-size:14px}.detail-section-head{align-items:center;display:flex;gap:10px;justify-content:start;padding:15px}.phone-icon{font-size:20px}.bhd-amount,.phone-number{color:#000;font-size:18px;font-weight:700}.card-name{color:#6b7280;font-size:14px}.sub-detail{border-bottom:1px solid #e5e7eb;padding:20px}.sub-label{color:#6b7280;font-size:14px}.sub-value{color:#000;font-size:16px;font-weight:700}.order-total{background-color:#e5e1e6;border-radius:0 0 15px 15px;display:flex;flex-direction:column;gap:5px;padding:20px}.order-total-row{align-items:center;display:flex;justify-content:space-between}.total-label{color:#000;font-size:16px;font-weight:600}.total-amount{color:#000;font-size:18px;font-weight:700}.vat-applicable-text{color:#6b7280;font-size:11px;font-weight:400;margin-top:-5px;text-align:left}.purchase-footer{background:#fff;border-top:1px solid #e0e0e0;bottom:0;left:50%;max-width:400px;padding:16px 20px;position:fixed;transform:translateX(-50%);width:100%}.terms-confirmation{align-items:flex-start;display:flex;gap:8px;margin-bottom:16px}.info-icon{font-size:16px;margin-top:2px}.terms-text{color:#221e20;font-size:14px;font-weight:400;line-height:1.4}.purchase-btn{background:linear-gradient(86.28deg,#202a44 65%,#ce0037);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:400;padding:12px;transition:all .3s ease;width:100%}.purchase-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.confirm-purchase-content{background-color:#f4f4f4;padding:20px 20px 80px}.confirm-details{display:flex;flex-direction:column;gap:20px}.confirm-detail-section{background-color:#fff;border-radius:12px}.confirm-detail-label{color:#6b7280;font-size:14px}.confirm-phone-number{color:#000;font-size:18px;font-weight:700}.confirm-gift-card-details{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;padding:15px}.confirm-bhd-value{color:#000;font-size:16px;font-weight:600}.confirm-gift-card-name{color:#000;font-size:16px;font-weight:400}.confirm-gift-card-value-label{color:#6b7280;font-size:14px;margin-bottom:4px;margin-top:12px}.confirm-gift-card-value{color:#000;font-size:16px;font-weight:400}.confirm-valid-until-label{color:#6b7280;font-size:14px;margin-bottom:4px;margin-top:12px}.confirm-valid-until-date{color:#000;font-size:16px;font-weight:400}.confirm-order-total-section{background:#e5e1e6;border:none;border-radius:0 0 15px 15px;display:flex;flex-direction:column;gap:5px;padding:15px}.confirm-order-total-label,.confirm-order-total-value{color:#000;font-size:16px;font-weight:700}.confirm-order-total-value{align-items:center;display:flex;justify-content:space-between}.confirm-vat-applicable-text{color:#6b7280;font-size:11px;font-weight:400;margin-top:-5px;text-align:left}.confirm-footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;display:flex;flex-direction:column;gap:15px;left:50%;max-width:375px;padding:20px;position:fixed;transform:translateX(-50%);width:100%}.confirm-terms-text{align-items:flex-start;color:#221e20;display:flex;font-size:14px;font-weight:400;gap:8px;line-height:1.4}.confirm-terms-icon{color:#22c55e;font-size:16px;line-height:1;margin-top:2px}.confirm-purchase-button{background:linear-gradient(86.28deg,#202a44 65%,#ce0037);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:400;padding:12px;transition:all .3s ease;width:100%}.confirm-purchase-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.error-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.error-modal{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;max-width:320px;position:relative;width:90%}.error-modal-header{padding:16px 20px 0;position:relative}.error-modal-title{color:#6b7280;font-size:14px;font-weight:500}.error-modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;position:absolute;right:20px;top:16px;width:24px}.error-modal-content{padding:20px;text-align:center}.error-icon{align-items:center;background-color:#ef4444;border-radius:12px;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.error-title{color:#000;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:12px}.error-message{color:#6b7280;font-size:14px;line-height:1.4;margin-bottom:24px}.error-actions{display:flex;flex-direction:column;gap:12px}.error-primary-btn{background:linear-gradient(86.28deg,#202a44 65%,#ce0037);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:14px 20px;transition:all .3s ease}.error-primary-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.error-secondary-btn{background-color:#fff;border:2px solid #1e3a8a;border-radius:25px;color:#1e3a8a;cursor:pointer;font-size:14px;font-weight:400;padding:12px 20px;transition:all .3s ease}.error-secondary-btn:hover{background-color:#1e3a8a;color:#fff}.otp-content{background-color:#fff;padding:20px}.otp-title{color:#000;font-size:24px;font-weight:700}.otp-instruction,.otp-title{margin-bottom:8px;text-align:left}.otp-instruction{color:#374151;font-size:16px}.otp-message{color:#6b7280;font-size:14px;line-height:1.4;margin-bottom:32px;text-align:left}.otp-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.validation-message{color:#6b7280;font-size:16px;font-style:italic}.success-message,.validation-message{margin-bottom:24px;text-align:center}.success-icon{align-items:center;background-color:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.success-text{color:#22c55e;font-size:18px;font-weight:600}.otp-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.resend-link{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline}.timer{align-items:center;display:flex;gap:6px}.timer-icon{font-size:16px}.timer-text{color:#6b7280;font-size:14px;font-weight:600}.success-actions{text-align:center}.success-btn{background:linear-gradient(86.28deg,#202a44 65%,#ce0037);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.success-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.otp-input{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#000;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;outline:none;text-align:center;transition:all .3s ease;width:60px}.otp-input.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.otp-input.filled{background-color:#f8fafc;border-color:#8b5cf6}.otp-input:disabled{background-color:#f9fafb;color:#6b7280}.my-cards-content{background-color:#fff;padding:20px 20px 100px}.cards-tabs{background-color:#e5e1e6;border-radius:50px;display:flex;margin-bottom:24px;padding:8px}.tab-btn{background-color:initial;border:none;border-radius:25px;color:#202a44;cursor:pointer;flex:1 1;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.tab-btn.active{background-color:#202a44;color:#fff}.cards-content{gap:24px}.card-section,.cards-content{display:flex;flex-direction:column}.card-section{gap:12px}.section-title{color:#221e20;font-size:16px;font-weight:400;margin-bottom:8px}.card-item{align-items:center;background-color:#f5f5f5;border:2px solid #f3f3f3;border-radius:8px;cursor:pointer;display:flex;gap:0;overflow:hidden;padding:0;transition:all .3s ease;width:100%}.card-item:hover{border-color:#1e3a8a;box-shadow:0 2px 8px #1e3a8a1a}.card-icon{align-items:center;background-color:#fbfbfd;border-radius:8px 0 0 8px;display:flex;flex-shrink:0;font-size:18px;height:120px;justify-content:center;overflow:hidden;width:100px}.card-icon img{height:100%;object-fit:contain;width:100%}.card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:hidden;padding:15px}.card-name{color:#202a44;font-size:16px}.card-name,.card-validity{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-validity{color:#000;font-size:12px}.card-validity span{color:#4f55d9;display:block;font-size:12px;font-weight:400}.card-order-date{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-validity.expired{color:#ef4444}.card-arrow{align-items:center;color:#4f55d9;display:flex;flex-shrink:0;font-size:18px;font-weight:400;justify-content:center;padding:12px}.my-cards-footer{background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px #0000000d;left:50%;max-width:375px;padding:20px;position:fixed;transform:translateX(-50%);width:100%}.back-to-home-btn{background:linear-gradient(86.28deg,#202a44 65%,#ce0037);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Kanit,sans-serif;font-size:16px;font-weight:400;padding:12px;transition:all .3s ease;width:100%}.back-to-home-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.gift-card-detail-content{background-color:#fff;padding:20px}.detail-title{word-wrap:break-word;color:#000;font-size:24px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin-bottom:20px;text-align:left}.gift-card-number-card{background-color:#e5e1e6;border-radius:12px;display:flex;gap:10px;justify-content:start;margin-bottom:20px;padding:16px}.card-number-header{align-items:center;display:flex;gap:12px}.card-icon-small{align-items:center;background-color:#fbfbfd;border-radius:6px;display:flex;flex-shrink:0;font-size:14px;height:40px;justify-content:center;width:40px}.card-icon-small img{height:24px;object-fit:contain;width:24px}.card-number-label{color:#221e20;font-size:12px;font-weight:300}.card-number{color:#221e20;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.card-actions{display:flex;gap:12px}.share-btn{align-items:center;background-color:#fff;border:none;border-radius:25px;color:#4f55d9;cursor:pointer;display:flex;flex:1 1;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:4px 16px;transition:all .3s ease}.share-btn:hover{background-color:#3b82f6;color:#fff}.copy-btn{align-items:center;background:linear-gradient(86.28deg,#202a44 65%,#ce0037);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:4px 16px;transition:all .3s ease}.copy-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.action-icon{font-size:16px}.purchase-details-cards{background:#f4f4f4;display:flex;flex-direction:column;gap:12px;padding:20px 20px 100px}.detail-card{align-items:center;background-color:#fff;border-radius:15px;display:flex;gap:10px;padding:15px}.detail-label{color:#999;font-size:12px;font-weight:400}.detail-value{color:#202a44;font-size:16px;font-weight:500}.detail-sub-value{color:#6b7280;font-size:14px}.phone-icon-small{font-size:16px}.purchase-details-inner-cards{background:#fff;border-radius:15px;overflow:hidden}.purchase-details-inner-cards .detail-card{border-bottom:1px solid #f4f4f4;border-radius:0}.detail-footer{background:#f4f4f4;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;left:50%;max-width:375px;padding:20px;position:fixed;transform:translateX(-50%);width:100%}.card-serial-code{display:flex;flex-direction:column;font-size:12px;gap:2px;margin:8px 0}.serial-label{color:#666;font-weight:500}.serial-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:Courier New,monospace;font-weight:600;padding:4px 8px;word-break:break-all}.serial-value.decrypt-error{background:#f8d7da;border-color:#f5c6cb;color:#dc3545}.serial-value{cursor:pointer;transition:all .2s ease}.serial-value:hover{background:#e9ecef;border-color:#007aff}.serial-value.decrypt-error:hover{background:#f1b0b7}.card-number.encrypted{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;font-family:Courier New,monospace;font-size:14px;padding:8px 12px;word-break:break-all}.phone-number-display{background:#fff;border-radius:15px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:15px}.phone-number-header{align-items:center;display:flex;gap:12px}.phone-number-info{flex:1 1}.phone-label{color:#999;font-size:12px;font-weight:400;margin-bottom:4px}.phone-value{color:#202a44;font-size:16px;font-weight:600}.selected-number-display{align-items:center;background:#007aff1a;border-radius:20px;display:flex;gap:6px;margin-right:10px;padding:6px 12px}.number-text{color:#007aff;font-size:14px;font-weight:500}
/*# sourceMappingURL=main.4f3ce30f.css.map*/