.hko-customer-dialog{--hkc-ink:#16314d;--hkc-muted:#718198;--hkc-line:#e1e8f2;position:fixed;inset:0;margin:auto;width:min(740px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:0;border:1px solid var(--hkc-line);border-radius:26px;font:inherit;color:var(--hkc-ink);background:#fff;overflow:hidden;line-height:1.9;box-shadow:0 26px 100px #162c4933}.hko-customer-dialog[open]{display:flex;flex-direction:column}.hko-customer-dialog::backdrop{background:#15284088;backdrop-filter:blur(5px)}.hko-customer-dialog *{box-sizing:border-box}.hko-customer-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid var(--hkc-line);flex:none}.hko-customer-dialog h2{font-size:22px;margin:0}.hko-customer-dialog h3{font-size:18px;margin:0 0 18px}.hko-customer-body{padding:24px 28px;overflow:auto;min-height:0;overscroll-behavior:contain}.hko-customer-products{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.hko-customer-product{padding:16px;border:1px solid var(--hkc-line);border-radius:16px;background:#f8faff;min-width:0}.hko-customer-product small{color:var(--hkc-muted);font-size:12px}.hko-customer-product p{margin:7px 0 0;font-size:14px;font-weight:600;line-height:1.9;overflow-wrap:anywhere}.hko-customer-type{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--hkc-line);font-size:14px;color:var(--hkc-muted)}.hko-customer-type strong{color:var(--hkc-ink)}.hko-customer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hko-customer-dialog .hko-customer-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:1px solid var(--hkc-line);border-radius:13px;background:#f7f9fe;color:var(--hkc-ink);font:inherit;font-size:14px;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.hko-customer-dialog .hko-customer-button.is-primary{width:100%;background:#0917ed;color:#fff;border-color:#0917ed;font-weight:700;margin-top:12px}.hko-customer-dialog .hko-customer-button.is-selected{border-color:#0917ed;background:#edf0ff;color:#0917ed;box-shadow:0 0 0 1px #0917ed}.hko-customer-dialog .hko-customer-button.is-back{background:white;min-width:100px;margin-top:8px}.hko-customer-dialog .hko-customer-button.is-close{width:38px;min-height:38px;height:38px;padding:0;background:#f5f8fc;color:#63768b;font-size:23px;border-radius:12px}.hko-customer-dialog button:disabled{opacity:.55;cursor:default}.hko-customer-dialog button:focus-visible,.hko-customer-dialog input:focus-visible,.hko-customer-dialog summary:focus-visible{outline:2px solid #647bff;outline-offset:3px}.hko-customer-field{display:block;margin:16px 0;font-size:14px;font-weight:600}.hko-customer-field input{display:block;width:100%;border:1px solid var(--hkc-line);border-radius:13px;min-height:52px;font:inherit;padding:12px;margin-top:8px;color:var(--hkc-ink);background:#fff}.hko-customer-hint{font-size:13px;color:var(--hkc-muted)}.hko-customer-price{font-weight:700;padding:18px;background:#f3f7ff;border:1px solid var(--hkc-line);border-radius:15px}.hko-customer-structure{padding:18px;background:#fffaf0;border:1px solid #f1dfb7;border-radius:15px}.hko-customer-terms{margin:20px 0;border:1px solid var(--hkc-line);border-radius:14px;background:#fafcff}.hko-customer-terms summary{padding:14px;cursor:pointer;font-size:14px;font-weight:600}.hko-customer-terms>div{padding:0 16px 16px;white-space:pre-line;font-size:13px;line-height:2}.hko-customer-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.9;margin:18px 0}.hko-customer-consent input{flex:none;margin-top:6px;accent-color:#0917ed}.hko-customer-status{font-size:13px;min-height:0;margin:12px 0}.hko-customer-status.is-error{color:#a62b2b;padding:10px 12px;background:#fff2f2;border-radius:10px}@media(max-width:600px){.hko-customer-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:20px}.hko-customer-dialog>header{padding:18px}.hko-customer-body{padding:18px}.hko-customer-dialog h2{font-size:19px}.hko-customer-products{grid-template-columns:1fr;gap:10px}.hko-customer-product{padding:12px}.hko-customer-tabs{grid-template-columns:1fr;gap:12px}}@media(prefers-reduced-motion:reduce){.hko-customer-dialog .hko-customer-button{transition:none}}
.hko-paid-report{width:min(900px,94vw);max-width:900px}.hko-paid-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;padding:24px;line-height:2;overflow-wrap:anywhere}.hko-paid-content section{margin-top:24px}.hko-paid-content h3{margin-top:28px}.hko-paid-content table{width:100%;border-collapse:collapse}.hko-paid-content td,.hko-paid-content th{padding:12px;border:1px solid #e1e7f0}.hko-paid-content>a{display:inline-block;margin:12px 0}

.hko-paid-report{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}.hko-paid-report>header{flex:0 0 auto}@media(max-width:600px){.hko-paid-report{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.hko-paid-content{padding:18px}}
/* Comparison-only OTP: one native autofill input, six visual cells. */
.hko-auth-brand{display:none}.hko-auth-dialog{width:min(510px,calc(100vw - 28px));border-radius:28px}.hko-auth-dialog>header{padding:18px 24px}.hko-auth-dialog .hko-auth-brand{display:flex;align-items:center;gap:12px}.hko-auth-brand img{width:106px;height:43px;object-fit:contain}.hko-auth-brand span{font-size:11px;color:#7c8b9e;line-height:1.9;border-right:1px solid #e3e9f1;padding-right:12px;max-width:100px}.hko-auth-dialog #hko-customer-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hko-auth-dialog .hko-customer-body{padding:26px 34px 22px}.hko-auth-progress{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:#8a98aa;margin-bottom:25px}.hko-auth-progress strong{color:#3e5acb;font-weight:500}.hko-auth-progress i{font-style:normal;color:#dce4ee}.hko-auth-intro{text-align:center}.hko-auth-dialog .hko-auth-intro h3{font-size:24px;line-height:1.7;margin:0 0 10px;letter-spacing:-.5px;color:#18334f}.hko-auth-intro p{font-size:13px;line-height:2;color:#738297;margin:0}.hko-auth-icon{width:60px;height:60px;border-radius:20px;background:#eef3ff;color:#3153d7;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #e0e8fd;margin:0 auto 19px;font-size:25px}.hko-auth-icon.is-verified{background:#eaf7f0;color:#278269}.hko-auth-icon.is-login{font-size:0}.hko-auth-icon.is-login:before{content:'';width:18px;height:29px;border:2px solid currentColor;border-radius:5px;background:linear-gradient(currentColor,currentColor) center 22px/6px 2px no-repeat}.hko-auth-icon.is-otp:before{content:'•••';font-size:16px;letter-spacing:2px;display:grid;place-items:center;width:29px;height:23px;border:2px solid currentColor;border-radius:7px;line-height:1}.hko-auth-dialog .hko-customer-field{margin:25px 0 0;font-size:12px;color:#50647a}.hko-auth-dialog .hko-customer-field input{height:56px;background:#fbfcff;font-size:18px;letter-spacing:1px;font-weight:400;padding:12px 16px}.hko-auth-hint{font-size:11px;line-height:1.9;color:#93a0b1;margin:9px 0 0}.hko-auth-phone{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px}.hko-auth-phone bdi{font-size:15px;font-weight:600;letter-spacing:1px;color:#213b58}.hko-auth-dialog .hko-customer-button.is-edit{background:none;border:0;border-bottom:1px dashed #b1c1ee;min-height:0;padding:3px 0;border-radius:0;color:#4164d5;font-size:12px}.hko-auth-code-label{display:block;font-size:12px;font-weight:600;color:#50647a;margin:27px 0 12px}.hko-auth-code{position:relative;direction:ltr}.hko-auth-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;pointer-events:none}.hko-auth-cell{height:57px;border-radius:12px;border:1px solid #dce4ef;background:#fbfcff;display:grid;place-items:center;font-size:24px;color:#294263;font-family:Arial,sans-serif}.hko-auth-cell.is-filled{background:#f4f7ff;border-color:#b9c8f3}.hko-auth-code:focus-within .hko-auth-cell.is-active{border-color:#4d70dd;box-shadow:0 0 0 3px #eaf0ff;background:white}.hko-auth-code input{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:.015;color:transparent;caret-color:transparent;background:transparent;cursor:text;font-size:24px;direction:ltr}.hko-auth-code:has(input[aria-invalid=true]) .hko-auth-cell{border-color:#e9a7ab;background:#fff9f9}.hko-auth-under{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:8px;color:#8c99ab;font-size:11px}.hko-auth-dialog .hko-customer-button.is-resend{background:none;border:0;color:#4164d5;padding:5px 0;min-height:0;font-size:12px}.hko-auth-dialog .hko-customer-button.is-resend:disabled{color:#8c99ab;opacity:1}.hko-auth-dialog .hko-customer-button.is-primary{margin-top:23px;min-height:52px;background:#183bef;border-color:#183bef;box-shadow:0 6px 16px #1235e51b}.hko-auth-dialog .hko-customer-button.is-primary:disabled{background:#e7ecf5;border-color:#e7ecf5;color:#9ba9bc;opacity:1;box-shadow:none}.hko-auth-dialog .hko-customer-button.is-back{display:flex;margin:18px auto 0;padding:7px 14px;min-height:0;border:0;background:none;color:#8592a3;font-size:12px}.hko-auth-summary{border:1px solid #e5ebf4;background:#f9fbfe;border-radius:13px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:23px;font-size:11px;color:#8492a5}.hko-auth-summary strong{font-size:11px;font-weight:500;color:#556d87}.hko-auth-trust{border-top:1px solid #edf1f6;text-align:center;padding-top:18px;margin:17px 0 0;font-size:11px;color:#90a0b0}.hko-auth-success{padding:20px;border:1px solid #dceee4;border-radius:14px;background:#f5fbf7;margin-top:25px;font-size:13px;color:#527662;line-height:2}@media(max-width:520px){.hko-auth-dialog{border-radius:22px;width:calc(100vw - 20px)}.hko-auth-dialog>header{padding:14px 18px}.hko-auth-dialog .hko-customer-body{padding:22px 24px 18px}.hko-auth-dialog .hko-auth-intro h3{font-size:22px}.hko-auth-cells{gap:7px}.hko-auth-cell{height:53px;border-radius:11px}.hko-auth-brand img{width:94px;height:38px}.hko-auth-brand span{font-size:10px}.hko-auth-progress{margin-bottom:20px}}@media(max-width:360px){.hko-auth-dialog .hko-customer-body{padding-left:18px;padding-right:18px}.hko-auth-cells{gap:5px}.hko-auth-cell{height:48px}.hko-auth-brand span{display:none}}
.hko-profile-dialog{width:min(580px,calc(100vw - 28px))}.hko-profile-dialog .hko-customer-body{padding:26px 32px 22px}.hko-profile-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#99a6b7;margin-bottom:25px;position:relative}.hko-profile-progress>*{background:white;z-index:1;padding:0 8px}.hko-profile-progress:before{content:'';position:absolute;inset-inline:12px;top:50%;height:1px;background:#e8edf5}.hko-profile-progress span:first-child{color:#40846e}.hko-profile-progress strong{color:#4260ce;font-weight:600}.hko-profile-intro{text-align:center}.hko-profile-verified{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 12px;border-radius:50px;background:#edf8f2;color:#3c8068}.hko-profile-verified:before{content:'✓';font-weight:700}.hko-profile-dialog .hko-profile-intro h3{font-size:23px;line-height:1.7;margin:14px 0 9px;letter-spacing:-.5px}.hko-profile-intro p{font-size:13px;color:#7b8a9e;line-height:2;max-width:370px;margin:0 auto}.hko-profile-selection{margin:24px 0 8px;border:1px solid #e5ebf3;background:#f9fbfe;border-radius:13px;overflow:hidden}.hko-profile-selection summary{cursor:pointer;list-style-position:inside;padding:13px 16px;font-size:12px;color:#62768f}.hko-profile-selection summary>span{float:left;font-size:11px;color:#8a99ac}.hko-profile-products{border-top:1px solid #e8edf5;padding:0 16px}.hko-profile-products>div{padding:13px 0}.hko-profile-products>div+div{border-top:1px dashed #dfe7f2}.hko-profile-products small{font-size:11px;color:#95a0b0}.hko-profile-products p{font-size:12px;font-weight:500;line-height:1.9;color:#4e6683;margin:5px 0 0;overflow-wrap:anywhere}.hko-profile-names{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hko-profile-dialog .hko-customer-field{margin-top:19px}.hko-profile-dialog .hko-customer-field input{font-size:15px;letter-spacing:0;font-weight:400;height:54px;min-width:0}.hko-profile-dialog input::placeholder{color:#b1bac8;font-size:13px}.hko-profile-dialog .hko-customer-field:focus-within{color:#4161ce}.hko-profile-dialog input:focus{outline:0;border-color:#7a94e4;box-shadow:0 0 0 4px #eff3ff}.hko-profile-hint{text-align:center;font-size:11px;line-height:1.9;color:#95a0b1;margin:12px 0 0}.hko-profile-dialog .hko-customer-button.is-primary{margin-top:24px}.hko-profile-dialog .hko-customer-status:empty{display:none}.hko-profile-dialog .hko-customer-button.is-back{margin-top:14px}@media(max-width:520px){.hko-profile-dialog .hko-customer-body{padding:22px 22px 18px}.hko-profile-dialog .hko-profile-intro h3{font-size:21px}.hko-profile-names{grid-template-columns:1fr;gap:0}.hko-profile-progress{font-size:10px;gap:4px}.hko-profile-progress>*{padding:0 5px}.hko-profile-selection summary{font-size:11px;padding:12px}.hko-profile-selection summary>span{font-size:10px}}
.hko-basket-dialog{width:min(660px,calc(100vw - 28px));border-radius:28px}.hko-basket-dialog>header{padding:18px 24px;gap:16px}.hko-basket-dialog .hko-auth-brand{display:flex;align-items:center}.hko-basket-dialog .hko-auth-brand span{display:none}.hko-basket-dialog #hko-customer-title{flex:1;font-size:18px;text-align:right}.hko-basket-dialog .hko-customer-body{padding:24px 28px 20px}.hko-basket-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;color:#667c94;font-size:12px}.hko-basket-heading small{font-size:10px;color:#879bb1;background:#f1f5fb;border:1px solid #e4ebf4;padding:2px 9px;border-radius:30px}.hko-basket-dialog .hko-customer-products{gap:12px;margin-bottom:28px}.hko-basket-dialog .hko-customer-product{padding:16px 18px;background:#f8fafd;border:1px solid #e5ebf4;border-radius:16px;min-height:104px}.hko-basket-dialog .hko-customer-product small{font-size:10px;color:#8b9bb0}.hko-basket-dialog .hko-customer-product p{font-size:13px;font-weight:600;line-height:1.9;color:#405975;margin-top:8px}.hko-basket-dialog .hko-customer-step>h3{text-align:center;font-size:22px;margin:0 0 7px;line-height:1.7;letter-spacing:-.4px}.hko-basket-intro{text-align:center;font-size:12px;line-height:1.9;color:#8594a8;margin:0 0 22px}.hko-basket-dialog .hko-customer-tabs{gap:14px;grid-template-columns:1fr 1fr}.hko-basket-dialog .hko-customer-tabs>.hko-customer-button{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:right;justify-content:flex-start;gap:10px;min-height:145px;padding:22px 18px 16px;border:1px solid #e0e7f2;border-radius:17px;background:#fff;font-size:15px;font-weight:700;color:#334f6d;box-shadow:0 2px 6px #18345003}.hko-basket-dialog .hko-customer-tabs>.hko-customer-button:before{content:'';position:absolute;inset-inline-end:15px;top:17px;width:16px;height:16px;border:1.5px solid #d1dced;border-radius:50%;background:white}.hko-basket-dialog .hko-customer-tabs>.hko-customer-button.is-selected{border-color:#6b86e9;background:#f5f7ff;box-shadow:0 0 0 2px #eef2ff;color:#314fc3}.hko-basket-dialog .hko-customer-tabs>.hko-customer-button.is-selected:before{border:5px solid #4c6bd5}.hko-basket-option-copy{font-size:11px;font-weight:400;color:#7d8da2;line-height:1.9;display:block}.hko-basket-option-hint{font-size:10px;font-weight:400;color:#7186ac;background:#f3f6fc;padding:2px 9px;border-radius:6px;margin-top:auto}.hko-basket-dialog .hko-customer-button.is-selected .hko-basket-option-hint{background:#eaf0ff;color:#5772bf}.hko-basket-dialog .hko-customer-step>.hko-customer-hint{font-size:11px;line-height:1.9;color:#8c9baf;text-align:center;margin:15px 0 0;min-height:21px}.hko-basket-dialog .hko-customer-button.is-primary{background:#183bef;border-color:#183bef;min-height:52px;margin-top:21px;box-shadow:0 6px 16px #1235e51b}.hko-basket-dialog .hko-customer-button.is-primary:disabled{background:#e7ecf5;border-color:#e7ecf5;color:#9ba9bc;opacity:1;box-shadow:none}.hko-basket-dialog .hko-customer-button.is-back{display:flex;margin:14px auto 0;padding:7px 14px;min-height:0;border:0;background:none;color:#8592a3;font-size:12px}.hko-basket-dialog .hko-customer-status:empty{display:none}@media(max-width:600px){.hko-basket-dialog{width:calc(100vw - 20px);border-radius:22px}.hko-basket-dialog>header{padding:14px 18px;gap:12px}.hko-basket-dialog #hko-customer-title{font-size:16px}.hko-basket-dialog .hko-auth-brand img{width:86px;height:35px}.hko-basket-dialog .hko-customer-body{padding:22px 20px 18px}.hko-basket-dialog .hko-customer-products{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:25px}.hko-basket-dialog .hko-customer-product{padding:12px;min-height:100px}.hko-basket-dialog .hko-customer-product p{font-size:11px}.hko-basket-dialog .hko-customer-tabs{grid-template-columns:1fr;gap:11px}.hko-basket-dialog .hko-customer-tabs>.hko-customer-button{min-height:0;padding:18px 17px 15px;gap:8px;font-size:14px}.hko-basket-dialog .hko-customer-tabs>.hko-customer-button:before{top:19px}.hko-basket-dialog .hko-customer-step>h3{font-size:21px}}@media(max-width:360px){.hko-basket-dialog .hko-customer-products{grid-template-columns:1fr}.hko-basket-dialog .hko-customer-product{min-height:0}.hko-basket-dialog #hko-customer-title{font-size:14px}}
.hko-payment-dialog{width:min(560px,calc(100vw - 28px))}.hko-payment-dialog .hko-customer-body{padding:24px 30px 18px}.hko-payment-intro{text-align:center}.hko-payment-dialog .hko-payment-intro h3{font-size:23px;letter-spacing:-.5px;line-height:1.7;margin:0 0 8px}.hko-payment-intro>p{font-size:12px;line-height:1.9;color:#8594a8;margin:0 auto;max-width:360px}.hko-payment-dialog .hko-profile-selection{margin:22px 0 14px}.hko-payment-invoice{padding:18px 20px;border:1px solid #e1e8f4;background:linear-gradient(120deg,#f4f7ff,#fafcff);border-radius:17px}.hko-payment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#8997aa;padding-bottom:16px;border-bottom:1px dashed #dae3f0}.hko-payment-row strong{font-size:12px;color:#50678b;font-weight:500}.hko-payment-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px}.hko-payment-total>span{font-size:12px;color:#788ca6}.hko-payment-total strong{font-size:24px;line-height:1.7;letter-spacing:-.6px;color:#253f71;font-weight:750}.hko-payment-delivery{font-size:11px;line-height:1.95;color:#8d9db3;margin:15px 0 0}.hko-payment-benefit{margin:16px 0;padding:14px 16px;border:1px solid #d9eade;background:#f4faf6;border-radius:13px}.hko-payment-benefit>strong{display:block;font-size:12px;font-weight:600;color:#4d8068}.hko-payment-benefit>strong:before{content:'↶';font-size:15px;margin-inline-end:6px}.hko-payment-benefit p{font-size:11px;line-height:2;color:#7d9c8c;margin:5px 0 0}.hko-payment-dialog .hko-customer-terms{margin:16px 0;background:#fff;border-color:#e6ebf3}.hko-payment-dialog .hko-customer-terms summary{padding:12px 14px;font-size:12px;color:#7e8da2;font-weight:500}.hko-payment-dialog .hko-customer-consent{font-size:12px;line-height:1.95;margin:17px 0 0;color:#677c96;gap:9px}.hko-payment-dialog .hko-customer-consent input{width:15px;height:15px;margin-top:4px;flex:none}.hko-payment-dialog .hko-customer-button.is-primary{margin-top:20px}.hko-payment-bank-hint{text-align:center;font-size:10px;line-height:1.8;color:#95a3b6;margin:9px 0 0}.hko-payment-dialog .hko-customer-status:empty{display:none}.hko-payment-dialog .hko-customer-button.is-back{margin-top:12px}@media(max-width:520px){.hko-payment-dialog .hko-customer-body{padding:22px 22px 16px}.hko-payment-dialog .hko-payment-intro h3{font-size:21px}.hko-payment-invoice{padding:16px}.hko-payment-total strong{font-size:21px}.hko-payment-dialog .hko-profile-progress{font-size:10px;gap:4px}.hko-payment-dialog .hko-profile-progress>*{padding:0 5px}}@media(max-width:360px){.hko-payment-total{align-items:flex-start;flex-direction:column;gap:4px}}