:root{
  --pay-brown:#963300;
  --pay-brown-deep:#6f2607;
  --pay-red:#e4262d;
  --pay-red-deep:#bf171f;
  --pay-ink:#241b17;
  --pay-muted:#746a64;
  --pay-line:#eadfd8;
  --pay-bg:#fbfaf8;
  --pay-card:#ffffff;
  --pay-soft:#f8f1ec;
  --pay-soft-2:#fff8f3;
  --pay-ok:#16844d;
  --pay-ok-bg:#edf9f2;
  --pay-warn:#ad6500;
  --pay-warn-bg:#fff7e7;
  --pay-bad:#c93636;
  --pay-bad-bg:#fff0f0;
  --pay-primary:var(--pay-brown);
  --pay-primary-2:var(--pay-red);
  --pay-shadow:0 20px 55px rgba(78,42,24,.10);
  --pay-shadow-sm:0 8px 28px rgba(78,42,24,.075);
  --pay-radius:22px;
  --pay-radius-sm:14px;
  --pay-header:78px;
}
html[data-theme="dark"],html[data-bs-theme="dark"]{
  --pay-ink:#fff8f4;
  --pay-muted:#c4b6ae;
  --pay-line:#3c2c25;
  --pay-bg:#15100e;
  --pay-card:#1f1714;
  --pay-soft:#2a1f1a;
  --pay-soft-2:#271b17;
  --pay-ok:#60cf91;
  --pay-ok-bg:#14281d;
  --pay-warn:#ffbd5c;
  --pay-warn-bg:#312311;
  --pay-bad:#ff7c7c;
  --pay-bad-bg:#35191b;
  --pay-shadow:0 20px 55px rgba(0,0,0,.34);
  --pay-shadow-sm:0 8px 28px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--pay-bg)}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 2%,rgba(150,51,0,.06),transparent 28rem),
    radial-gradient(circle at 96% 7%,rgba(228,38,45,.045),transparent 25rem),
    var(--pay-bg);
  color:var(--pay-ink);
  font-family:'Be Vietnam Pro',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.58;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  transition:background-color .22s ease,color .22s ease;
}
a{color:inherit}
button,input,select,textarea{font:inherit}
.hidden{display:none!important}

/* ========================= Standalone header ========================= */
.pay-top{
  position:sticky;top:0;z-index:1200;
  min-height:var(--pay-header);
  background:color-mix(in srgb,var(--pay-card) 95%,transparent);
  border-bottom:1px solid var(--pay-line);
  box-shadow:0 5px 22px rgba(76,43,27,.035);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.pay-top-inner{
  min-height:var(--pay-header);
  max-width:1180px;margin:0 auto;padding:8px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
}
.pay-brand{display:flex;align-items:center;min-width:0;text-decoration:none;flex:0 0 auto}
.pay-brand img{display:block;width:auto;height:58px;max-width:220px;object-fit:contain;transition:transform .18s ease,opacity .18s ease}
.pay-brand:hover img{transform:translateY(-1px);opacity:.96}
.pay-head-right{display:flex;align-items:center;gap:10px;min-width:0}
.pay-head-nav{display:flex;align-items:center;gap:8px}
.pay-head-link,.pay-theme-toggle{
  border:1px solid var(--pay-line);
  background:var(--pay-card);
  color:var(--pay-ink);
  text-decoration:none;
  min-height:44px;
  border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;
  font-size:13px;font-weight:700;
  box-shadow:0 4px 15px rgba(80,45,27,.045);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.pay-head-link{padding:9px 13px}
.pay-head-link i{font-size:15px;color:var(--pay-brown)}
.pay-head-link:hover{transform:translateY(-1px);border-color:rgba(150,51,0,.30);background:var(--pay-soft-2);color:var(--pay-brown);box-shadow:0 7px 20px rgba(80,45,27,.075)}
.pay-head-user{border-color:rgba(228,38,45,.16)}
.pay-head-user i{color:var(--pay-red)}
.pay-head-user.is-logged{background:color-mix(in srgb,var(--pay-red) 8%,var(--pay-card));color:var(--pay-red-deep)}
.pay-theme-toggle{width:44px;padding:0;cursor:pointer;flex:0 0 44px}
.pay-theme-toggle i{font-size:15px;color:var(--pay-brown)}
.pay-theme-toggle:hover{transform:translateY(-1px) rotate(-5deg);border-color:rgba(150,51,0,.30);background:var(--pay-soft)}
html[data-theme="dark"] .pay-head-link i,html[data-theme="dark"] .pay-theme-toggle i{color:#f0a27f}
html[data-theme="dark"] .pay-head-user i{color:#ff787d}

/* ========================= Layout ========================= */
.pay-wrap{max-width:1120px;margin:34px auto 54px;padding:0 18px}
.pay-page-title{margin:0 0 22px;padding:2px 2px 0}
.pay-page-title h1{font-size:clamp(29px,4vw,42px);font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:5px 0 8px;color:var(--pay-ink)}
.pay-page-title p{margin:0;color:var(--pay-muted);font-size:15px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pay-red)}
.grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:22px;align-items:start}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{
  position:relative;overflow:hidden;
  background:var(--pay-card);border:1px solid var(--pay-line);border-radius:var(--pay-radius);padding:22px;
  box-shadow:var(--pay-shadow-sm);
}
.card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(150,51,0,.28),rgba(228,38,45,.28),transparent);opacity:.65;pointer-events:none}
.card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card-hover:hover{transform:translateY(-2px);box-shadow:var(--pay-shadow);border-color:color-mix(in srgb,var(--pay-brown) 18%,var(--pay-line))}
h1,h2,h3,h4{margin-top:0;line-height:1.28} h2{font-size:21px;font-weight:800} h3{font-size:17px;font-weight:750}
.muted{color:var(--pay-muted)} .small{font-size:13px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.section-head h2{margin:0}
.section-icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:linear-gradient(135deg,rgba(150,51,0,.11),rgba(228,38,45,.09));display:flex;align-items:center;justify-content:center;color:var(--pay-red);font-size:18px;border:1px solid rgba(150,51,0,.08)}
.divider{height:1px;background:var(--pay-line);margin:18px 0}

/* ========================= Product / total ========================= */
.summary-item,.product-card{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--pay-line);align-items:center}
.summary-item:last-child,.product-card:last-child{border-bottom:0}
.product-image{width:104px;height:82px;object-fit:cover;border-radius:14px;background:var(--pay-soft);border:1px solid var(--pay-line);box-shadow:0 5px 16px rgba(62,34,20,.06)}
.summary-body{min-width:0;flex:1}.summary-name{font-weight:750;line-height:1.45}.summary-meta{font-size:12px;color:var(--pay-muted);margin-top:4px}
.summary-meta i{color:var(--pay-brown)}
.price{font-weight:800;margin-left:auto;white-space:nowrap;color:var(--pay-red)}
.total{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:800;border-top:1px dashed var(--pay-line);padding-top:16px;margin-top:10px}
.total strong{font-size:24px;color:var(--pay-brown)}
.flash-tag,.legacy-tag,.soft-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}
.flash-tag{background:#fff0f0;color:var(--pay-red)}.legacy-tag{background:var(--pay-soft);color:var(--pay-muted)}.soft-tag{background:rgba(150,51,0,.085);color:var(--pay-brown)}
html[data-theme="dark"] .flash-tag{background:#341719}

/* ========================= Forms / buttons ========================= */
.field{margin:15px 0}.field label{display:flex;align-items:center;gap:7px;font-weight:700;margin-bottom:7px;font-size:14px}
.field label i{color:var(--pay-brown)}
.input{width:100%;border:1px solid color-mix(in srgb,var(--pay-line) 75%,#b8a79d);border-radius:14px;padding:13px 14px;font-size:15px;background:var(--pay-card);color:var(--pay-ink);transition:border-color .18s,box-shadow .18s,background .18s}
.input:hover{border-color:color-mix(in srgb,var(--pay-brown) 28%,var(--pay-line))}.input:focus{outline:none;border-color:var(--pay-brown);box-shadow:0 0 0 4px rgba(150,51,0,.10)}.input::placeholder{color:#9d918a}
.gmail-input-wrap{display:flex;align-items:stretch;width:100%;border:1px solid color-mix(in srgb,var(--pay-line) 75%,#b8a79d);border-radius:14px;background:var(--pay-card);overflow:hidden;transition:border-color .18s,box-shadow .18s,background .18s}.gmail-input-wrap:hover{border-color:color-mix(in srgb,var(--pay-brown) 28%,var(--pay-line))}.gmail-input-wrap:focus-within{border-color:var(--pay-brown);box-shadow:0 0 0 4px rgba(150,51,0,.10)}.gmail-input-wrap .gmail-local-input{width:auto;min-width:0;flex:1;border:0!important;border-radius:0;background:transparent;box-shadow:none!important}.gmail-domain-suffix{display:flex;align-items:center;justify-content:center;padding:0 14px;border-left:1px solid var(--pay-line);background:var(--pay-soft);color:var(--pay-brown);font-size:15px;font-weight:800;white-space:nowrap;user-select:none}
.btn{border:0;border-radius:14px;padding:11px 16px;min-height:44px;font-size:14px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;white-space:nowrap}
.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.55}
.btn-primary{background:linear-gradient(135deg,var(--pay-brown),var(--pay-red));color:#fff;box-shadow:0 9px 22px rgba(150,51,0,.20)}
.btn-primary:hover:not(:disabled){box-shadow:0 12px 28px rgba(150,51,0,.27);filter:saturate(1.04)}
.btn-secondary{background:var(--pay-soft);color:var(--pay-ink);border:1px solid var(--pay-line)}
.btn-secondary:hover:not(:disabled){border-color:rgba(150,51,0,.30);color:var(--pay-brown);background:var(--pay-soft-2)}
.btn-danger{background:var(--pay-bad-bg);color:var(--pay-bad);border:1px solid color-mix(in srgb,var(--pay-bad) 22%,transparent)}
.btn-block{width:100%}.checkout-actions{margin-top:19px}
.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.notice{padding:13px 14px;border-radius:14px;margin:13px 0;font-size:13px;border:1px solid transparent}.notice i{margin-right:6px}
.notice-warn{background:var(--pay-warn-bg);color:var(--pay-warn);border-color:color-mix(in srgb,var(--pay-warn) 22%,transparent)}
.notice-ok{background:var(--pay-ok-bg);color:var(--pay-ok);border-color:color-mix(in srgb,var(--pay-ok) 22%,transparent)}
.notice-bad{background:var(--pay-bad-bg);color:var(--pay-bad);border-color:color-mix(in srgb,var(--pay-bad) 22%,transparent)}
details.advanced{border:1px solid var(--pay-line);border-radius:14px;padding:11px 13px;margin:15px 0;background:var(--pay-soft)}
details.advanced summary{cursor:pointer;font-weight:700;font-size:13px}.checkbox{display:flex;gap:9px;align-items:flex-start;margin-top:12px}.checkbox input{margin-top:4px;accent-color:var(--pay-brown)}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.trust-item{background:var(--pay-soft);border:1px solid var(--pay-line);border-radius:13px;padding:11px 9px;font-size:11px;color:var(--pay-muted)}.trust-item i{display:block;color:var(--pay-red);font-size:17px;margin-bottom:6px}

/* ========================= Order state ========================= */
.order-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.order-code-row{display:flex;align-items:center;gap:8px;min-width:0}.order-code{font-size:clamp(24px,4vw,34px);font-weight:800;letter-spacing:.01em;margin:3px 0;overflow-wrap:anywhere}
.order-copy-btn{width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid var(--pay-line);border-radius:10px;background:var(--pay-soft);color:var(--pay-brown);display:inline-grid;place-items:center;cursor:pointer;font-size:13px;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.order-copy-btn:hover{transform:translateY(-1px);border-color:rgba(150,51,0,.30);background:var(--pay-soft-2);color:var(--pay-red);box-shadow:0 5px 14px rgba(80,45,27,.08)}.order-copy-btn:active{transform:translateY(0) scale(.96)}.order-copy-btn-inline{width:26px;height:26px;flex-basis:26px;border-radius:8px;font-size:11px;vertical-align:middle}.support-order-code{display:inline-flex;align-items:center;gap:5px;color:var(--pay-ink)}.support-order-code-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.status-pill{padding:7px 11px;border-radius:999px;font-weight:750;font-size:12px;background:var(--pay-soft);color:var(--pay-muted);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.status-pill-amount{color:var(--pay-red);font-weight:850}
.status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent)}
.status-pill.ok{background:var(--pay-ok-bg);color:var(--pay-ok)}.status-pill.bad{background:var(--pay-bad-bg);color:var(--pay-bad)}.status-pill.processing{background:rgba(150,51,0,.09);color:var(--pay-brown)}
.status-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;position:relative;isolation:isolate}
.status-board::before{content:"";position:absolute;left:16.66%;right:16.66%;top:32px;height:2px;background:var(--pay-line);z-index:0;pointer-events:none}
.status-step{position:relative;z-index:2;background:var(--pay-card);border:1px solid var(--pay-line);border-radius:15px;padding:12px;min-height:84px;transition:.2s}
.status-step .step-top{display:flex;align-items:center;gap:9px}.step-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pay-soft);border:1px solid var(--pay-line);color:var(--pay-muted);font-size:12px;flex:0 0 28px}.status-step b{font-size:13px}.status-step small{display:block;margin:7px 0 0 37px;color:var(--pay-muted);font-size:11px}
.status-step.active{border-color:rgba(150,51,0,.35);background:color-mix(in srgb,var(--pay-brown) 5.5%,var(--pay-card))}.status-step.active .step-dot{background:var(--pay-brown);border-color:var(--pay-brown);color:#fff;animation:softPulse 1.8s infinite}
.status-step.done{border-color:color-mix(in srgb,var(--pay-ok) 28%,transparent);background:var(--pay-ok-bg)}.status-step.done .step-dot{background:var(--pay-ok);border-color:var(--pay-ok);color:#fff}
.status-step.error{border-color:color-mix(in srgb,var(--pay-bad) 28%,transparent);background:var(--pay-bad-bg)}.status-step.error .step-dot{background:var(--pay-bad);border-color:var(--pay-bad);color:#fff}
@keyframes softPulse{50%{box-shadow:0 0 0 7px rgba(150,51,0,.10)}}
.live-status{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--pay-line);background:linear-gradient(135deg,rgba(150,51,0,.055),var(--pay-soft-2));border-radius:15px;padding:13px 14px;margin-top:12px}.live-status-icon{width:36px;height:36px;border-radius:12px;background:rgba(150,51,0,.10);color:var(--pay-brown);display:grid;place-items:center;flex:0 0 36px}.live-status strong{font-size:13px}.live-status p{margin:2px 0 0;font-size:12px;color:var(--pay-muted)}.live-status-under-qr{max-width:520px;margin:10px auto 14px;text-align:left}

/* ========================= Countdown / QR ========================= */
.qr-wrap{text-align:center}.qr-title-icon{width:48px;height:48px;margin:0 auto 10px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(150,51,0,.12),rgba(228,38,45,.10));color:var(--pay-red);font-size:21px}.qr-heading{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 4px}.qr-heading .qr-title-icon{width:34px;height:34px;min-width:34px;margin:0;border-radius:11px;font-size:15px}.qr-heading .eyebrow{line-height:1.3}
.qr-box{width:254px;min-height:254px;margin:10px auto 12px;padding:11px;background:#fff;border:1px solid #eee3dd;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(82,43,24,.10)}.qr-box img,.qr-box canvas{max-width:100%;height:auto!important}
.countdown-panel{margin:10px auto 12px;max-width:520px;padding:15px 18px;border-radius:19px;background:linear-gradient(145deg,#6f2607,#a13b16 58%,#bc322a);color:#fff;border:1px solid rgba(255,255,255,.13);box-shadow:0 16px 36px rgba(111,38,7,.23)}
.countdown-label{font-size:11px;font-weight:800;color:rgba(255,255,255,.78);text-transform:uppercase;letter-spacing:.12em}.countdown-clock{font-size:clamp(38px,8vw,60px);font-weight:800;line-height:1;margin:8px 0 6px;letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 5px 18px rgba(0,0,0,.18)}.countdown-hint{font-size:11px;color:rgba(255,255,255,.74)}
.countdown-panel.urgent{background:linear-gradient(145deg,#8e151c,#c5262e)!important;animation:countdownGlow 1.1s ease-in-out infinite alternate}@keyframes countdownGlow{to{box-shadow:0 18px 42px rgba(201,52,52,.32)}}
.bank-info{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bank-cell{background:var(--pay-soft);border:1px solid var(--pay-line);border-radius:13px;padding:11px 12px;font-size:11px;color:var(--pay-muted);text-align:left}.bank-cell b{display:block;margin-top:4px;color:var(--pay-ink);font-size:14px;overflow-wrap:anywhere}.payment-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:16px}
.copy-order-toast{position:fixed;left:50%;bottom:28px;z-index:5000;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pay-ink) 94%,transparent);color:var(--pay-card);font-size:12px;font-weight:750;box-shadow:0 12px 30px rgba(0,0,0,.20);opacity:0;visibility:hidden;transform:translate(-50%,12px) scale(.98);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none;white-space:nowrap}.copy-order-toast i{color:#63d597}.copy-order-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}

/* ========================= Drive progress ========================= */
.drive-progress{margin-top:18px;text-align:left}.drive-progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.drive-progress-head strong{font-size:13px}.progress-track{height:8px;border-radius:999px;background:var(--pay-soft);overflow:hidden;border:1px solid var(--pay-line)}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--pay-brown),var(--pay-red),#55bb7d);border-radius:999px;transition:width .35s ease}
.drive-files{display:flex;flex-direction:column;gap:7px;margin-top:10px}.drive-file{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--pay-line);border-radius:12px;background:var(--pay-card);transition:.18s}.drive-file-icon{width:28px;height:28px;border-radius:9px;background:var(--pay-soft);display:grid;place-items:center;color:var(--pay-muted);font-size:12px}.drive-file-name{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-file-status{font-size:10px;font-weight:750;color:var(--pay-muted);white-space:nowrap}.drive-file.granted{background:linear-gradient(90deg,var(--pay-ok-bg),var(--pay-card))}.drive-file.granted .drive-file-icon{background:var(--pay-ok-bg);color:var(--pay-ok)}.drive-file.granted .drive-file-status{color:var(--pay-ok)}.drive-file.processing{background:linear-gradient(90deg,rgba(150,51,0,.06),var(--pay-card))}.drive-file.processing .drive-file-icon{background:rgba(150,51,0,.10);color:var(--pay-brown)}.drive-file.processing .drive-file-status{color:var(--pay-brown)}.drive-file.error{background:linear-gradient(90deg,var(--pay-bad-bg),var(--pay-card))}.drive-file.error .drive-file-icon{background:var(--pay-bad-bg);color:var(--pay-bad)}.drive-file.error .drive-file-status{color:var(--pay-bad)}
.waiting-spinner{width:42px;height:42px;border:4px solid var(--pay-line);border-top-color:var(--pay-red);border-radius:50%;animation:spin .85s linear infinite;margin:13px auto}@keyframes spin{to{transform:rotate(360deg)}}
.copy-row{display:flex;gap:8px;align-items:center}.copy-value{flex:1;min-width:0;background:var(--pay-soft);border:1px solid var(--pay-line);padding:10px;border-radius:11px;overflow-wrap:anywhere;font-size:12px}.product-card{align-items:flex-start}.product-card .product-image{width:134px;height:100px}.product-info{flex:1;min-width:0}.product-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.support{display:flex;gap:9px;flex-wrap:wrap}.support a{width:43px;height:43px;border-radius:13px;background:var(--pay-soft);border:1px solid var(--pay-line);text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--pay-muted);transition:.18s}.support a:hover{color:var(--pay-red);transform:translateY(-2px);border-color:rgba(228,38,45,.28)}

/* ========================= History / Admin ========================= */
.history-warning{background:var(--pay-warn-bg);border:1px solid color-mix(in srgb,var(--pay-warn) 22%,transparent);border-radius:14px;padding:14px}.order-group{margin-bottom:16px}.order-group summary{cursor:pointer;list-style:none}.order-group summary::-webkit-details-marker{display:none}.switches{display:grid;gap:9px}.switch{display:flex;align-items:center;gap:10px;padding:10px 11px;background:var(--pay-soft);border:1px solid var(--pay-line);border-radius:12px}.switch input{width:18px;height:18px;accent-color:var(--pay-brown)}
.orders{width:100%;border-collapse:separate;border-spacing:0}.orders th,.orders td{padding:10px 9px;border-bottom:1px solid var(--pay-line);text-align:left;font-size:12px}.orders th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--pay-muted);background:var(--pay-soft);position:sticky;top:0}.orders th:first-child{border-radius:10px 0 0 10px}.orders th:last-child{border-radius:0 10px 10px 0}.orders tbody tr{transition:background .15s}.orders tbody tr:hover{background:rgba(150,51,0,.04)}.table-wrap{overflow:auto;border:1px solid var(--pay-line);border-radius:14px;background:var(--pay-card)}
.kv{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;border:1px solid var(--pay-line);border-radius:14px;overflow:hidden}.kv>div{padding:9px 11px;border-bottom:1px solid var(--pay-line);overflow-wrap:anywhere}.kv>div:nth-child(odd){font-weight:700;background:var(--pay-soft);font-size:12px;color:var(--pay-muted)}.kv>div:nth-last-child(-n+2){border-bottom:0}
pre{white-space:pre-wrap;word-break:break-word;background:#1c1512;color:#f7e9e1;padding:14px;border-radius:13px;max-height:450px;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.checks{display:grid;grid-template-columns:minmax(180px,1fr) minmax(90px,140px) 2fr;gap:8px 12px;align-items:center}.yes{color:var(--pay-ok);font-weight:800}.no{color:var(--pay-bad);font-weight:800}
.pay-admin-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px;padding:0 2px}.pay-admin-nav__item{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;background:var(--pay-card);border:1px solid var(--pay-line);box-shadow:var(--pay-shadow-sm);text-decoration:none;color:var(--pay-muted);font-size:12px;font-weight:700;transition:.18s}.pay-admin-nav__item i{color:var(--pay-red)}.pay-admin-nav__item:hover{color:var(--pay-brown);border-color:rgba(150,51,0,.28);transform:translateY(-1px)}

/* ========================= Footer ========================= */
.pay-footer{margin-top:58px;background:var(--pay-card);border-top:1px solid var(--pay-line);color:var(--pay-ink)}
.pay-footer-inner{max-width:1120px;margin:0 auto;padding:32px 20px 18px}
.pay-footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:24px}
.pay-footer-shop{display:inline-flex;align-items:center;text-decoration:none;min-width:0}.pay-footer-shop img{display:block;height:58px;width:auto;max-width:230px;object-fit:contain}
.pay-footer-payos{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--pay-muted);font-size:12px;text-align:left}.pay-footer-payos img{width:54px;height:54px;object-fit:cover;border-radius:14px;border:1px solid var(--pay-line);background:#fff;box-shadow:0 6px 18px rgba(76,43,27,.08)}.pay-footer-payos span{display:block;line-height:1.4}.pay-footer-payos b{display:block;color:var(--pay-ink);font-size:14px;margin-top:1px}
.pay-footer-contact{border-top:1px solid var(--pay-line);padding:22px 0 20px;text-align:center}.pay-footer-contact p{margin:0 0 13px;color:var(--pay-muted);font-size:13px}.pay-socials{display:flex;justify-content:center;align-items:center;gap:9px}.pay-socials a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:var(--pay-soft);border:1px solid var(--pay-line);color:var(--pay-brown);font-size:16px;transition:.17s}.pay-socials a:hover{transform:translateY(-2px);background:var(--pay-brown);border-color:var(--pay-brown);color:#fff;box-shadow:0 8px 20px rgba(150,51,0,.18)}.pay-socials a:nth-child(3):hover{background:var(--pay-red);border-color:var(--pay-red)}
.pay-footer-bottom{border-top:1px solid var(--pay-line);padding:16px 0 2px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--pay-muted);font-size:12px}.pay-footer-bottom i{color:var(--pay-red)}

/* ========================= Cart compatibility ========================= */
.cart-shell{max-width:1000px;margin:30px auto 48px;padding:0 18px}.cart-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.cart-hero h1{font-size:clamp(27px,5vw,40px);margin:0}.cart-count-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(150,51,0,.09);color:var(--pay-brown);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.cart-items-card{padding:8px 20px}.cart-item{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--pay-line);transition:opacity .3s,transform .3s}.cart-item:last-child{border-bottom:0}.cart-item.removing{opacity:0;transform:scale(.97)}.cart-item .product-image{width:auto;height:auto;border:0;background:transparent;box-shadow:none;flex:0 0 auto}.cart-item .product-image img{width:92px;height:116px;object-fit:cover;border-radius:14px;display:block;border:1px solid var(--pay-line)}.product-details{flex:1;min-width:0}.product-name{margin:0 0 5px;font-size:15px;font-weight:720;overflow:hidden;text-overflow:ellipsis}.product-components{margin:0;color:var(--pay-muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:15px;font-weight:800;color:var(--pay-red);margin-top:7px}.remove-button{width:36px;height:36px;border-radius:11px;border:1px solid var(--pay-line);background:var(--pay-soft);color:var(--pay-muted);cursor:pointer;font-size:20px;display:grid;place-items:center;transition:.18s}.remove-button:hover{background:var(--pay-bad-bg);border-color:color-mix(in srgb,var(--pay-bad) 20%,transparent);color:var(--pay-bad);transform:rotate(4deg)}.cart-summary{position:sticky;top:calc(var(--pay-header) + 18px)}.cart-summary .total{margin:0 0 14px;padding:0;border:0}.cart-summary .total-prices{color:var(--pay-brown);font-size:25px}.checkout-button{width:100%;border:0;border-radius:14px;padding:13px 16px;background:linear-gradient(135deg,var(--pay-brown),var(--pay-red));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(150,51,0,.20);transition:.18s}.checkout-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 28px rgba(150,51,0,.27)}.terms-section{margin-top:15px;padding-top:15px;border-top:1px solid var(--pay-line);font-size:11px;color:var(--pay-muted)}.terms-section h4{font-size:13px;color:var(--pay-ink);margin-bottom:6px}.empty-cart{padding:42px 15px;text-align:center;color:var(--pay-muted)}.empty-cart i{font-size:34px;color:#b9a89f;margin-bottom:10px}.guest-cart-note{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;background:var(--pay-warn-bg);border:1px solid color-mix(in srgb,var(--pay-warn) 20%,transparent);border-radius:14px;margin-bottom:15px;color:var(--pay-warn);font-size:12px}.mobile-nav{display:none}

/* ========================= Responsive ========================= */
@media(max-width:900px){
  .grid,.grid2,.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.checks{grid-template-columns:1fr 110px}.checks .detail{grid-column:1/-1}.status-board{grid-template-columns:1fr}.status-board::before{display:none}.status-step{min-height:auto}.status-step small{margin-left:37px}
  .pay-head-link{padding:9px 11px;font-size:12px}
}
@media(max-width:700px){
  :root{--pay-header:auto}
  .pay-top{position:sticky}
  .pay-top-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:7px 12px 9px}
  .pay-brand{grid-column:1;grid-row:1}.pay-brand img{height:46px;max-width:178px}
  .pay-head-right{display:contents}
  .pay-theme-toggle{grid-column:2;grid-row:1;width:40px;height:40px;min-height:40px;border-radius:12px;justify-self:end}
  .pay-head-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%}
  .pay-head-link{min-height:39px;padding:7px 8px;border-radius:12px;font-size:11px;gap:6px}.pay-head-link i{font-size:13px}
  .pay-wrap,.cart-shell{margin-top:20px;padding:0 12px}.pay-page-title{margin-bottom:16px}.pay-page-title h1{font-size:30px}.pay-page-title p{font-size:13px}
  .card{border-radius:18px;padding:17px}.order-head{flex-direction:column}.order-code-row{max-width:100%}.status-pill{white-space:normal}.bank-info{grid-template-columns:1fr}.product-card .product-image{width:92px;height:76px}.trust-strip{grid-template-columns:1fr}.copy-row{align-items:stretch;flex-direction:column}.payment-actions .btn{flex:1 1 46%}.countdown-clock{font-size:43px}.qr-box{width:min(244px,100%);min-height:244px}.qr-heading{margin-bottom:3px}.copy-order-toast{bottom:18px;max-width:calc(100vw - 28px)}
  .pay-footer{margin-top:42px}.pay-footer-inner{padding:25px 15px 15px}.pay-footer-top{align-items:flex-start;gap:18px}.pay-footer-shop img{height:48px;max-width:175px}.pay-footer-payos img{width:47px;height:47px}.pay-footer-payos span{font-size:10px}.pay-footer-payos b{font-size:12px}.pay-footer-contact{padding:19px 0 17px}.pay-footer-contact p{font-size:12px}
  .pay-admin-nav{display:grid;grid-template-columns:1fr 1fr}.pay-admin-nav__item{justify-content:center;padding:10px 8px;font-size:11px}
  .cart-hero{align-items:flex-start;flex-direction:column}.cart-items-card{padding:4px 14px}.cart-item{align-items:flex-start}.cart-item .product-image img{width:76px;height:96px}.remove-button{width:32px;height:32px;flex:0 0 32px}
}
@media(max-width:430px){
  .pay-brand img{height:43px;max-width:158px}
  .pay-head-link{font-size:10px;padding:7px 5px;gap:5px}.pay-head-link i{font-size:12px}
  .pay-page-title h1{font-size:27px}.summary-item{align-items:flex-start}.summary-item .product-image{width:78px;height:68px}.price{font-size:13px}.summary-name{font-size:13px}.total{font-size:16px}.total strong{font-size:21px}
  .pay-footer-top{display:grid;grid-template-columns:1fr auto;align-items:center}.pay-footer-shop img{height:43px;max-width:155px}.pay-footer-payos img{width:43px;height:43px}.pay-footer-payos span{display:none}
  .drive-file{grid-template-columns:28px minmax(0,1fr)}.drive-file-status{grid-column:2;white-space:normal;margin-top:-5px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}