:root {
  color-scheme: light;
  --bg: #f7f8fc;
  --surface: #ffffff;
  --surface-2: #f4f5fa;
  --surface-3: #eceef7;
  --line: rgba(38, 44, 70, 0.11);
  --text: #171a2d;
  --muted: #70758a;
  --blue: #16a34a;
  --blue-2: #059669;
  --cyan: #16a34a;
  --green: #16875b;
  --orange: #d97706;
  --red: #d9345b;
  --shadow: 0 14px 38px rgba(35, 42, 80, 0.08);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* QR GO sheet: giữ bố cục bảng của tool GO cũ, đổi sang màu QR3S. */
.go-entry-table { width:100%; overflow:auto; border:1px solid #cfe4d7; border-radius:10px; background:#fff; -webkit-overflow-scrolling:touch; }
.go-sheet { width:100%; min-width:820px; border-collapse:collapse; table-layout:fixed; }
.go-sheet .go-col-phone { width:16%; }
.go-sheet .go-col-pin { width:11%; }
.go-sheet .go-col-quantity { width:7%; }
.go-sheet .go-col-note { width:19%; }
.go-sheet .go-col-link { width:47%; }
.go-sheet th { position:sticky; z-index:1; top:0; padding:10px; border:1px solid #d9e8df; color:#087f45; background:#effbf4; text-align:left; font-size:13px; }
.go-sheet td { padding:0; border:1px solid #d9e8df; background:#fff; }
.go-sheet td:first-child{padding-left:0}
.go-sheet input { width:100%; height:42px; border:0; padding:9px; color:var(--text); background:#fff; font:14px ui-monospace,SFMono-Regular,Consolas,monospace; outline:none; }
.go-sheet td:first-child input,.go-sheet td:nth-child(2) input{text-align:center}
.go-sheet input:focus { background:#f4fff8; box-shadow:inset 0 0 0 2px #00b764; }
.go-sheet input[data-go-field="quantity"]{-moz-appearance:textfield;appearance:textfield;text-align:center}
.go-sheet input[data-go-field="quantity"]::-webkit-inner-spin-button,.go-sheet input[data-go-field="quantity"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.go-entry-tools { display:flex; align-items:center; gap:12px; margin-top:9px; }
.go-entry-tools .go-hint { margin:0; }

@media(max-width:700px) {
  .go-entry-table { overscroll-behavior-x:none; }
  .go-sheet { width:100%; min-width:349px; max-width:none; border-collapse:separate; border-spacing:0; }
  .go-sheet .go-col-phone { width:94px; }
  .go-sheet .go-col-pin { width:75px; }
  .go-sheet .go-col-quantity { width:30px; }
  .go-sheet .go-col-note { width:60px; }
  .go-sheet .go-col-link { width:calc(100% - 259px); }
  .go-sheet th{padding-inline:2px;font-size:9.5px;font-weight:800;line-height:1.15;text-align:center;white-space:nowrap;letter-spacing:-.15px}
  .go-sheet th:first-child,.go-sheet td:first-child { position:sticky; left:0; }
  .go-sheet th:first-child { z-index:4; background:#effbf4; }
  .go-sheet td:first-child { z-index:2; background:#fff; }
  .go-sheet input { height:30px; padding:4px 9px; font-size:14px; }
  .go-sheet td:first-child input { height:30px; padding-inline:1px; background:#fff; font-size:12px; letter-spacing:0; }
  .go-sheet input[data-go-field="quantity"]{padding-inline:0;font-size:12px;text-align:center}
  .go-sheet input[data-go-field="note"]::placeholder{color:transparent}
  .go-sheet input[data-go-field="productUrl"]::placeholder{color:transparent}
  .go-sheet td:last-child{position:relative;height:30px}
  .go-sheet td:last-child input[data-go-field="productUrl"]{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:100%;max-width:none}
  .go-entry-tools { align-items:flex-start; flex-direction:column; gap:5px; }
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; background: var(--bg); }
body {
  min-height: 100vh;
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 85% -10%, rgba(216, 45, 139, 0.16), transparent 32rem),
    radial-gradient(circle at 0 30%, rgba(255, 177, 218, 0.22), transparent 26rem),
    var(--bg);
}
button, input, textarea { font: inherit; }
button { color: inherit; }

.shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.topbar {
  position: sticky;
  z-index: 20;
  top: 0;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
}
.topbar__inner { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar__start { display: flex; min-width: 0; align-items: center; gap: 10px; }
.menu-button { flex: 0 0 auto; display: grid; place-content: center; gap: 4px; width: 42px; height: 42px; padding: 0; border: 1px solid var(--line); border-radius: 12px; cursor: pointer; color: var(--text); background: #fff; box-shadow: 0 5px 18px rgba(73, 26, 55, .07); }
.menu-button span { display: block; width: 19px; height: 2px; border-radius: 999px; background: currentColor; }
.menu-button:hover { border-color: rgba(165, 0, 100, .32); color: #a50064; background: #fff7fb; }
.menu-button:focus-visible, .nav-close:focus-visible, .feature-nav__item:focus-visible { outline: 3px solid rgba(224, 0, 135, .22); outline-offset: 2px; }
.menu-button[hidden] { display: none; }
.brand { display: flex; align-items: center; gap: 13px; }
.brand__mark {
  display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px;
  color: white; font-size: 12px; font-weight: 900; letter-spacing: .04em;
  background: linear-gradient(135deg, #e25822, #f28a32); box-shadow: 0 10px 28px rgba(226, 88, 34, .25);
}
.brand strong, .brand small { display: block; }
.nav-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(43, 24, 48, .34); opacity: 1; backdrop-filter: blur(2px); }
.nav-backdrop[hidden] { display: none; }
.nav-drawer { position: fixed; inset: 0 auto 0 0; z-index: 90; width: min(350px, calc(100vw - 42px)); padding: 18px; border-right: 1px solid var(--line); background: #fffafd; box-shadow: 24px 0 60px rgba(57, 15, 41, .18); transform: translateX(-105%); transition: transform .22s ease; }
.nav-drawer[data-open="true"] { transform: translateX(0); }
.nav-drawer__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.nav-close { display: grid; place-items: center; width: 38px; height: 38px; padding: 0 0 3px; border: 0; border-radius: 11px; cursor: pointer; color: #70475e; background: #fff0f7; font: 400 28px/1 sans-serif; }
.feature-nav { padding-top: 16px; }
.feature-nav__item { display: flex; align-items: center; gap: 13px; min-height: 62px; padding: 10px 13px; border: 1px solid transparent; border-radius: 14px; color: var(--text); text-decoration: none; }
.feature-nav__item.is-active { border-color: rgba(165, 0, 100, .15); background: linear-gradient(135deg, #fff0f7, #fff8fb); }
.feature-nav__icon { display: grid; flex: 0 0 40px; place-items: center; width: 40px; height: 40px; border-radius: 11px; color: white; background: linear-gradient(135deg, #a50064, #e00087); }
.feature-nav__icon--home { font-size: 23px; background: linear-gradient(135deg, #f27022, #ff9b38); }
.feature-nav__icon--topup { font-size: 25px; }
.feature-nav__item strong, .feature-nav__item small { display: block; }
.feature-nav__item strong { font-size: 14px; }
.feature-nav__item small { margin-top: 3px; color: var(--muted); font-size: 11px; line-height: 1.35; }
body.nav-open { overflow: hidden; }
.home-page { min-height: calc(100vh - 74px); }
.topup-page { min-height: calc(100vh - 74px); }
.topup-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:12px; }
.topup-heading h1 { margin:0; font-size:clamp(28px,4vw,42px); }
.wallet-balance { min-width:210px; padding:7px 18px; border:1px solid rgba(22,163,74,.16); border-radius:16px; background:#f2fbf5; text-align:right; }
.wallet-balance span,.wallet-balance strong { display:block; }.wallet-balance span { color:var(--muted); font-size:12px; }.wallet-balance strong { margin-top:3px; color:#15803d; font-size:25px; }
.topup-workspace { padding:24px; }
.topup-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.82fr); gap:24px; align-items:start; }
.topup-payment { padding-left:24px; border-left:1px solid var(--line); }
.topup-history { padding:24px; }
.amount-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:18px 0; }
.amount-options button { min-height:46px; padding:8px; border:1px solid var(--line); border-radius:12px; cursor:pointer; color:var(--text); background:#fff; font-weight:750; }
.amount-options button:hover,.amount-options button[aria-pressed="true"] { border-color:#16a34a; color:#14733a; background:#eefaf2; }
.topup-submit { width:100%; margin-top:16px; }
.topup-payment__header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.topup-status { padding:7px 10px; border-radius:999px; color:#8a5b00; background:#fff6cf; font-size:11px; font-weight:800; white-space:nowrap; }
.topup-status[data-status="PAID"] { color:#087a57; background:#eafaf4; }.topup-status[data-status="FAILED"],.topup-status[data-status="EXPIRED"],.topup-status[data-status="CANCELLED"] { color:#b4233d; background:#fff0f3; }
.topup-payment__amount { display:block; margin:18px 0 8px; color:#15803d; font-size:30px; text-align:center; }
.topup-qr { display:block; width:min(100%,310px); aspect-ratio:1; margin:0 auto; border-radius:16px; background:#fff; object-fit:contain; }
.topup-expiry { min-height:20px; margin:8px 0 0; color:var(--muted); font-size:12px; text-align:center; }
.topup-payment .button { margin-top:14px; }
.topup-new-request { width:100%; }
.topup-payment__close { display:none; }
.topup-modal-backdrop { position:fixed; z-index:108; inset:0; background:rgba(15,23,42,.52); }
.topup-modal-backdrop[hidden] { display:none; }
.topup-bank-details { display:none; }
.supported-banks { display:none; }
.topup-history { margin-top:18px; }.topup-history__list { display:grid; gap:0; }.topup-history__item { display:grid; width:100%; grid-template-columns:minmax(0,1fr) auto auto; gap:16px; align-items:center; padding:13px 2px; border:0; border-top:1px solid var(--line); cursor:pointer; color:var(--text); background:transparent; font:inherit; text-align:left; }.topup-history__item:first-child { border-top:0; }.topup-history__item:hover { background:#f7faf8; }.topup-history__item strong,.topup-history__item small { display:block; }.topup-history__item small { margin-top:3px; color:var(--muted); }.topup-history__amount { font-weight:850; }.topup-empty { color:var(--muted); text-align:center; }
@media(max-width:760px){.topup-heading{align-items:center;margin-bottom:8px}.wallet-balance{min-width:150px;padding:5px 12px}.topup-layout{grid-template-columns:1fr;gap:12px}.topup-workspace,.topup-history{padding:14px}.topup-form .panel__heading h2{font-size:21px}.topup-form .panel__heading{margin-bottom:0}.amount-options{grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0}.amount-options button{min-height:42px}.topup-form .field{gap:5px}.topup-form .field input{min-height:46px}.topup-submit{min-height:48px;margin-top:10px}.topup-form .form-message{margin:6px 0 0}.topup-payment{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}.topup-payment__header h2{font-size:20px}.topup-payment__amount{margin:8px 0 4px;font-size:26px}.topup-qr,.topup-workspace.topup-has-payment .topup-qr{width:min(100%,180px)}.topup-expiry{margin-top:4px}.topup-payment .button{margin-top:8px}.topup-new-request{display:none}.topup-history__item{grid-template-columns:minmax(0,1fr) auto;gap:10px}.topup-history__item time{grid-column:1/-1}}
.brand strong { font-size: 16px; }
.brand small { margin-top: 2px; color: var(--muted); font-size: 12px; }
.connection { display: none; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; }
.connection__dot { width: 8px; height: 8px; border-radius: 999px; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,176,74,.1); }
.connection[data-state="online"] .connection__dot { background: var(--green); box-shadow: 0 0 0 4px rgba(56,214,145,.1); }
.connection[data-state="offline"] .connection__dot { background: var(--red); box-shadow: 0 0 0 4px rgba(255,102,122,.1); }

.page { padding-block: 52px 80px; }
.hero { display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-bottom: 28px; }
.eyebrow, .section-kicker { margin: 0 0 8px; color: var(--cyan); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.hero h1 { max-width: 720px; margin: 0; font-size: clamp(34px, 5vw, 62px); line-height: .98; letter-spacing: -.05em; }
.hero p:not(.eyebrow) { max-width: 670px; margin: 19px 0 0; color: var(--muted); line-height: 1.65; }

.panel { border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, #fff, #fffafd); box-shadow: var(--shadow); }
.form-panel { padding: 30px; }
.results-panel { margin-top: 24px; padding: 30px 0 0; overflow: hidden; }
.panel__heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.results-panel .panel__heading { padding-inline: 30px; }
.panel__heading h2 { margin: 0; font-size: 24px; letter-spacing: -.025em; }
.hint-chip { padding: 8px 12px; border: 1px solid rgba(165,0,100,.18); border-radius: 999px; color: #8d145f; background: #fff1f8; font-size: 12px; font-weight: 700; white-space: nowrap; }

.form-grid { display: grid; grid-template-columns: minmax(220px, .62fr) minmax(420px, 1.38fr); gap: 18px; }
.field { display: flex; flex-direction: column; gap: 9px; }
.field > span { font-size: 14px; font-weight: 750; }
.field input, .field textarea {
  width: 100%; border: 1px solid var(--line); border-radius: 14px; outline: none;
  color: var(--text); background: #fff; transition: border-color .18s, box-shadow .18s, background .18s;
}
.field input { height: 54px; padding: 0 16px; }
.field textarea { min-height: 166px; padding: 15px 16px; resize: vertical; line-height: 1.55; font-family: "Cascadia Code", Consolas, monospace; text-transform: uppercase; }
.textarea-shell { position:relative; }
.textarea-shell textarea { display:block; }
.textarea-resizer { display:none; }
.field input:focus, .field textarea:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 4px rgba(165,0,100,.1); }
.field small { color: var(--muted); font-size: 12px; line-height: 1.45; }
.field small b { color: var(--text); }
.form-actions { display: flex; align-items: center; gap: 10px; margin-top: 22px; }
.button { min-height: 44px; padding: 0 17px; border: 0; border-radius: 12px; cursor: pointer; font-weight: 750; transition: transform .15s, opacity .15s, background .15s; }
.button:hover { transform: translateY(-1px); }
.button:disabled { cursor: not-allowed; opacity: .55; transform: none; }
.button--primary { color: white; background: linear-gradient(135deg, var(--blue), var(--blue-2)); box-shadow: 0 8px 24px rgba(56,113,241,.22); }
#submitButton { background:linear-gradient(135deg,#e25822,#f28a32); box-shadow:0 8px 22px rgba(226,88,34,.25); }
#submitButton:hover { background:linear-gradient(135deg,#cf4715,#e97620); }
.button--ghost { color: #7c245e; background: var(--surface-2); }
.button__icon { margin-right: 5px; }
.form-message { min-height: 20px; margin: 0 0 0 6px; color: var(--muted); font-size: 13px; }
.form-message[data-kind="error"] { color: var(--red); }
.form-message[data-kind="success"] { color: var(--green); }

.summary { text-align: right; }
.summary strong, .summary span { display: block; }
.summary strong { font-size: 19px; }
.summary span { margin-top: 4px; color: var(--muted); font-size: 12px; }
.progress { height: 3px; margin: 0 30px; overflow: hidden; border-radius: 999px; background: rgba(154,167,194,.11); }
.progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); transition: width .35s ease; }
.empty-state { padding: 68px 20px 76px; text-align: center; }
.empty-state > span { display: inline-grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--line); border-radius: 18px; color: var(--cyan); background: var(--surface-2); font-size: 29px; }
.empty-state h3 { margin: 16px 0 6px; font-size: 17px; }
.empty-state p { margin: 0; color: var(--muted); font-size: 13px; }

.table-wrap { overflow-x: auto; margin-top: 24px; }
table { width: 100%; min-width: 1120px; border-collapse: collapse; }
th, td { padding: 17px 20px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
th:first-child, td:first-child { padding-left: 30px; }
th:last-child, td:last-child { padding-right: 30px; }
th { color: #b4bfd5; background: rgba(8,12,22,.38); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
td { font-size: 13px; }
tbody tr { transition: background .15s; }
tbody tr:hover { background: rgba(84,141,255,.035); }
.code { color: var(--text); font-family: "Cascadia Code", Consolas, monospace; font-weight: 750; }
.money { font-weight: 820; white-space: nowrap; }
.align-right { text-align: right; }
.muted { color: var(--muted); }
.meta-stack { display: grid; gap: 3px; }
.meta-stack small { color: var(--muted); }
.status { display: inline-flex; align-items: center; gap: 7px; max-width: 280px; color: var(--muted); line-height: 1.45; }
.status::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 999px; background: var(--orange); }
.status[data-status="awaiting_payment"]::before { background: #e6a400; }
.status[data-status="paid"]::before { background: var(--green); }
.status[data-status="failed"]::before, .status[data-status="out_of_stock"]::before, .status[data-status="limited"]::before, .status[data-status="expired"]::before { background: var(--red); }
.status[data-status="running"]::before { background: var(--blue); box-shadow: 0 0 0 4px rgba(84,141,255,.1); animation: pulse 1.1s infinite; }
@keyframes pulse { 50% { opacity: .35; } }
.actions { display: flex; flex-wrap: wrap; gap: 7px; }
.mini-button { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 10px; border: 1px solid rgba(84,141,255,.24); border-radius: 9px; cursor: pointer; color: #dce6ff; background: rgba(84,141,255,.08); font-size: 11px; font-weight: 760; text-decoration: none; }
.mini-button:hover { background: rgba(84,141,255,.16); }
.mini-button--primary { border-color: #a84cff; color: #fff; background: linear-gradient(135deg, #a50064, #d00082); }
.mini-button--primary:hover { background: linear-gradient(135deg, #bb0071, #e60090); }
.mini-button--danger { border-color: rgba(255,102,122,.2); color: #ffc0c9; background: rgba(255,102,122,.07); }
.mobile-results { display: none; }

.qr-dialog { width: min(440px, calc(100% - 28px)); padding: 0; border: 0; border-radius: 24px; color: var(--text); background: transparent; }
.qr-dialog::backdrop { background: rgba(2,5,12,.78); backdrop-filter: blur(7px); }
.qr-card { position: relative; margin: 0; padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow); text-align: center; }
.qr-card h2 { margin: 0 0 18px; }
.icon-button { position: absolute; top: 12px; right: 14px; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 10px; cursor: pointer; color: var(--muted); background: var(--surface-2); font-size: 24px; }
.qr-frame { display: grid; place-items: center; min-height: 300px; padding: 18px; border-radius: 18px; background: white; }
.qr-frame img { display: block; max-width: 100%; max-height: 330px; object-fit: contain; }
.qr-amount { margin: 16px 0; font-size: 24px; font-weight: 850; }
.qr-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.toast { position: fixed; z-index: 100; top: 16px; right: 16px; max-width: calc(100% - 32px); min-width: 210px; padding: 14px 18px; border: 1px solid rgba(165,0,100,.2); border-radius: 14px; color: #fff; background: linear-gradient(135deg, #a50064, #e00087); box-shadow: 0 12px 30px rgba(90,0,54,.3); font-size: 15px; font-weight: 750; text-align: center; opacity: 0; pointer-events: none; transform: translateY(-14px); transition: opacity .18s, transform .18s; }
.toast[data-kind="success"] { border-color: rgba(0,122,87,.25); background: linear-gradient(135deg, #087a57, #00a978); box-shadow: 0 12px 30px rgba(0,91,63,.28); }
.toast[data-kind="error"] { background: linear-gradient(135deg, #a4132d, #dc3150); }
.toast[data-show="true"] { opacity: 1; transform: translateY(0); }

@media (max-width: 760px) {
  .shell { width: min(100% - 24px, 620px); }
  .topbar__inner { min-height: 64px; }
  .brand small { display: none; }
  .connection span:last-child { display: none; }
  .page { padding-block: 12px 40px; }
  .hero { align-items: start; margin-bottom: 10px; }
  .hero .eyebrow { margin-bottom: 4px; }
  .hero h1 { font-size: 36px; }
  .hero p:not(.eyebrow) { font-size: 14px; }
  .panel { border-radius: 19px; }
  .form-panel { padding: 20px; }
  .results-panel { margin-top: 14px; padding-top: 20px; }
  .results-panel .panel__heading { padding-inline: 20px; }
  .panel__heading { margin-bottom: 18px; }
  .panel__heading h2 { font-size: 20px; }
  .hint-chip { display: none; }
  .form-grid { grid-template-columns: 1fr; }
  .field textarea { min-height: 178px; }
  .form-actions { align-items: stretch; flex-wrap: wrap; }
  .form-actions .button { flex: 1 1 145px; }
  .form-message { flex-basis: 100%; margin: 3px 0 0; }
  .progress { margin-inline: 20px; }
  .table-wrap { display: none !important; }
  .mobile-results { display: grid; margin-top: 18px; }
  .order-card { padding: 18px 20px; border-top: 1px solid var(--line); }
  .order-card:first-child { border-top: 0; }
  .order-card__head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
  .order-card__head .code { font-size: 14px; }
  .order-card__head .money { font-size: 16px; }
  .order-card__grid { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px 12px; font-size: 12px; }
  .order-card__grid dt { color: var(--muted); font-weight: 650; }
  .order-card__grid dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
  .order-card .actions { margin-top: 16px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .mini-button { min-width: 0; padding-inline: 5px; }
  .qr-card { padding: 24px 18px 20px; }
  .qr-frame { min-height: 250px; }
}

@media (max-width: 430px) {
  .hero { display: block; }
  .hero h1 { font-size: 32px; }
  .panel__heading--results { align-items: center; }
  .summary span { max-width: 105px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
.auth-page { min-height: calc(100vh - 75px); padding: 34px 20px; display: grid; place-items: center; }
.auth-shell { position: relative; width: min(540px, 100%); min-height: 620px; display: grid; grid-template-columns: 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #fff; box-shadow: 0 30px 80px rgba(135,24,89,.16); }
.auth-shell--register { min-height: 760px; }
.auth-intro { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 58px; border-right: 1px solid var(--line); background: linear-gradient(145deg, rgba(20,34,64,.96), rgba(12,21,40,.96)); }
.auth-intro::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.22; background-image: linear-gradient(rgba(115,147,210,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(115,147,210,.16) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom right,#000,transparent 78%); }
.auth-intro__glow { position:absolute; z-index:-1; width:430px; height:430px; right:-130px; top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(84,141,255,.42),rgba(101,72,255,.12) 45%,transparent 70%); filter:blur(6px); }
.auth-intro__content > .section-kicker { margin-top: 36px; }
.auth-intro h1 { max-width:590px; margin:0; font-size:clamp(39px,4.1vw,60px); line-height:1.02; letter-spacing:-.055em; }
.auth-intro h1 em { color:#79a6ff; font-style:normal; }
.auth-intro__lead { max-width:560px; margin:24px 0 34px; color:#aebbd2; font-size:15px; line-height:1.75; }
.auth-benefits { display:grid; gap:13px; }
.auth-benefits > div { display:flex; align-items:center; gap:15px; padding:13px 15px; border:1px solid rgba(171,190,229,.1); border-radius:15px; background:rgba(5,10,22,.22); }
.auth-benefits > div > span { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:11px; color:#a9c5ff; background:rgba(84,141,255,.12); font:750 11px/1 "Cascadia Code",monospace; }
.auth-benefits p,.auth-benefits strong,.auth-benefits small { display:block; margin:0; }
.auth-benefits strong { font-size:13px; }
.auth-benefits small { margin-top:4px; color:var(--muted); font-size:11px; }
.auth-intro__foot { margin:36px 0 0; color:#75839e; font-size:11px; letter-spacing:.05em; }
.auth-intro__foot span { margin-inline:8px; color:var(--cyan); }
.auth-form-side { display:grid; place-items:center; padding:52px clamp(34px,5vw,70px); background:linear-gradient(160deg,#fff,#fff7fb); }
.auth-card { width:min(430px,100%); display:grid; gap:18px; }
.auth-card__brand { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.auth-card__brand strong,.auth-card__brand small { display:block; }
.auth-card__brand small { margin-top:2px; color:var(--muted); font-size:11px; }
.auth-card__heading { margin-bottom:9px; }
.auth-card__heading h2 { margin:0; font-size:31px; letter-spacing:-.035em; }
.auth-card__heading > p:last-child { margin:11px 0 0; color:var(--muted); font-size:13px; line-height:1.55; }
.auth-field { gap:9px; }
.input-shell { position:relative; display:block; }
.input-shell--with-action input { padding-right:112px; }
.field-action { position:absolute; right:8px; top:50%; min-width:92px; min-height:38px; padding:0 11px; border:0; border-radius:10px; color:#fff; background:#00ad62; cursor:pointer; font-size:12px; font-weight:800; transform:translateY(-50%); }
.field-action:hover { background:#009c58; }
.field-action:disabled { cursor:not-allowed; opacity:.65; }
.auth-field .input-shell input { height:56px; padding-left:46px; padding-right:108px; }
.input-icon { position:absolute; z-index:1; left:17px; top:50%; color:#bd4b8e; font-size:10px; transform:translateY(-50%); pointer-events:none; }
.input-icon--key { font-size:11px; }
.password-actions { position:absolute; z-index:2; right:12px; top:50%; display:flex; align-items:center; gap:7px; color:#799084; font-size:11px; transform:translateY(-50%); }
.password-toggle,.forgot-password { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:0 3px; border:0; border-radius:8px; cursor:pointer; color:#15803d; background:transparent; font-size:11px; font-weight:750; }
.password-toggle { width:34px; }
.eye-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.password-toggle[aria-pressed="true"] .eye-icon { fill:rgba(22,163,74,.13); }
.password-toggle:hover { background:rgba(84,141,255,.1); }
.forgot-password:hover { color:#166534; text-decoration:underline; }
.auth-message { min-height:19px; margin:-2px 0 0; font-weight:600; }
.auth-submit,.auth-register { width:100%; min-height:52px; }
.auth-submit { display:flex; align-items:center; justify-content:center; gap:11px; }
.auth-submit span { font-size:20px; line-height:1; }
.auth-divider { display:flex; align-items:center; gap:12px; color:#697791; font-size:11px; }
.auth-divider::before,.auth-divider::after { content:""; height:1px; flex:1; background:var(--line); }
.auth-register { border:1px solid var(--line); }
.auth-security { margin:5px 0 0; color:#75839e; font-size:11px; text-align:center; }
.auth-security span { margin-right:5px; color:var(--green); }
.account{display:flex;align-items:center;gap:12px}
.zalo-link-dialog { width:min(430px,calc(100% - 30px)); padding:26px; border:1px solid var(--line); border-radius:22px; color:var(--text); background:#fff; box-shadow:var(--shadow); }
.zalo-link-dialog::backdrop { background:rgba(17,24,39,.38); backdrop-filter:blur(4px); }
.zalo-link-dialog h2 { margin:0 0 12px; }
.zalo-link-dialog p { color:var(--muted); line-height:1.55; }
.zalo-link-dialog > strong { display:block; margin:18px 0; padding:14px; border:1px dashed #16a34a; border-radius:12px; color:#15803d; background:#f0fdf4; text-align:center; letter-spacing:.08em; }
.zalo-link-dialog .button { width:100%; }
#resetFields { display:grid; gap:18px; }

@media (max-width: 900px) {
  .auth-page { min-height:calc(100vh - 65px); padding:22px 14px 36px; }
  .auth-shell { min-height:0; grid-template-columns:1fr; width:min(540px,100%); border-radius:24px; }
  .auth-intro { display:none; }
  .auth-form-side { min-height:620px; padding:42px 34px; }
  .auth-card__brand { display:flex; }
}

@media (max-width: 480px) {
  .auth-page { padding:14px 10px 28px; }
  .auth-shell { border-radius:20px; }
  .auth-form-side { min-height:560px; padding:31px 22px 34px; }
  .auth-card { gap:15px; }
  .auth-card__heading h2 { font-size:27px; }
  .auth-card__heading > p:last-child { font-size:12px; }
  .auth-field .input-shell input { height:53px; }
  .auth-submit,.auth-register { min-height:49px; }
}

.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#fff7fb);display:grid;gap:6px;box-shadow:0 12px 30px rgba(116,29,80,.07);cursor:pointer}.metric-card span,.metric-card small{color:var(--muted)}.metric-card strong{font-size:30px;line-height:1}.metric-card[aria-pressed="true"]{border:2px solid #e45b16;box-shadow:0 8px 22px rgba(228,91,22,.12)}.results-toolbar{display:block;margin:0;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff7fb}.results-toolbar .field{margin:0}.batch-row td{padding:10px 14px!important;background:#fff0f7;color:#7c245e;font-weight:800}.batch-row small{margin-left:8px;color:var(--muted);font-weight:500}

th { color:#75556a; background:#fff3f9; }
tbody tr:hover { background:#fff8fc; }
.mini-button { color:#8d145f; background:#fff1f8; border-color:rgba(165,0,100,.18); }
.mini-button:hover { background:#ffe3f1; }
.qr-dialog::backdrop { background:rgba(68,20,48,.38); backdrop-filter:blur(7px); }

@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-toolbar{grid-template-columns:1fr 1fr}.results-toolbar .button{grid-column:1/-1}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:13px}.metric-card strong{font-size:24px}.metric-card small{font-size:11px}.results-toolbar{grid-template-columns:1fr}.results-toolbar .button{grid-column:auto}}

/* Mobile compact mode: keep the overview and create form within roughly 2/3 viewport. */
@media (max-width: 560px) {
  .shell { width: calc(100% - 16px); }
  .topbar__inner { min-height: 54px; gap: 9px; }
  .menu-button { width: 36px; height: 36px; border-radius: 10px; }
  .menu-button span { width: 17px; }
  .topbar .brand { gap: 9px; }
  .topbar .brand__mark { width: 36px; height: 36px; border-radius: 10px; }
  .topbar .brand strong { font-size: 15px; }
  .account { gap: 7px; }
  .account strong { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
  .account .button { min-height: 36px; padding-inline: 10px; font-size: 12px; }

  .page { padding-top: 5px; padding-bottom: 28px; }
  .hero { margin-bottom: 6px; }
  .hero .eyebrow { margin-bottom: 1px; font-size: 9px; }
  .hero h1 { font-size: 27px; line-height: .98; }

  .metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin-bottom: 6px; }
  .metric-card { min-width: 0; min-height: 40px; padding: 3px 4px; gap: 1px; place-items: center; align-content: center; border-radius: 11px; text-align: center; box-shadow: 0 3px 10px rgba(116,29,80,.05); }
  .metric-card[aria-pressed="true"] { border: 2px solid #e45b16; padding: 2px 3px; }
  .metric-card span { order: 2; width: 100%; overflow: hidden; color: #593448; font-size: 8px; font-weight: 750; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
  .metric-card strong { order: 1; font-size: 16px; line-height: .95; }
  .metric-card small { display: none; }
  .metric-card:nth-child(1) strong { color: #ed4d0b; }
  .metric-card:nth-child(2) strong { color: #16875b; }
  .metric-card:nth-child(3) strong { color: #c87800; }
  .metric-card:nth-child(4) strong { color: #d70d32; }

  .panel { border-radius: 16px; }
  .form-panel { padding: 12px; }
  .form-panel .panel__heading { margin-bottom: 6px; }
  .form-panel .section-kicker { margin-bottom: 2px; font-size: 9px; }
  .form-panel .panel__heading h2 { font-size: 18px; }
  .form-grid { gap: 6px; }
  .field { gap: 3px; }
  .field > span { font-size: 12px; }
  .field input { height: 41px; padding-inline: 12px; }
  .field textarea { min-height:82px; height:82px; padding:7px 34px 7px 12px; resize:none; line-height:1.25; }
  .textarea-resizer { position:absolute; right:0; bottom:0; display:block; width:32px; height:32px; cursor:ns-resize; touch-action:none; }
  .textarea-resizer span,.textarea-resizer::before { content:""; position:absolute; right:4px; height:1.5px; border-radius:1px; background:#555; transform:rotate(-45deg); transform-origin:right center; }
  .textarea-resizer span { bottom:4px; width:12px; }
  .textarea-resizer::before { bottom:8px; width:7px; }
  .textarea-resizer::after { content:none; }
  .textarea-resizer[data-dragging="true"] { background:rgba(0,0,0,.035); }
  .field small { font-size: 10.5px; line-height: 1.25; }
  .form-actions { margin-top: 7px; gap: 6px; }
  .form-actions .button { min-height: 38px; padding-inline: 10px; font-size: 12px; }
  .form-actions .form-message:empty { display: none; }
  .form-actions .form-message:not(:empty) { min-height: 0; margin-top: 1px; line-height: 1.2; }
  .results-panel { margin-top: 7px; padding-top: 0; }
  .results-toolbar { padding: 8px 10px; }
  .results-toolbar .field { gap: 3px; }
  .results-toolbar .field input { height: 39px; }
  .mobile-results { margin-top: 0; }
  .order-card { padding: 7px 14px; }
  .order-card:nth-child(odd) { background: rgba(255, 255, 255, .82); }
  .order-card:nth-child(even) { background: rgba(255, 236, 246, .48); }
  .order-compact-row { display: grid; grid-template-columns: 108px minmax(0, 1fr) 92px; align-items: center; column-gap: 8px; }
  .order-compact-row + .order-compact-row { margin-top: 2px; }
  .order-compact-row--top .status { min-width: 0; font-size: 11px; line-height: 1.15; }
  .order-status-button { display: inline-flex; align-items: center; justify-content: center; justify-self: stretch; min-height: 27px; max-width: 100%; padding: 3px 8px; overflow: hidden; border: 1px solid rgba(185,0,105,.18); border-radius: 999px; color: #8d145f; background: #fff1f8; font-size: 10.5px; font-weight: 750; line-height: 1.1; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
  .order-status-button[data-status="queued"], .order-status-button[data-status="running"] { border-color: rgba(84,141,255,.25); color: #315ea8; background: #edf4ff; }
  .order-status-button[data-status="awaiting_payment"] { border-color: rgba(214,154,0,.32); color: #8a5b00; background: #fff6cf; }
  .order-status-button[data-status="paid"] { border-color: rgba(0,153,102,.2); color: #087a57; background: #eafaf4; }
  .order-status-button[data-status="failed"], .order-status-button[data-status="out_of_stock"], .order-status-button[data-status="limited"], .order-status-button[data-status="expired"] { border-color: rgba(216,45,76,.18); color: #b4233d; background: #fff0f3; }
  .copy-value { min-width: 0; padding: 0; overflow: hidden; border: 0; cursor: pointer; color: var(--text); background: transparent; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
  .copy-value:active { opacity: .55; }
  .copy-value:disabled { cursor: default; opacity: .55; }
  .code--bill { overflow: visible; color: var(--text); font-family: inherit; font-size: 11.5px; font-weight: 750; text-overflow: clip; }
  .code--transaction { overflow: visible; color: var(--text); font-family: inherit; font-size: 10px; font-weight: 750; text-overflow: clip; }
  .order-compact-row--middle { color: var(--muted); font-size: 11.5px; }
  .order-phone { color: var(--text); font-size: 12.5px; font-weight: 750; }
  .order-time { overflow: visible; color: var(--text); font-size: 12.5px; font-weight: 750; letter-spacing: -.45px; white-space: nowrap; }
  .order-compact-row--middle .mini-button { justify-self: stretch; min-height: 27px; padding: 3px 8px; color: #fff; font-size: 10.5px; }
  .order-compact-row--middle .copy-link-button { border-color: #a50064; color: #fff; background: linear-gradient(135deg, #a50064, #e00087); box-shadow: 0 4px 10px rgba(165,0,100,.22); }
  .order-fees { display: grid; grid-template-columns: 108px minmax(0, 1fr) 92px; column-gap: 8px; margin-top: 3px; padding-top: 4px; border-top: 1px dashed var(--line); }
  .order-fees > span { min-width: 0; }
  .order-fees small, .order-fees strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .order-fees small { color: var(--muted); font-size: 9.5px; }
  .order-fees strong { margin-top: 2px; font-size: 13px; }
  #submitButton { white-space: nowrap; }
}

/* Lịch sử nạp tiền dạng nhãn - giá trị, tối ưu chiều cao. */
.topup-history__heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.topup-history__heading .section-kicker { margin:0; }
.topup-history__filter { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; font-weight:700; }
.topup-history__filter select { height:34px; padding:0 30px 0 10px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:#fff; font:inherit; }
.topup-history__item { display:grid; grid-template-columns:minmax(130px,1.35fr) minmax(105px,1fr) minmax(85px,.8fr) minmax(125px,1.05fr); align-items:center; gap:12px; padding:8px 10px; border-top:1px solid var(--line); border-radius:0; }
.topup-history__field { display:flex; min-width:0; min-height:35px; flex-direction:column; justify-content:center; gap:2px; }
.topup-history__field > span { color:var(--muted); font-size:11px; }
.topup-history__field > strong { margin:0; overflow-wrap:anywhere; font-size:13px; font-weight:750; line-height:1.2; text-align:left; }
.topup-history__item[data-status="PENDING"] .topup-history__field:nth-child(2) strong,.topup-history__item[data-status="PROCESSING"] .topup-history__field:nth-child(2) strong,.topup-history__item[data-status="UNDERPAID"] .topup-history__field:nth-child(2) strong { color:#9a6500; }
.topup-history__item[data-status="PAID"] .topup-history__field:nth-child(2) strong { color:#078352; }
.topup-history__item[data-status="EXPIRED"] .topup-history__field:nth-child(2) strong,.topup-history__item[data-status="FAILED"] .topup-history__field:nth-child(2) strong,.topup-history__item[data-status="CANCELLED"] .topup-history__field:nth-child(2) strong { color:#bd2941; }
@media(max-width:560px){html,body{max-width:100%;overflow-x:hidden}.topup-history{max-width:100%;margin-top:10px;padding:10px 8px;overflow:hidden}.topup-history__heading{margin-bottom:5px}.topup-history__filter>span{display:none}.topup-history__filter select{height:30px;max-width:138px;font-size:10px}.topup-history__list{width:100%;max-width:100%;overflow:hidden}.topup-history__item{width:100%;min-width:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.75fr) minmax(0,1.05fr);gap:5px;padding:6px 3px}.topup-history__field{min-width:0;min-height:31px;gap:1px}.topup-history__field>span{overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.topup-history__field>strong{min-width:0;font-size:10px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}}

@media (max-width: 380px) {
  .metric-grid { gap: 3px; }
  .metric-card { min-height: 38px; padding: 2px 3px; }
  .metric-card span { font-size: 7px; }
  .metric-card strong { font-size: 15px; }
}
.results-more { display:flex; align-items:center; justify-content:center; gap:16px; padding:18px 0 4px; color:var(--muted); }

/* White workspace theme with restrained blue-violet accents. */
body { background: linear-gradient(180deg, #fff 0, #f8f9fc 100%); }
.topbar { border-bottom-color: var(--line); background: rgba(255,255,255,.96); box-shadow: 0 2px 12px rgba(29,35,66,.04); }
.brand__mark, .feature-nav__icon, #submitButton, .button--primary, .mini-button--primary, .toast { background: linear-gradient(135deg, #16a34a, #059669); box-shadow: 0 8px 20px rgba(22,163,74,.20); }
.menu-button:hover { border-color: rgba(22,163,74,.28); color: #168a43; background: #f3fbf6; }
.menu-button:focus-visible, .nav-close:focus-visible, .feature-nav__item:focus-visible { outline-color: rgba(22,163,74,.22); }
.nav-drawer { background: #fff; box-shadow: 24px 0 60px rgba(29,35,66,.14); }
.nav-close { color: #555b70; background: #f1f3f8; }
.feature-nav__item.is-active { border-color: rgba(22,163,74,.17); background: #f2fbf5; }
.feature-nav__icon--home { background: linear-gradient(135deg, #22c55e, #0d9488); }
.feature-nav__icon--topup { background: linear-gradient(135deg, #16a34a, #059669); }
.feature-nav__icon--go { color:#fff; background:linear-gradient(135deg,#00c96b,#009d58); font-size:12px; letter-spacing:-.04em; }
.feature-nav__icon--prudential { color:#fff; background:linear-gradient(135deg,#ed1b2e,#bd1022); font-size:20px; font-weight:900; }
.prudential-page { min-height:calc(100vh - 74px); }
.prudential-intro { display:flex; align-items:center; gap:18px; max-width:760px; padding:28px; }
.prudential-intro__mark { display:grid; flex:0 0 58px; place-items:center; width:58px; height:58px; border-radius:16px; color:#fff; background:linear-gradient(135deg,#ed1b2e,#bd1022); font-size:30px; font-weight:900; box-shadow:0 10px 24px rgba(189,16,34,.18); }
.prudential-intro h1 { margin:4px 0 7px; }
.prudential-intro p:last-child { margin:0; color:var(--muted); }
.prudential-workspace,.prudential-results-panel{max-width:980px;margin:0 auto 16px;padding:26px}.prudential-workspace>.panel__heading{margin-bottom:12px}.prudential-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.prudential-form .form-actions{grid-column:1/-1}.prudential-form .field,.prudential-profile-form .field{gap:7px}.prudential-form .field>span,.prudential-profile-form .field>span{color:#182230;font-size:13px;font-weight:800}.prudential-form .field input,.prudential-form .field select,.prudential-profile-form .field input,.prudential-profile-form .field select{width:100%;height:52px;padding:0 16px;border:1px solid #d8e1dc;border-radius:14px;outline:0;color:#17211b;background:#fff;font:600 15px/1.2 inherit;transition:border-color .18s,box-shadow .18s,background .18s}.prudential-form .field select,.prudential-profile-form .field select{padding-right:46px;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#53705f 50%),linear-gradient(135deg,#53705f 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.prudential-form .field input:hover,.prudential-form .field select:hover,.prudential-profile-form .field input:hover,.prudential-profile-form .field select:hover{border-color:#9ed8b7;background-color:#fcfffd}.prudential-form .field input:focus,.prudential-form .field select:focus,.prudential-profile-form .field input:focus,.prudential-profile-form .field select:focus{border-color:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.11)}.prudential-results{display:grid;gap:8px}.prudential-result{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e5e7eb;border-radius:14px}.prudential-result>div{display:grid;gap:3px}.prudential-result span,.prudential-result small{color:var(--muted)}.prudential-status{font-weight:800}.prudential-status--paid{color:#079455!important}.prudential-status--failed,.prudential-status--expired{color:#d92d20!important}.prudential-status--awaiting_payment{color:#b54708!important}.qr-dialog img{display:block;width:min(320px,80vw);margin:14px auto}.qr-dialog strong{display:block;text-align:center;font-size:26px}
.prudential-profile-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px 16px;border:1px solid #b7e5cd;border-radius:16px;background:#f1fbf6}.prudential-profile-card>div{display:grid;gap:4px}.prudential-profile-card span{color:var(--muted)}.prudential-profile-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:26px;border:0;border-radius:24px;outline:0;box-shadow:0 24px 80px rgba(15,23,42,.24);scrollbar-color:#9ca3af transparent;scrollbar-width:thin}.prudential-profile-dialog::-webkit-scrollbar{width:8px}.prudential-profile-dialog::-webkit-scrollbar-track{margin-block:18px;background:transparent}.prudential-profile-dialog::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#9ca3af;background-clip:padding-box}.prudential-profile-dialog .dialog-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #dce6df;border-radius:50%;color:#34473b;background:#f6faf7;font-size:22px;line-height:1;cursor:pointer}.prudential-profile-dialog .dialog-close:hover{border-color:#86d3a8;color:#087a42;background:#edf9f2}.prudential-profile-dialog::backdrop{background:rgba(15,23,42,.5);backdrop-filter:blur(3px)}.prudential-profile-dialog>p{color:var(--muted)}.prudential-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.prudential-profile-form__wide{grid-column:1/-1}
@media(max-width:640px){.prudential-workspace,.prudential-results-panel{padding:16px 14px}.prudential-form,.prudential-profile-form{grid-template-columns:1fr;gap:12px}.prudential-form .field input,.prudential-form .field select,.prudential-profile-form .field input,.prudential-profile-form .field select{height:48px;border-radius:14px;font-size:14px}.prudential-form .field select,.prudential-profile-form .field select{background-position:calc(100% - 20px) 20px,calc(100% - 14px) 20px}.prudential-profile-form__wide{grid-column:auto}.prudential-result{grid-template-columns:1fr 1fr}.prudential-result button{width:100%}.prudential-profile-card{align-items:flex-start}.prudential-profile-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 16px;border-radius:22px}}
@media (max-width:640px) { .prudential-intro { padding:20px; align-items:flex-start; } .prudential-intro__mark { flex-basis:48px; width:48px; height:48px; border-radius:13px; font-size:25px; } }

.go-heading{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.go-heading h1{margin:0;font-size:32px}.go-queue{padding:9px 13px;border:1px solid #bde8ce;border-radius:999px;color:#087f45;background:#effbf4;font-size:12px;font-weight:800}.go-create-panel,.go-results-panel{margin-bottom:14px}.go-create-panel textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6;resize:vertical}.go-hint{display:block;margin-top:7px;color:var(--muted);line-height:1.45}.go-results{display:grid;gap:8px}.go-result{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(150px,1.4fr) 110px minmax(210px,1.5fr);align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.go-result>div{min-width:0}.go-result>div:first-child{display:flex;flex-direction:column;gap:3px}.go-result>div:first-child span,.go-result__status small{color:var(--muted);font-size:11px}.go-result__status{display:flex;flex-direction:column;gap:3px}.go-result[data-status="done"] .go-result__status b{color:#078352}.go-result[data-status="failed"] .go-result__status b{color:#bd2941}.go-result[data-status="running"] .go-result__status b{color:#a06800}.go-result__amount{font-weight:850}.go-result__actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.go-result__actions .mini-button{text-decoration:none;white-space:nowrap}
.go-create-panel{padding:36px 38px 30px}
@media(max-width:700px){.go-heading{min-height:52px;margin-bottom:7px}.go-heading h1{font-size:27px}.go-queue{padding:6px 9px;font-size:10px}.go-create-panel,.go-results-panel{padding:12px}.go-create-panel textarea{min-height:132px;font-size:12px}.go-result{grid-template-columns:1fr auto;gap:7px;padding:10px}.go-result__status{text-align:right}.go-result__amount{grid-column:1}.go-result__actions{grid-column:1/-1;justify-content:flex-start}.go-result__actions .mini-button{flex:1;text-align:center}}
.panel, .metric-card, .auth-shell { background: #fff; }
.metric-card[aria-pressed="true"] { border-color: #16a34a; box-shadow: 0 8px 22px rgba(22,163,74,.12); }
.field input:focus, .field textarea:focus { border-color: #16a34a; box-shadow: 0 0 0 4px rgba(22,163,74,.10); }
#submitButton:hover { background: linear-gradient(135deg, #15803d, #047857); }
.button--ghost, .results-toolbar, .batch-row td { color: #50566c; background: #f5f6fa; }
.hint-chip, .mini-button { border-color: rgba(22,163,74,.18); color: #14733a; background: #f0faf3; }
.mini-button:hover { background: #e3f7e9; }
.mini-button--primary, .order-compact-row--middle .copy-link-button { border-color: #16a34a; color: #fff; background: linear-gradient(135deg, #16a34a, #059669); box-shadow: 0 4px 12px rgba(22,163,74,.22); }
th { color: #62687c; background: #f5f6fa; }
tbody tr:hover { background: #f8f9ff; }
.auth-form-side { background: #fff; }
.input-icon, .password-toggle { color: #168a43; }
.order-card:nth-child(odd), .order-card:nth-child(even) { background: #fff; }
@media (max-width:560px) {
  .metric-card[aria-pressed="true"] { border-color: #16a34a; }
  .metric-card span { color: #555b70; }
  .order-card:nth-child(even) { background: #f7f8fc; }
}

/* Nạp tiền trên điện thoại: biểu mẫu và toàn bộ QR cùng nằm trong một màn hình. */
@media (max-width: 560px) {
  .topup-heading { min-height: 64px; margin-bottom: 5px; }
  .topup-heading h1 { font-size: 28px; }
  .wallet-balance { min-width: 138px; padding: 3px 10px; border-radius: 14px; }
  .wallet-balance strong { margin-top: 0; font-size: 23px; line-height: 1.05; }
  .topup-workspace { padding: 11px 12px; }
  .topup-layout { gap: 8px; }
  .topup-form .section-kicker { display: none; }
  .topup-form .panel__heading h2 { font-size: 19px; line-height: 1.15; }
  .amount-options { gap: 5px 7px; margin: 8px 0; }
  .amount-options button { min-height: 36px; padding: 4px; font-size: 15px; }
  .topup-form .field { gap: 3px; }
  .topup-form .field > span { font-size: 11px; }
  .topup-form .field input { height: 38px; min-height: 38px; }
  .topup-submit { min-height: 39px; margin-top: 7px; }
  .topup-form .form-message { display: none; }
  .topup-payment {
    display: grid;
    grid-template-columns: 152px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 12px;
    align-items: center;
    padding-top: 9px;
  }
  .topup-payment[hidden] { display: none; }
  .topup-payment__header { grid-column: 2; gap: 6px; align-items: center; }
  .topup-payment__header .section-kicker { display: none; }
  .topup-payment__header h2 { font-size: 17px; line-height: 1.15; }
  .topup-status { padding: 5px 7px; font-size: 9px; }
  .topup-payment__amount { grid-column: 2; margin: 4px 0; font-size: 23px; text-align: left; }
  .topup-qr, .topup-workspace.topup-has-payment .topup-qr {
    grid-column: 1;
    grid-row: 1 / 5;
    width: 152px;
    border-radius: 10px;
  }
  .topup-expiry { grid-column: 2; min-height: 0; margin: 0; font-size: 10px; text-align: left; }
  .topup-payment #topupCheckout { grid-column: 2; min-height: 36px; margin-top: 5px; padding-inline: 8px; font-size: 11px; }

  .topup-payment {
    display: none;
    justify-content: center;
  }
  .topup-payment__header,
  .topup-payment__amount,
  .topup-expiry,
  .topup-payment #topupCheckout { display: none; }
  .topup-qr, .topup-workspace.topup-has-payment .topup-qr {
    width: 152px;
  }

  .topup-workspace.topup-modal-open .topup-payment {
    position: fixed;
    z-index: 110;
    top: 50%;
    left: 50%;
    display: block;
    width: calc(100% - 28px);
    max-width: 420px;
    max-height: calc(100dvh - 110px);
    padding: 22px 20px 18px;
    overflow-y: auto;
    border: 0;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15,23,42,.28);
    transform: translate(-50%, -50%);
  }
  .topup-workspace.topup-modal-open .topup-payment__close {
    position: absolute;
    top: 9px;
    right: 10px;
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    border: 0;
    color: #7b8190;
    background: transparent;
    cursor: pointer;
    font-size: 31px;
    font-weight: 300;
  }
  .topup-workspace.topup-modal-open .topup-payment__header { display:flex; padding-right:34px; }
  .topup-workspace.topup-modal-open .topup-payment__header h2 { font-size:22px; }
  .topup-workspace.topup-modal-open .topup-payment__header h2 { font-size:0; }
  .topup-workspace.topup-modal-open .topup-payment__header h2::after { content:"Mã thanh toán"; font-size:22px; }
  .topup-workspace.topup-modal-open .topup-status { display:none; }
  .topup-workspace.topup-modal-open .topup-payment__amount { display:block; margin:14px 0 6px; font-size:24px; text-align:center; }
  .topup-workspace.topup-modal-open .topup-qr { display:block; width:min(100%,255px); height:auto; aspect-ratio:auto; margin-inline:auto; }
  .topup-workspace.topup-modal-open .topup-bank-details { display:grid; gap:8px; width:100%; max-width:390px; margin:14px auto 0; }
  .topup-bank-details[hidden] { display:none !important; }
  .topup-bank-details div { display:grid; grid-template-columns:112px minmax(0,1fr) 30px; align-items:center; column-gap:7px; min-height:30px; }
  .topup-bank-details dt { color:#7f8490; font-size:14px; line-height:1.2; white-space:nowrap; }
  .topup-bank-details dd { min-width:0; margin:0; overflow-wrap:anywhere; color:#171b2d; font-size:14px; font-weight:800; line-height:1.25; }
  .topup-bank-details button { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid #d9e9df; border-radius:8px; color:#07965a; background:#f1fbf5; cursor:pointer; transition:background .15s,border-color .15s,transform .15s; }
  .topup-bank-details button:hover { border-color:#14a864; background:#e4f8ec; transform:translateY(-1px); }
  .topup-bank-details button:active { transform:translateY(0); }
  .topup-bank-details button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .topup-workspace.topup-modal-open .topup-expiry { display:block; margin-top:8px; font-size:12px; text-align:center; }
  .topup-workspace.topup-modal-open .topup-payment #topupCheckout { display:flex; width:100%; margin-top:10px; justify-content:center; }
  .topup-workspace.topup-modal-open .supported-banks { display:block; margin-top:14px; padding-top:12px; border-top:1px solid #edf0f2; }
  .supported-banks > p { margin:0 0 9px; color:#737987; font-size:12px; font-weight:700; text-align:center; }
  .supported-banks__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
  .supported-banks__grid a { display:flex; min-width:0; padding:5px 2px; flex-direction:column; align-items:center; gap:4px; border:1px solid transparent; border-radius:10px; color:#646a77; font-size:8px; font-weight:700; line-height:1.1; text-align:center; text-decoration:none; transition:border-color .15s,background .15s,transform .15s; }
  .supported-banks__grid a:hover,.supported-banks__grid a:focus-visible { border-color:#bfe8cf; background:#f1fbf5; outline:0; transform:translateY(-1px); }
  .supported-banks__grid a[aria-disabled="true"] { opacity:.45; pointer-events:none; }
  .bank-icon { position:relative; display:block; width:46px; height:46px; overflow:hidden; border:1px solid #e5e8ed; border-radius:10px; background:#fff; box-shadow:0 2px 7px rgba(15,23,42,.08); }
  .bank-icon img { width:100%; height:100%; border:0; border-radius:9px; box-shadow:none; object-fit:cover; }
  .supported-banks__grid a > img { display:block; width:46px; min-width:46px; max-width:46px; height:46px; min-height:46px; max-height:46px; border:1px solid #e5e8ed; border-radius:10px; background:#fff; box-shadow:0 2px 7px rgba(15,23,42,.08); object-fit:cover; }
  .bank-icon--autofill::after { content:"Tự động điền"; position:absolute; z-index:1; top:6px; right:-18px; width:62px; padding:2px 0; color:#fff; background:#18bd63; box-shadow:0 1px 3px rgba(0,120,65,.22); font-size:6px; font-weight:700; line-height:1; white-space:nowrap; transform:rotate(45deg); transform-origin:center; }
  .all-banks-button { display:flex; min-width:0; padding:5px 2px; flex-direction:column; align-items:center; gap:4px; border:1px solid transparent; border-radius:10px; color:#168a53; background:transparent; cursor:pointer; font-size:8px; font-weight:800; line-height:1.1; }
  .all-banks-button span { display:grid; width:42px; height:42px; place-items:center; border:1px dashed #93d5ae; border-radius:10px; background:#f1fbf5; font-size:23px; font-weight:500; }
  .all-banks-button:hover,.all-banks-button[aria-expanded="true"] { border-color:#bfe8cf; background:#f1fbf5; }
  .all-banks-button[hidden] { display:none; }
  .supported-banks__all:not([hidden]) { display:contents; }
  .supported-banks__all[hidden] { display:none; }
  .supported-banks__grid,.supported-banks__all { min-width:0; max-width:100%; overflow-x:hidden; }
  .toast { z-index: 120; top: 12px; right: 50%; width:max-content; min-width:0; transform:translate(50%,-14px); }
  .toast[data-show="true"] { transform:translate(50%,0); }
}

/* QR GO results: mỗi đơn gồm ba hàng thông tin và thao tác thẳng cột. */
.go-results-scroll{width:100%;max-width:100%;overflow-x:hidden;border:1px solid #d9e8df;border-radius:10px;background:#fff;-webkit-overflow-scrolling:touch}
.go-results-scroll .go-results{gap:0}
.go-results-header,.go-result-row{display:grid;width:100%;min-width:0;grid-template-columns:minmax(82px,.85fr) minmax(72px,.72fr) minmax(60px,.85fr) minmax(86px,.85fr) minmax(72px,.7fr) minmax(150px,1.6fr) minmax(150px,1.55fr);align-items:start;font-size:12px}
.go-results-header{position:sticky;z-index:2;top:0;color:#087f45;background:#effbf4}
.go-results-header b{padding:7px 6px;border-right:1px solid #d9e8df;font-size:11px}
.go-result-row{border-top:1px solid #e7f0ea}
.go-result-row>*{min-width:0;padding:6px;overflow-wrap:anywhere;line-height:1.2}
.go-result-row em{color:var(--muted);font-style:normal}
.go-result-row[data-status="paid"] em,.go-result-row[data-status="done"] em{color:#078352;font-weight:750}
.go-result-row[data-status="failed"] em,.go-result-row[data-status="expired"] em{color:#bd2941;font-weight:750}
.go-result-row[data-status="running"] em,.go-result-row[data-status="queued"] em,.go-result-row[data-status="awaiting_payment"] em{color:#a06800;font-weight:750}
.go-payment-meta{display:flex;align-items:center;gap:4px;white-space:nowrap}.go-payment-meta>span{overflow:hidden;text-overflow:ellipsis}
.go-result-links{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.go-result-action{display:flex;gap:3px}
.go-result-action a,.go-copy-result{border:1px solid #bfe8cf;border-radius:6px;padding:4px 6px;color:#087f45;background:#f1fbf5;font-size:10px;font-weight:750;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}
.go-result-action a:hover,.go-copy-result:hover{border-color:#00b764;background:#e8f9ef}
.go-result-compact{display:none;grid-template-columns:minmax(330px,1.2fr) minmax(280px,1fr) 190px;grid-template-rows:repeat(3,auto);align-items:center;column-gap:18px;row-gap:5px;min-width:850px;padding:9px 12px;border-top:1px solid #e7f0ea;font-size:14px;line-height:1.25}
.go-result-compact:first-child{border-top:0}
.go-compact-field{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.go-compact-field>b{font-weight:800}
.go-compact-field>strong{font-weight:800}
.go-compact-status{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.15}
.go-compact-status>em{color:var(--muted);font-style:normal;white-space:nowrap}
.go-compact-status>small{margin-top:2px;color:#d92d20;font-size:9px;font-weight:750;white-space:normal}
.go-result-compact[data-status="paid"] .go-compact-status>em,.go-result-compact[data-status="done"] .go-compact-status>em{color:#078352}
.go-result-compact[data-status="failed"] .go-compact-status>em,.go-result-compact[data-status="expired"] .go-compact-status>em{color:#bd2941}
.go-result-compact[data-status="running"] .go-compact-status>em,.go-result-compact[data-status="queued"] .go-compact-status>em,.go-result-compact[data-status="awaiting_payment"] .go-compact-status>em{color:#a06800}
.go-order-code{overflow:hidden;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.go-order-code:not(:disabled):hover{color:#078352;text-decoration:underline}
.go-compact-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}
.go-compact-actions a,.go-compact-actions button{padding:0;border:0;color:#172036;background:transparent;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.go-compact-actions a:hover,.go-compact-actions button:hover{color:#008f4c}

@media(max-width:700px) {
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .go-results-panel { padding:10px 0 0; }
  .go-results-panel > .panel__heading { margin-bottom:6px; padding-inline:10px; }
  .go-results-panel > .panel__heading h2 { font-size:18px; }
  .go-results-scroll{width:100%;max-width:100%;max-height:390px;overflow-x:hidden;border-inline:0;border-radius:0}
  .go-results-header,.go-result-row{display:none}
  .go-result-compact{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(82px,.75fr);column-gap:5px;row-gap:4px;padding:7px 6px;font-size:10.5px}
  .go-result-compact:nth-of-type(even){background:#f1fbf5}
  .go-compact-status>em{font-size:12px;font-weight:800}
  .go-compact-field{grid-template-columns:86px minmax(0,1fr);gap:4px;overflow:hidden}
  .go-result-compact>.go-compact-field:nth-child(2),.go-result-compact>.go-compact-field:nth-child(5),.go-result-compact>.go-compact-field:nth-child(8){grid-template-columns:40px minmax(0,1fr)}
  .go-result-compact>.go-compact-field:nth-child(2)>strong,.go-result-compact>.go-compact-field:nth-child(5)>button,.go-result-compact>.go-compact-field:nth-child(8)>span{overflow:visible;font-size:10px;text-overflow:clip;white-space:nowrap}
  .go-compact-field>*{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .go-compact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:3px;font-size:8.5px}
  .go-compact-actions a,.go-compact-actions button{display:block;min-width:0;padding:3px 2px;border:1px solid #bfe8cf;border-radius:5px;color:#087f45;background:#f1fbf5;font-size:inherit;font-weight:750;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap}
  .go-compact-actions a:active,.go-compact-actions button:active{border-color:#00b764;background:#e8f9ef}
  .go-sheet th:first-child{padding-left:2px;padding-right:2px;text-align:center}
}
.prudential-profile-card__content{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.prudential-profile-card__content>strong{white-space:nowrap}.prudential-profile-card__content>small{color:var(--muted)}.prudential-payer-mode{display:inline-flex;padding:3px;border:1px solid #b7e5cd;border-radius:12px;background:#fff}.prudential-payer-mode label{cursor:pointer}.prudential-payer-mode input{position:absolute;opacity:0;pointer-events:none}.prudential-payer-mode span{display:block;padding:8px 15px;border-radius:9px;color:#52635a;font-weight:700;transition:.15s ease}.prudential-payer-mode input:checked+span{color:#006b3b;background:#dcf8e9;box-shadow:0 1px 3px rgba(0,107,59,.12)}.prudential-payer-mode input:focus-visible+span{outline:2px solid #00a859;outline-offset:1px}.prudential-profile-edit{margin-left:auto}@media(max-width:640px){.prudential-profile-card__content{gap:10px}.prudential-profile-card__content>strong{flex-basis:100%}.prudential-payer-mode{width:100%}.prudential-payer-mode label{flex:1}.prudential-payer-mode span{text-align:center}.prudential-profile-card__content>small{flex:1;min-width:0}.prudential-profile-edit{margin-left:0}}
.prudential-profile-card{padding:13px 14px!important;border-color:#b9e8cf!important;border-radius:18px!important;background:linear-gradient(135deg,#f7fffb 0%,#edfbf4 100%)!important;box-shadow:0 8px 22px rgba(0,116,64,.06)}.prudential-profile-card__content{display:grid!important;grid-template-columns:max-content max-content minmax(180px,1fr) max-content;align-items:center;gap:12px;width:100%}.prudential-profile-card__content>strong{display:flex;align-items:center;gap:8px;font-size:15px;color:#101828}.prudential-profile-card__content>strong:before{content:'●';display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#00a859;background:#dff8eb;font-size:10px}.prudential-payer-mode{padding:3px;border:1px solid #c7e8d5;border-radius:11px;background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(16,24,40,.04)}.prudential-payer-mode span{padding:7px 13px;border-radius:8px;font-size:13px}.prudential-profile-card__content>small{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 11px;border:1px solid #d8ece1;border-radius:10px;color:#52615a;background:rgba(255,255,255,.72);font-size:13px;white-space:nowrap;overflow:hidden}.prudential-profile-card__content>small i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #dff8eb}.prudential-profile-card__content>small span{overflow:hidden;text-overflow:ellipsis}.prudential-profile-card__content>small b{padding-left:8px;border-left:1px solid #d7e7de;color:#34473d}.prudential-profile-edit{margin:0!important;padding:8px 13px!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.04)}@media(max-width:820px){.prudential-profile-card__content{grid-template-columns:1fr auto}.prudential-profile-card__content>strong{grid-column:1}.prudential-payer-mode{grid-column:2;grid-row:1}.prudential-profile-card__content>small{grid-column:1}.prudential-profile-edit{grid-column:2}}@media(max-width:520px){.prudential-profile-card{padding:12px!important}.prudential-profile-card__content{grid-template-columns:1fr}.prudential-profile-card__content>strong,.prudential-payer-mode,.prudential-profile-card__content>small,.prudential-profile-edit{grid-column:1}.prudential-payer-mode{grid-row:auto;width:100%}.prudential-payer-mode label{flex:1}.prudential-payer-mode span{text-align:center}.prudential-profile-card__content>small{white-space:normal}.prudential-profile-edit{width:100%}}
.prudential-saved-profiles{grid-column:1/-1;display:grid;gap:8px}.prudential-saved-profile{display:grid;grid-template-columns:34px minmax(130px,1fr) minmax(105px,max-content) max-content;align-items:center;gap:10px;padding:8px 10px;border:1px solid #d8ebe1;border-radius:12px;background:rgba(255,255,255,.8)}.prudential-saved-profile.is-selected{border-color:#8dd8af;background:#f6fff9;box-shadow:0 0 0 2px rgba(18,183,106,.07)}.prudential-saved-profile>span{overflow:hidden;color:#475467;text-overflow:ellipsis;white-space:nowrap}.prudential-saved-profile>b{color:#173b2a}.prudential-profile-check{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #b9ddc9;border-radius:9px;color:#809087;background:#fff;font-size:16px;font-weight:900;cursor:pointer}.prudential-saved-profile.is-selected .prudential-profile-check{border-color:#12b76a;color:#fff;background:#12b76a}.prudential-add-profile{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px;border:1px dashed #82cfa4;border-radius:11px;color:#087a42;background:rgba(255,255,255,.55);font-weight:800;cursor:pointer}.prudential-add-profile:hover{border-style:solid;background:#fff}.prudential-add-profile span{font-size:19px;line-height:1}.prudential-no-profile{margin:0;padding:10px;color:#667085;text-align:center}.prudential-use-next{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #bce5cf;border-radius:14px;background:#f2fff8;cursor:pointer}.prudential-use-next input{width:19px;height:19px;accent-color:#00a859}.prudential-use-next span{display:grid;gap:2px}.prudential-use-next small{color:#667085}@media(max-width:640px){.prudential-saved-profile{grid-template-columns:32px 1fr max-content}.prudential-saved-profile>b{grid-column:2}.prudential-saved-profile .mini-button{grid-column:3;grid-row:1/3}}
.prudential-payer-mode span{display:flex!important;align-items:center;justify-content:center;gap:7px}.prudential-payer-mode span:before{content:'✓';display:grid;place-items:center;width:17px;height:17px;border:1px solid #b9d8c7;border-radius:50%;color:transparent;background:#fff;font-size:11px;font-weight:900;line-height:1;transition:.15s ease}.prudential-payer-mode input:checked+span:before{border-color:#00a859;color:#fff;background:#00a859;box-shadow:0 0 0 2px rgba(0,168,89,.1)}
.prudential-profile-actions{display:flex;align-items:center;gap:6px}.prudential-delete-profile{border-color:#ffd0d0!important;color:#c62828!important;background:#fff8f8!important}.prudential-delete-profile:hover{border-color:#f3a7a7!important;background:#fff0f0!important}@media(max-width:640px){.prudential-saved-profile{grid-template-columns:32px 1fr max-content}.prudential-profile-actions{grid-column:3;grid-row:1/3;flex-direction:column;align-items:stretch}.prudential-profile-actions .mini-button{width:100%}}
.prudential-quick-entry{grid-column:1/-1;padding:14px;border:1px solid #bce5cf;border-radius:16px;background:linear-gradient(135deg,#f7fffb,#effbf5)}.prudential-quick-entry textarea{min-height:82px!important;resize:vertical;border-radius:13px!important;background:#fff!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px!important;line-height:1.55}.prudential-quick-entry>small{display:block;margin-top:7px;color:#667085}.prudential-quick-entry:focus-within{border-color:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.09)}

.prudential-workspace>.panel__heading{margin-bottom:6px}.prudential-profile-card{margin-bottom:12px!important;padding:9px 12px!important}.prudential-profile-card__content{gap:8px}.prudential-profile-card__content>strong:before{width:24px;height:24px}.prudential-profile-card__content>small[hidden]{display:none!important}@media(max-width:520px){.prudential-profile-card__content>strong{flex-basis:auto}.prudential-profile-card{padding:9px 10px!important}.prudential-profile-card__content{gap:8px}}

@media(max-width:640px){.prudential-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:12px}.prudential-profile-form{grid-template-columns:1fr}.prudential-form .field>span{font-size:11px;line-height:1.25}.prudential-form .field input,.prudential-form .field select{padding-inline:11px;font-size:13px}.prudential-form .field select{padding-right:30px;background-position:calc(100% - 17px) 20px,calc(100% - 11px) 20px}.prudential-quick-entry,.prudential-form .form-actions{grid-column:1/-1}}

@media(max-width:640px){.prudential-form{column-gap:10px;row-gap:8px}.prudential-form>.field:not(.prudential-quick-entry){gap:4px;min-width:0}.prudential-form>.field:not(.prudential-quick-entry)>span{height:15px;overflow:hidden;color:#17211b;font-size:11.5px;line-height:15px;letter-spacing:-.18px;white-space:nowrap;text-overflow:ellipsis}.prudential-form>.field:not(.prudential-quick-entry)>span small{color:#667085;font-size:10px;font-weight:700;letter-spacing:-.2px}.prudential-form>.field:not(.prudential-quick-entry) input,.prudential-form>.field:not(.prudential-quick-entry) select{height:38px;padding-inline:12px;border-radius:11px;font-size:12.5px;font-weight:500}.prudential-form>.field:not(.prudential-quick-entry) select{padding-right:29px;background-position:calc(100% - 17px) 15px,calc(100% - 11px) 15px}.prudential-form>.field:not(.prudential-quick-entry) input::placeholder{font-size:11.5px}}

.prudential-entry-fields{grid-column:1/-1;display:grid;gap:10px}.prudential-entry-group{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.prudential-entry-fields:has(.prudential-entry-group+.prudential-entry-group) .prudential-entry-group{padding:30px 12px 12px;border:1px solid #d7e8df;border-radius:14px;background:#fbfefc}.prudential-entry-number{position:absolute;top:8px;left:12px;color:#087a42;font-size:12px;font-weight:900}.prudential-quick-entry textarea{overflow:hidden;resize:none!important;transition:height .12s ease}@media(max-width:640px){.prudential-entry-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.prudential-entry-group>.field{gap:4px;min-width:0}.prudential-entry-group>.field>span{height:15px;overflow:hidden;font-size:11.5px;line-height:15px;letter-spacing:-.18px;white-space:nowrap;text-overflow:ellipsis}.prudential-entry-group>.field>span small{font-size:10px}.prudential-entry-group>.field input,.prudential-entry-group>.field select{height:38px;padding-inline:12px;border-radius:11px;font-size:12.5px;font-weight:500}.prudential-entry-group>.field select{padding-right:29px;background-position:calc(100% - 17px) 15px,calc(100% - 11px) 15px}.prudential-entry-fields:has(.prudential-entry-group+.prudential-entry-group) .prudential-entry-group{padding:28px 9px 9px}}
.prudential-remove-entry{position:absolute;top:5px;right:8px;padding:3px 8px;border:0;border-radius:7px;color:#d92d20;background:#fff0ee;font:800 11px/1.4 inherit;cursor:pointer}.prudential-remove-entry:hover{background:#fee4e2}

.prudential-add-order{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px dashed #65cf98;border-radius:12px;color:#087a42;background:#f6fdf9;font:800 14px/1 inherit;cursor:pointer;transition:.15s ease}.prudential-add-order:hover{border-color:#00a859;background:#eaf9f1}.prudential-add-order span{font-size:19px;line-height:1}

.prudential-result--table{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) max-content;align-items:center;gap:8px 14px;padding:15px 16px}.prudential-result--table .prudential-history-cell{display:flex;align-items:baseline;min-width:0;gap:6px}.prudential-history-cell small{flex:0 0 auto;color:#667085;font-size:11px;font-weight:700}.prudential-history-cell b,.prudential-history-cell span{min-width:0;overflow:hidden;color:#17211b;text-overflow:ellipsis;white-space:nowrap}.prudential-result--table>.prudential-status{justify-self:end;max-width:130px;text-align:right;font-size:12px;font-weight:900}.prudential-history-action{justify-self:stretch;min-width:74px;padding:7px 10px;text-align:center}.prudential-result--table>a{text-decoration:none}@media(max-width:640px){.prudential-result--table{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 76px;gap:7px 9px;padding:13px 10px}.prudential-result--table .prudential-history-cell{gap:4px}.prudential-history-cell small{font-size:10px}.prudential-history-cell b,.prudential-history-cell span{font-size:12px}.prudential-result--table>.prudential-status{max-width:76px;font-size:11px;line-height:1.2}.prudential-history-action{width:76px!important;min-width:0;padding:6px 5px;font-size:11px}}

@media(max-width:640px){.prudential-result--table{grid-template-columns:minmax(0,1.02fr) minmax(0,1.22fr) 58px;column-gap:7px;padding-inline:9px}.prudential-result--table .prudential-history-cell{gap:3px}.prudential-result--table .prudential-history-cell small{font-size:9.5px;letter-spacing:-.15px}.prudential-result--table .prudential-history-cell b,.prudential-result--table .prudential-history-cell span{font-size:11px;letter-spacing:-.15px}.prudential-result--table>:nth-child(2) b,.prudential-result--table>:nth-child(8) span{overflow:visible;font-size:10.5px;text-overflow:clip}.prudential-result--table>.prudential-status{max-width:58px;font-size:10.5px}.prudential-history-action{width:58px!important;padding-inline:3px;font-size:10px}}@media(max-width:370px){.prudential-result--table{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 50px;column-gap:5px;padding-inline:7px}.prudential-result--table .prudential-history-cell small{font-size:9px}.prudential-result--table .prudential-history-cell b,.prudential-result--table .prudential-history-cell span{font-size:10px}.prudential-result--table>:nth-child(2) b,.prudential-result--table>:nth-child(8) span{font-size:9.5px}.prudential-result--table>.prudential-status{max-width:50px;font-size:9.5px}.prudential-history-action{width:50px!important;font-size:9px}}

.prudential-history-amount b{font-size:15px!important;font-weight:900}.prudential-history-reference b{overflow:visible;text-overflow:clip}@media(max-width:640px){.prudential-history-amount b{font-size:13px!important}.prudential-history-reference b{font-size:10.5px!important}.prudential-result--table>:nth-child(8) span{overflow:visible;font-size:10.5px;text-overflow:clip}}@media(max-width:370px){.prudential-history-amount b{font-size:12px!important}.prudential-history-reference b,.prudential-result--table>:nth-child(8) span{font-size:9.5px!important}}

.prudential-result--table>.prudential-status{white-space:nowrap}@media(max-width:640px){.prudential-result--table{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 82px}.prudential-result--table>.prudential-status{max-width:none;font-size:10.5px}.prudential-history-action{width:82px!important}}@media(max-width:370px){.prudential-result--table{grid-template-columns:minmax(0,.95fr) minmax(0,1.18fr) 68px}.prudential-result--table>.prudential-status{max-width:none;font-size:9px}.prudential-history-action{width:68px!important}}

@media(max-width:640px){.prudential-result--table{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr) 82px;row-gap:5px}.prudential-history-action{justify-self:end!important;display:flex;align-items:center;justify-content:center;width:68px!important;height:30px;min-height:30px;padding:0 5px!important;border-radius:9px!important;font-size:10px!important}.prudential-result--table>:nth-child(8){gap:2px}.prudential-result--table>:nth-child(8) small{font-size:8.5px}.prudential-result--table>:nth-child(8) span{font-size:9.5px;letter-spacing:-.35px}}@media(max-width:370px){.prudential-result--table{grid-template-columns:minmax(0,.88fr) minmax(0,1.27fr) 70px}.prudential-history-action{width:58px!important;height:28px;min-height:28px;font-size:9px!important}.prudential-result--table>:nth-child(8) small{font-size:8px}.prudential-result--table>:nth-child(8) span{font-size:8.8px!important}}

.prudential-view-payer{grid-column:1/3;justify-self:start;padding:3px 0;border:0;color:#087a42;background:transparent;font:800 11px/1.3 inherit;cursor:pointer}.prudential-view-payer:hover{text-decoration:underline}.prudential-payer-dialog{width:min(560px,calc(100vw - 24px));padding:24px;border:0;border-radius:22px;box-shadow:0 24px 80px rgba(15,23,42,.24)}.prudential-payer-dialog::backdrop{background:rgba(15,23,42,.5);backdrop-filter:blur(3px)}.prudential-payer-dialog .dialog-close{float:right;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce6df;border-radius:50%;background:#f6faf7;font-size:20px;cursor:pointer}.prudential-payer-dialog h2{margin:5px 0 16px}.prudential-payer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.prudential-payer-details>div{display:grid;gap:3px;padding:10px 12px;border:1px solid #dce9e2;border-radius:12px;background:#f8fcfa}.prudential-payer-details small{color:#667085;font-size:11px}.prudential-payer-details b{overflow-wrap:anywhere;color:#17211b;font-size:13px}.prudential-payer-error{color:#d92d20;font-weight:700}@media(max-width:520px){.prudential-payer-dialog{padding:18px 15px;border-radius:18px}.prudential-payer-details{grid-template-columns:1fr}.prudential-view-payer{font-size:10px}}

@media(max-width:640px){.prudential-result--table{row-gap:3px;padding-top:10px;padding-bottom:10px}.prudential-result--table .prudential-view-payer{grid-column:1/3;justify-self:start;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0;padding:1px 0!important;text-align:left;line-height:1.15}.prudential-result--table>.prudential-view-payer+span,.prudential-result--table>.prudential-view-payer+span+span{display:none}}

.prudential-amount-warning{grid-column:1/-1;display:grid!important;gap:2px;margin-top:2px;padding-top:7px;border-top:1px solid #fee4e2;color:#d92d20}.prudential-amount-warning b,.prudential-amount-warning span{overflow:visible!important;color:#d92d20!important;font-size:11px!important;line-height:1.3;white-space:normal!important}.prudential-amount-warning span{font-weight:600}@media(max-width:640px){.prudential-amount-warning{padding-top:6px}.prudential-amount-warning b,.prudential-amount-warning span{font-size:10px!important}}

.prudential-amount-warning b,.prudential-amount-warning span{font-size:11px!important;font-weight:600!important}.prudential-amount-warning>span:last-child{padding-left:31px}@media(max-width:640px){.prudential-amount-warning b,.prudential-amount-warning span{font-size:10px!important}.prudential-amount-warning>span:last-child{padding-left:28px}}
.prudential-amount-warning>b,.prudential-amount-warning>span:last-child{font-size:13.2px!important}.prudential-amount-warning>span:last-child{padding-left:37px}@media(max-width:640px){.prudential-amount-warning>b,.prudential-amount-warning>span:last-child{font-size:12px!important}.prudential-amount-warning>span:last-child{padding-left:34px}}
@media(min-width:641px){.prudential-amount-warning{display:flex!important;align-items:baseline;gap:7px}.prudential-amount-warning>span:last-child{padding-left:0}}
.prudential-payment-method{grid-column:1/-1;display:flex;align-items:center;gap:8px}.prudential-payment-method>strong{margin-right:auto;color:#17211b;font-size:13px}.prudential-payment-method label{cursor:pointer}.prudential-payment-method input{position:absolute;opacity:0;pointer-events:none}.prudential-payment-method label span{display:block;min-width:76px;padding:9px 14px;border:1px solid #c8e6d6;border-radius:11px;color:#52635a;background:#fff;text-align:center;font-size:13px;font-weight:800}.prudential-payment-method input:checked+span{border-color:#12b76a;color:#007a42;background:#e8f9f0;box-shadow:0 0 0 2px rgba(18,183,106,.08)}.prudential-payment-method input:focus-visible+span{outline:2px solid #00a859;outline-offset:2px}@media(max-width:520px){.prudential-payment-method{gap:6px}.prudential-payment-method>strong{font-size:11px}.prudential-payment-method label span{min-width:62px;padding:8px 10px;font-size:12px}}
.prudential-payment-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prudential-payment-actions .button{width:100%;min-width:0}.prudential-visa-button{border:1px solid #00a859!important;color:#007a42!important;background:#fff!important}.prudential-visa-button:hover{background:#edfaf3!important}.prudential-payment-actions .form-message{margin-top:7px}@media(max-width:420px){.prudential-payment-actions>div{gap:7px}.prudential-payment-actions .button{padding-inline:8px;font-size:12px}}
.prudential-payment-actions .button{display:flex;align-items:center;justify-content:center;border:1px solid #00a859!important;color:#fff!important;background:#00a859!important;text-align:center}.prudential-payment-actions .button:hover{border-color:#008f4c!important;background:#008f4c!important}.prudential-payment-actions .button:disabled{color:#fff!important;background:#75cea4!important}
.prudential-payment-actions>div{width:min(100%,380px);margin-inline:auto}.prudential-payment-actions{justify-items:center}.prudential-payment-actions .form-message{width:100%;text-align:center}
.prudential-failure-reason{grid-column:3;grid-row:2/4;align-self:center;overflow-wrap:anywhere;color:#d92d20;font-size:10px;font-weight:700;line-height:1.25;text-align:center}.prudential-failure-spacer{display:none}@media(max-width:640px){.prudential-failure-reason{font-size:9px;line-height:1.2}}
.prudential-quick-preview{display:grid;gap:6px;margin-top:9px}.prudential-quick-preview>div{display:grid;grid-template-columns:25px 90px minmax(130px,1fr) max-content;align-items:center;column-gap:9px;row-gap:3px;padding:8px 10px;border:1px solid #d5eadf;border-radius:10px;background:rgba(255,255,255,.86)}.prudential-quick-preview em{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#087a42;background:#dcf8e9;font-size:11px;font-style:normal;font-weight:900}.prudential-quick-preview b{color:#122d20}.prudential-quick-preview span{overflow:hidden;color:#475467;text-overflow:ellipsis;white-space:nowrap}.prudential-quick-preview small{grid-column:2/4;color:#087a42;font-size:12px;font-weight:700}.prudential-quick-preview strong{grid-column:4;grid-row:1/3;color:#087a42;font-size:13px}@media(max-width:580px){.prudential-quick-preview>div{grid-template-columns:25px 1fr max-content}.prudential-quick-preview em{grid-row:1}.prudential-quick-preview span{grid-column:2/4}.prudential-quick-preview small{grid-column:2/4}.prudential-quick-preview strong{grid-column:3;grid-row:1}}
.prudential-quick-entry textarea::placeholder{font-size:11px;line-height:1.35;letter-spacing:-.15px}

/* Chỉnh riêng từng trường cho chế độ người nộp Ngẫu nhiên. */
.prudential-random-option{position:relative;display:flex;align-items:stretch;min-width:0;border-radius:8px;transition:.15s ease}.prudential-random-option label{display:flex;min-width:0}.prudential-payer-mode span{white-space:nowrap}.prudential-random-option:has(input:checked){background:#dcf8e9;box-shadow:0 1px 3px rgba(0,107,59,.12)}.prudential-random-option input:checked+span{border-radius:0 8px 8px 0;background:transparent;box-shadow:none}.prudential-random-edit{position:relative;order:-1;display:grid;place-items:center;width:36px;min-width:36px;padding:0;border:0;border-right:1px solid #d8ece1;border-radius:8px 0 0 8px;color:#087a42;background:#f5fcf8;cursor:pointer;transition:.15s ease}.prudential-random-edit svg{width:23px;height:23px;padding:3px;border:1px solid #9ed8b7;border-radius:7px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;background:#fff;transition:.15s ease}.prudential-random-option:has(input:checked) .prudential-random-edit{border-right-color:#b9e8cf;background:transparent}.prudential-random-edit:hover svg{border-color:#00a859;color:#006b3b;background:#edfaf3;transform:translateY(-1px)}.prudential-random-edit:focus-visible{z-index:2;outline:2px solid #00a859;outline-offset:1px}.prudential-random-edit:before{content:attr(data-tooltip);position:absolute;z-index:5;bottom:calc(100% + 7px);left:0;padding:6px 8px;border-radius:7px;color:#fff;background:#173e2c;box-shadow:0 5px 14px rgba(16,24,40,.18);font:700 11px/1.2 inherit;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(3px);transition:.15s ease}.prudential-random-edit:hover:before,.prudential-random-edit:focus-visible:before{opacity:1;transform:translateY(0)}.prudential-random-edit.has-overrides:after{content:'';position:absolute;top:3px;right:3px;width:6px;height:6px;border:2px solid #dcf8e9;border-radius:50%;background:#00a859}@media(max-width:520px){.prudential-payer-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.prudential-random-option,.prudential-payer-mode>label{min-width:0}.prudential-random-option label{flex:1}.prudential-random-option span{flex:1;padding-inline:5px!important;gap:5px!important}.prudential-random-edit{width:34px;min-width:34px}.prudential-random-edit svg{width:22px;height:22px}}
.prudential-workspace>.panel__heading .section-kicker{font-size:13px;letter-spacing:.145em}

/* Trang GO dùng cùng hệ khung, bo góc và kiểu chữ với Prudential. */
.go-heading{width:min(980px,100%);min-height:58px;margin:0 auto 9px;padding-inline:8px}.go-heading h1{color:#101828;font-size:28px;font-weight:850;letter-spacing:-.025em}.go-queue{border-color:#b9e8cf;color:#087a42;background:#effbf4;box-shadow:0 1px 2px rgba(16,24,40,.04)}.go-create-panel,.go-results-panel{width:min(980px,100%);margin:0 auto 14px;border-color:#c7e8d5;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(0,116,64,.07)}.go-create-panel{padding:22px}.go-create-panel>.panel__heading,.go-results-panel>.panel__heading{margin-bottom:12px}.go-create-panel .section-kicker,.go-results-panel .section-kicker{font-size:13px;letter-spacing:.145em}.go-create-panel .panel__heading h2,.go-results-panel .panel__heading h2{color:#101828;font-size:20px;font-weight:850}.go-create-panel #goOrderForm{padding:12px;border:1px solid #b9e8cf;border-radius:17px;background:linear-gradient(135deg,#f7fffb 0%,#edfbf4 100%);box-shadow:0 8px 22px rgba(0,116,64,.05)}.go-entry-table{border-color:#c7e8d5;border-radius:13px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.go-sheet th{border-color:#d5eadf;color:#087a42;background:#effbf4;font-family:inherit;font-weight:850}.go-sheet td{border-color:#dbeae2}.go-sheet input{color:#17211b;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;font-weight:600;transition:background .15s ease,box-shadow .15s ease}.go-sheet input:hover{background:#fcfffd}.go-sheet input:focus{background:#fff;box-shadow:inset 0 0 0 2px #16a34a}.go-entry-tools{gap:10px;margin-top:10px}.go-entry-tools .mini-button{min-height:34px;padding:0 12px;border:1px dashed #82cfa4;border-radius:10px;color:#087a42;background:rgba(255,255,255,.72);font-weight:800}.go-entry-tools .mini-button:hover{border-style:solid;background:#fff}.go-hint{color:#667085;font-family:inherit;font-size:12px}.go-create-panel .form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.go-create-panel .form-actions .button{width:100%;min-height:46px;border-radius:12px;font-size:13px}.go-create-panel .button--ghost{border:1px solid #b9e8cf;color:#087a42;background:#fff}.go-create-panel .button--ghost:hover{border-color:#00a859;background:#edfaf3}.go-create-panel .form-message{grid-column:1/-1;margin:0;text-align:center}.go-results-panel{padding:18px}.go-results-scroll{border-color:#c7e8d5;border-radius:14px}.go-results-header{color:#087a42;background:#effbf4}.go-results-header b{border-color:#d5eadf;font-family:inherit;font-weight:850}.go-result-row,.go-result-compact{border-color:#e1eee7;font-family:inherit}
@media(max-width:700px){.go-heading{min-height:48px;margin-bottom:7px;padding-inline:3px}.go-heading h1{font-size:25px}.go-create-panel,.go-results-panel{border-color:#c7e8d5;border-radius:18px}.go-create-panel{padding:13px 12px}.go-create-panel>.panel__heading{margin-bottom:9px}.go-create-panel .section-kicker,.go-results-panel .section-kicker{font-size:11px}.go-create-panel .panel__heading h2,.go-results-panel .panel__heading h2{font-size:18px}.go-create-panel #goOrderForm{padding:9px;border-radius:14px}.go-entry-table{overflow-x:hidden;border-radius:11px}.go-sheet{width:100%;min-width:100%;max-width:100%;table-layout:fixed}.go-sheet .go-col-phone{width:71.6px}.go-sheet .go-col-pin{width:75px}.go-sheet .go-col-quantity{width:30px}.go-sheet .go-col-note{width:60px}.go-sheet .go-col-link{width:auto}.go-sheet th{font-family:inherit;font-size:9.5px}.go-sheet input{height:34px;font-family:inherit;font-size:12px}.go-sheet td:first-child input{height:34px;font-size:11px}.go-sheet td:last-child{height:34px}.go-entry-tools{gap:6px;margin-top:8px}.go-entry-tools .mini-button{min-height:32px}.go-hint{font-size:11px}.go-create-panel .form-actions{gap:7px;margin-top:9px}.go-create-panel .form-actions .button{min-height:42px;font-size:12px}.go-results-panel{padding:11px 9px}.go-results-panel>.panel__heading{padding-inline:0}.go-results-scroll{border:1px solid #c7e8d5;border-radius:12px}.go-result-compact{padding:8px 7px}}
.go-sheet input.is-product-code{color:#087a42;background:#f8fffb;font-weight:850;text-align:center;letter-spacing:.02em}

/* Kết quả GO trên điện thoại: luôn hiện đầy đủ, không cắt bằng dấu ba chấm. */
.go-results-panel>.go-results-title{margin-bottom:9px}.go-results-panel>.go-results-title .section-kicker{margin:0;font-size:15px;letter-spacing:.13em}
@media(max-width:700px){.go-results-panel{overflow:visible}.go-results-scroll{max-height:none!important;overflow:visible!important}.go-result-compact{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 84px;overflow:visible;align-items:center}.go-compact-field,.go-result-compact>.go-compact-field:nth-child(2),.go-result-compact>.go-compact-field:nth-child(5),.go-result-compact>.go-compact-field:nth-child(8){display:flex!important;grid-template-columns:none;align-items:baseline;gap:4px;overflow:visible;white-space:nowrap}.go-result-compact>.go-compact-field:nth-child(1),.go-result-compact>.go-compact-field:nth-child(4),.go-result-compact>.go-compact-field:nth-child(7){display:grid!important;grid-template-columns:68px minmax(0,1fr);gap:4px}.go-compact-field>*{min-width:0;overflow:visible!important;text-overflow:clip!important}.go-compact-field>b{flex:0 0 auto}.go-result-compact>.go-compact-field:nth-child(1)>strong,.go-result-compact>.go-compact-field:nth-child(4)>span,.go-result-compact>.go-compact-field:nth-child(5)>button,.go-result-compact>.go-compact-field:nth-child(8)>span{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.go-result-compact>.go-compact-field:nth-child(7){align-items:start}.go-result-compact>.go-compact-field:nth-child(7)>span{white-space:normal!important;overflow-wrap:anywhere}.go-result-compact>.go-compact-field:nth-child(8){gap:2px;font-size:9.5px}.go-order-code{overflow:visible;text-overflow:clip}.go-compact-actions{gap:2px}.go-compact-actions a,.go-compact-actions button{padding-inline:1px;font-size:8.2px}.go-compact-status{align-self:start}.go-compact-status>small{max-width:84px;font-size:8.5px;line-height:1.2}.go-result-compact[data-status="failed"]>.go-compact-status{grid-column:3;grid-row:1/4}.go-result-compact[data-status="failed"]>.go-compact-actions,.go-result-compact[data-status="expired"]>.go-compact-actions{display:none}}
@media(max-width:700px){.go-results-panel>.go-results-title{margin-bottom:7px;padding-inline:1px}.go-results-panel>.go-results-title .section-kicker{font-size:14px}}

/* Hệ biểu tượng điều hướng đồng nhất: cùng khung, màu và nét SVG. */
.feature-nav{display:grid;gap:5px}.feature-nav__item{transition:border-color .18s ease,background .18s ease,transform .18s ease}.feature-nav__item:hover{border-color:#d4eadf;background:#f7fcf9}.feature-nav__icon,.feature-nav__icon--home,.feature-nav__icon--topup,.feature-nav__icon--mwg,.feature-nav__icon--go,.feature-nav__icon--prudential{position:relative;display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.62);border-radius:13px;color:#fff;background:linear-gradient(145deg,#13bc69 0%,#00a45b 58%,#008f50 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 7px 16px rgba(0,143,80,.18);font-size:initial;font-weight:initial;letter-spacing:normal;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.feature-nav__icon:after{content:'';position:absolute;inset:3px;border:1px solid rgba(255,255,255,.12);border-radius:10px;pointer-events:none}.feature-nav__icon svg{position:relative;z-index:1;width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-nav__icon--mwg svg{width:21px;height:21px;fill:rgba(255,255,255,.14);stroke-width:1.7}.feature-nav__icon--go svg{width:21px;height:21px;stroke-width:1.7}.feature-nav__icon--prudential svg{width:23px;height:23px;stroke-width:1.65}.feature-nav__item:hover .feature-nav__icon{filter:saturate(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 20px rgba(0,143,80,.23)}.feature-nav__item.is-active .feature-nav__icon{background:linear-gradient(145deg,#0ba95d,#007f47);box-shadow:0 0 0 3px #d9f5e7,0 9px 20px rgba(0,127,71,.25)}.feature-nav__item.is-active{border-color:#c4ead6;background:linear-gradient(135deg,#effbf4,#f8fdfa)}