@font-face{font-family:Shopee Display;src:url(/fonts/shopee-display-regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Shopee Display;src:url(/fonts/shopee-display-bold.ttf)format("truetype");font-weight:600 800;font-display:swap}@font-face{font-family:Shopee Display;src:url(/fonts/shopee-display-black.ttf)format("truetype");font-weight:900;font-display:swap}.shop-account-controls{align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex;position:relative}.shop-account-controls>button{color:#f5eaff;white-space:nowrap;background:#27144688;border:1px solid #c99bff55;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:5px 10px;display:flex}.shop-account-controls>.shop-register-button{color:#532675;background:#f5deff;border-color:#e3bfff}.shop-account-controls>.shop-balance-button{color:#62395b;background:#ffeaa0;border-color:#ffe385}.shop-balance-button>span{border-left:1px solid #b8895877;padding-left:7px;font-size:11px}.shop-user-button>span{text-overflow:ellipsis;max-width:110px;overflow:hidden}.shop-owner-link{color:#d6b9fa;font-size:11px}.shop-account-controls>.shop-icon-button{padding:5px 7px}.shop-header-error{color:#a13963;z-index:5;background:#fff1f5;border-radius:7px;min-width:240px;padding:6px 10px;position:absolute;top:34px;right:0}.shop-dialog{color:#51296d;background:linear-gradient(145deg,#fffaff,#eee2ff);border:1px solid #dcb6f3;border-radius:20px;width:calc(100% - 28px);max-width:540px;max-height:91svh;margin:auto;padding:29px 28px;font-family:Shopee Display,Segoe UI,sans-serif;position:fixed;overflow:auto;box-shadow:0 28px 100px #09021a99}.shop-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a031fd9}.shop-dialog button,.shop-dialog input{font-family:inherit}.shop-dialog-close{color:#9461ad;background:#e6d2f555;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:11px;right:11px}.shop-dialog h2{letter-spacing:-.4px;margin:5px 0 12px;padding-right:15px;font-size:28px;font-weight:900;line-height:1.2}.shop-dialog h3{margin:23px 0 12px;font-size:18px;font-weight:800}.shop-modal-eyebrow{letter-spacing:1.2px;color:#9761b5;font-size:11px;font-weight:800}.shop-muted{color:#8a659e;margin:8px 0;font-size:14px;line-height:1.65}.shop-form{flex-direction:column;gap:15px;margin-top:19px;display:flex}.shop-form label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;line-height:1.5;display:flex}.shop-form input{color:#613a79;background:#fff;border:1px solid #cfafe7;border-radius:9px;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:16px;font-weight:400}.shop-form input:focus{outline-offset:2px;outline:2px solid #b890d6}.shop-primary,.shop-secondary{color:#6b3d5d;background:linear-gradient(100deg,#fff0a4,#ffdb70);border:1px solid #e4be61;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:9px 14px;font-size:15px;font-weight:800;display:flex}.shop-primary:disabled,.shop-secondary:disabled{opacity:.55;cursor:not-allowed}.shop-secondary{color:#82549d;background:#fbf5ff;border-color:#cfb0e5;min-height:38px;font-size:13px}.shop-text-button{color:#9757b8;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:14px;font-weight:700;display:inline-flex}.shop-auth-switch{text-align:center;color:#9472a7;margin:21px 0 0;font-size:14px}.shop-auth-switch button{color:#9253b8;font-weight:800}.shop-alert{color:#ad3f69;background:#fff0f5;border:1px solid #f0bdd0;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:14px;line-height:1.6}.shop-notice{color:#805595;background:#f1e5ff;border:1px solid #d9bdf1;border-radius:9px;margin:12px 0;padding:11px 12px;font-size:14px;line-height:1.65}.shop-wallet-balance{color:#8f6c48;background:#fff0c3;border:1px solid #e8d18c;border-radius:13px;align-items:center;gap:12px;margin:16px 0;padding:16px;display:flex}.shop-wallet-balance>span{font-size:13px}.shop-wallet-balance strong{color:#663c6c;font-size:32px;font-weight:900;line-height:1.2;display:block}.shop-amount-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.shop-amount-options button{background:#fff8;border:1px solid #d4b7e8;border-radius:9px;padding:10px 6px;font-size:17px;font-weight:900}.shop-payment-qr{background:#fff;border-radius:12px;width:100%;max-width:260px;height:auto;margin:14px auto;display:block}.shop-payment-detail dl{margin:16px 0;font-size:14px;line-height:1.5}.shop-payment-detail dl>div{border-bottom:1px solid #ddc5eb;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.shop-payment-detail dt{color:#9670aa;flex-shrink:0}.shop-payment-detail dd{text-align:right;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:700}.shop-payment-detail dd button{max-width:100%;font-size:inherit;overflow-wrap:anywhere;word-break:break-all;align-items:center;gap:6px;display:inline-flex}.shop-transfer-reference{color:#734493;background:#e9d7f9;border-radius:7px;padding:10px!important}.shop-payment-detail>.shop-secondary{width:100%}.shop-success{color:#36755a;text-align:center;background:#e6f6ed;border:1px solid #b6ddc7;border-radius:12px;padding:18px;font-size:16px;line-height:1.6}.shop-success>.shop-primary{width:100%;margin-top:16px}.shop-history-actions{align-items:center;gap:10px;margin:12px 0;display:flex}.shop-history-actions>strong{margin-right:auto;font-size:30px;font-weight:900}.shop-icon-button{min-width:28px;min-height:30px;color:inherit;justify-content:center;align-items:center;display:flex}.shop-list{flex-direction:column;gap:10px;display:flex}.shop-order-row{background:#fff9;border:1px solid #dcc3eb;border-radius:11px;padding:13px;font-size:14px;line-height:1.6}.shop-order-row>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.shop-order-row>div>strong{font-size:16px}.shop-order-row p{margin:4px 0}.shop-order-row small{color:#a082ae;font-size:12px}.shop-status{color:#925eb3;white-space:nowrap;background:#ede1fa;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:800}.status-completed{color:#367f5b;background:#dff1e7}.status-failed,.status-submission_unknown{color:#aa7936;background:#fff0cc}.status-refunded{color:#5475ab;background:#e1eafb}.shop-empty{color:#a282b2;text-align:center;border:1px dashed #ceb5e2;border-radius:9px;padding:17px;font-size:14px}.shop-transaction{border-bottom:1px solid #dcc6e9;justify-content:space-between;align-items:flex-start;gap:14px;padding:11px 0;font-size:14px;display:flex}.shop-transaction>div{min-width:0}.shop-transaction strong{font-size:13px;line-height:1.6;display:block}.shop-transaction small{color:#a283b0;font-size:11px}.shop-transaction>b{white-space:nowrap}.shop-credit{color:#2f956a}.shop-pending-topup{color:#8c57a7;background:#fff9;border:1px solid #d5b5e9;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:7px 0;padding:11px 13px;font-size:14px;display:flex}.shop-pending-topup small{color:#b296c1;margin-top:3px;font-size:11px;display:block}.shop-profile-actions{border-top:1px solid #d8bfe8;gap:20px;margin-top:18px;padding-top:8px;display:flex}.customer-confirm-note.shop-live-note{font-size:14px;line-height:1.65}.customer-account-warning{color:#986128;margin:6px 0;font-size:12px;line-height:1.4}@media (max-width:850px){.shop-account-controls{gap:6px;font-size:12px}.shop-account-controls>button{padding:4px 7px}.shop-user-button>span,.shop-owner-link,.customer-header .customer-anniversary{display:none}}@media (max-width:480px){.shop-account-controls{gap:5px;font-size:11px}.shop-account-controls>button{min-height:27px;padding:3px 7px}.shop-user-button{display:none!important}.shop-balance-button>span{padding-left:5px;font-size:10px}.shop-account-controls svg{width:14px}.shop-dialog{border-radius:16px;padding:27px 19px}.shop-dialog h2{font-size:25px}.shop-wallet-balance strong{font-size:29px}.shop-order-row>div{align-items:flex-start}.shop-status{padding:3px 6px;font-size:10px}}.shop-account-controls>button,.shop-account-controls>.shop-register-button,.shop-account-controls>.shop-balance-button{color:#eef4fa;background:#0d1117;border-color:#34404c}.shop-account-controls>.shop-balance-button strong{color:#39df7c}.shop-balance-button>span{color:#b7c1cc;border-left-color:#46525f}.shop-dialog{color:#f3f6fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:#3a4653 #0b0e12;background:#101318;border-color:#333c47;box-shadow:0 28px 100px #020309cc}.shop-dialog::backdrop{background:#020309df}.shop-dialog-close{color:#aeb9c6;background:#1b2027}.shop-modal-eyebrow{color:#78bfff}.shop-muted{color:#aab4c2}.shop-form input{color:#f4f7fb;background:#090c10;border-color:#36404b}.shop-form input:focus{outline-color:#258fe8}.shop-form input::placeholder{color:#818c99}.shop-secondary{color:#dbe3eb;background:#14191f;border-color:#3a4653}.shop-text-button,.shop-auth-switch button{color:#68b7ff}.shop-auth-switch{color:#aab4c2}.shop-wallet-balance{color:#aab4c2;background:#11171a;border-color:#285d42}.shop-wallet-balance strong,.shop-history-actions>strong,.shop-money-value,.shop-credit{color:#39df7c}.shop-amount-options button{color:#eaf0f6;background:#151a20;border-color:#36404b}.shop-amount-options button[aria-pressed=true]{background:#10243a;border-color:#258fe8;box-shadow:0 0 0 1px #168cff55}.shop-notice{color:#b9d6ee;background:#111a24;border-color:#294762}.shop-payment-detail dl>div{border-bottom-color:#2b323b}.shop-payment-detail dt{color:#9ba7b4}.shop-transfer-reference{color:#b9dcf7;background:#11243a}.shop-order-row{background:#14181e;border-color:#303844}.shop-order-row small,.shop-transaction small{color:#929eab}.shop-ticket-value{color:#ffd84d;font-weight:800}.shop-status{color:#cbd3dc;background:#272d34;border-radius:7px}.shop-status.status-completed{color:#e5f5ff;background:#0d5faf;border:1px solid #258ef0}.shop-status.status-processing{color:#ffe7a0;background:#4a3b11}.shop-status.status-failed,.shop-status.status-submission_unknown{color:#ffc2cd;background:#4b1f2a}.shop-status.status-refunded{color:#bfe1ff;background:#173755}.shop-empty{color:#9ca8b5;border-color:#3a4653}.shop-transaction{border-bottom-color:#2b323b}.shop-debit{color:#ff879d}.shop-pending-topup{color:#cfe7fb;background:#14181e;border-color:#36404b}.shop-pending-topup small{color:#929eab}.shop-profile-actions{border-top-color:#2b323b}