:root {
  color-scheme: dark;
  --font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Manrope", var(--font-body);
  --bg: #090a0d;
  --bg-soft: #0e1014;
  --surface: #121419;
  --surface-2: #171a20;
  --surface-3: #1d2027;
  --input: #0e1014;
  --border: #272b33;
  --border-strong: #343943;
  --text: #f6f7f9;
  --text-soft: #b2b7c2;
  --muted: #777f8d;
  --accent: #39ff14;
  --accent-hover: #75ff4f;
  --accent-soft: rgba(57, 255, 20, 0.12);
  --accent-border: rgba(57, 255, 20, 0.32);
  --green: #34d399;
  --green-soft: rgba(52, 211, 153, 0.12);
  --amber: #fbbf24;
  --amber-soft: rgba(251, 191, 36, 0.12);
  --red: #fb7185;
  --red-soft: rgba(251, 113, 133, 0.12);
  --blue: #60a5fa;
  --blue-soft: rgba(96, 165, 250, 0.12);
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.2);
  --radius: 18px;
  --radius-sm: 12px;
  --sidebar: #0b0c10;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f5f7;
  --bg-soft: #eef0f3;
  --surface: #ffffff;
  --surface-2: #f8f9fa;
  --surface-3: #f0f2f4;
  --input: #f8f9fa;
  --border: #e1e4e8;
  --border-strong: #d1d5db;
  --text: #17191d;
  --text-soft: #505762;
  --muted: #7b8492;
  --accent-soft: rgba(57, 255, 20, 0.09);
  --accent-border: rgba(57, 255, 20, 0.26);
  --green-soft: rgba(5, 150, 105, 0.09);
  --amber-soft: rgba(217, 119, 6, 0.09);
  --red-soft: rgba(225, 29, 72, 0.08);
  --blue-soft: rgba(37, 99, 235, 0.08);
  --shadow: 0 24px 70px rgba(29, 33, 41, 0.08);
  --shadow-sm: 0 8px 24px rgba(29, 33, 41, 0.06);
  --sidebar: #131519;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  font-family: var(--font-body);
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  transition: background .25s ease, color .25s ease;
}
button, input, select, textarea { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
svg { display: block; }

.app-shell { min-height: 100vh; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.eyebrow { color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.muted { color: var(--muted); }
.text-soft { color: var(--text-soft); }
.mono { font-variant-numeric: tabular-nums; }

.brand { display: inline-flex; align-items: center; gap: 11px; min-width: 0; }
.brand-mark { width: 40px; height: 40px; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(57,255,20,.16)); }
.brand-copy { min-width: 0; }
.brand-name { font: 800 17px/1 var(--font-display); letter-spacing: -.03em; white-space: nowrap; }
.brand-sub { margin-top: 5px; color: var(--muted); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }

.topbar {
  height: 78px; border-bottom: 0; background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 30;
}
.topbar-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.checkout-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.checkout-nav-link{padding:9px 12px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:700;transition:.18s ease}.checkout-nav-link:hover,.checkout-nav-link.active{color:var(--text);background:var(--accent-soft)}.checkout-nav-link.active{box-shadow:inset 0 -2px var(--accent)}
.demo-badge { display: flex; align-items: center; gap: 7px; color: var(--text-soft); font-size: 13px; }
.demo-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }

.icon-btn, .ghost-btn, .secondary-btn, .primary-btn, .danger-btn {
  border: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-weight: 700; transition: .18s ease; white-space: nowrap;
}
.icon-btn { width: 42px; height: 42px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border); }
.icon-btn:hover { border-color: var(--border-strong); transform: translateY(-1px); }
.primary-btn, .secondary-btn, .danger-btn, .ghost-btn { min-height: 43px; padding: 0 17px; border-radius: 11px; }
.primary-btn { background: var(--accent); color: white; box-shadow: 0 8px 22px rgba(57,255,20,.2); }
.primary-btn:hover { background: var(--accent-hover); transform: translateY(-1px); box-shadow: 0 12px 26px rgba(57,255,20,.27); }
.secondary-btn { background: var(--surface-2); border: 1px solid var(--border); }
.secondary-btn:hover { border-color: var(--accent-border); background: var(--accent-soft); }
.ghost-btn { background: transparent; color: var(--text-soft); }
.ghost-btn:hover { color: var(--text); background: var(--surface-2); }
.danger-btn { color: var(--red); background: var(--red-soft); }
.wide { width: 100%; }
.btn-sm { min-height: 35px; padding-inline: 12px; font-size: 12px; }
.is-disabled, button:disabled { cursor: not-allowed; opacity: .45; transform: none !important; box-shadow: none !important; }

.checkout-page {
  min-height: 100vh;
  background:
    radial-gradient(800px 500px at 8% 10%, rgba(57,255,20,.08), transparent 60%),
    radial-gradient(600px 500px at 95% 85%, rgba(57,255,20,.04), transparent 65%), var(--bg);
}
.checkout-wrap { padding: 42px 0 68px; }
.checkout-intro { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 24px; }
.checkout-intro h1 { margin: 8px 0 0; font: 800 clamp(26px,3vw,38px)/1.15 var(--font-display); letter-spacing: -.045em; }
.checkout-intro p { max-width: 440px; margin: 0; color: var(--text-soft); font-size: 14px; line-height: 1.6; }
.checkout-grid { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, .82fr); gap: 22px; align-items: start; }
.checkout-auth-area { min-width: 0; }
.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.product-panel { padding: 24px; }
.product-gallery { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 14px; }
.thumb-list { display: flex; flex-direction: column; gap: 10px; }
.thumb { aspect-ratio: 1; border-radius: 11px; border: 1px solid var(--border); background: var(--surface-2); padding: 0; overflow: hidden; cursor: pointer; }
.thumb.active { border: 2px solid var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.thumb-art { width: 100%; height: 100%; background: linear-gradient(145deg,#262932,#111318); display: grid; place-items: center; overflow: hidden; }
.thumb-art span { color: var(--accent); font: 800 16px var(--font-display); }
.thumb-art img { width:100%; height:100%; object-fit:cover; }
.product-art {
  min-height: 310px; border: 1px solid var(--border); border-radius: 15px; background:
  radial-gradient(circle at 50% 35%, rgba(57,255,20,.2), transparent 33%), linear-gradient(145deg,#1c1f26,#0a0b0e);
  display: grid; place-items: center; position: relative; overflow: hidden;
}
.product-art::before { content:""; position:absolute; width:240px; height:240px; border:1px solid rgba(57,255,20,.16); transform:rotate(45deg); border-radius:38px; }
.product-art::after { content:""; position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,black,transparent); }
.product-art img { width: 46%; max-height: 220px; object-fit: contain; position: relative; z-index: 1; filter: drop-shadow(0 22px 25px rgba(0,0,0,.45)); }
.product-body { padding-top: 24px; margin-top: 24px; border-top: 1px solid var(--border); }
.product-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.product-heading h2 { margin:0 0 7px; font:800 27px/1.1 var(--font-display); letter-spacing:-.04em; }
.product-heading p { margin:0; color:var(--text-soft); font-size:14px; }
.price { font:800 25px/1 var(--font-display); color:var(--accent); white-space:nowrap; text-align:right; }
.price small { display:block; margin-bottom:7px; color:var(--muted); font:700 9px var(--font-body); text-transform:uppercase; letter-spacing:.08em; }
.features { list-style:none; padding:0; margin:20px 0; display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; }
.features li { color:var(--text-soft); font-size:13px; display:flex; gap:8px; }
.features li::before { content:"✓"; color:var(--green); font-weight:800; }
.product-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:end; }
.field label, .field-label { display:block; margin-bottom:8px; color:var(--text-soft); font-size:12px; font-weight:700; }
.input, .select, textarea.input { width:100%; min-height:46px; border:1px solid var(--border); border-radius:11px; background:var(--input); color:var(--text); padding:0 13px; outline:none; transition:.18s ease; }
.select { max-width:100%; color-scheme:dark; text-overflow:ellipsis; }
.select option { max-width:100%; background:#101216; color:#f4f5f7; }
textarea.input { padding-block:12px; resize:vertical; min-height:90px; }
.input:focus, .select:focus, textarea.input:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.input::placeholder { color:var(--muted); }
.qty { display:flex; height:46px; border:1px solid var(--border); border-radius:11px; overflow:hidden; }
.qty button { width:40px; border:0; background:var(--surface-2); color:var(--text); cursor:pointer; font-size:18px; }
.qty strong { width:44px; display:grid; place-items:center; font-size:14px; }

.payment-panel { padding:26px; position:sticky; top:100px; }
.payment-title { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.payment-title h2 { margin:0; font:800 25px/1.2 var(--font-display); letter-spacing:-.04em; }
.timer { color:var(--accent); background:var(--accent-soft); border:1px solid var(--accent-border); border-radius:999px; padding:8px 11px; font-size:12px; font-weight:800; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:25px; }
.step { position:relative; text-align:center; color:var(--muted); font-size:10px; font-weight:700; }
.step::before { content:""; display:block; width:8px; height:8px; margin:0 auto 7px; background:var(--surface-3); border:2px solid var(--border-strong); border-radius:50%; position:relative; z-index:1; }
.step:not(:last-child)::after { content:""; position:absolute; height:1px; left:55%; right:-45%; top:5px; background:var(--border); }
.step.active { color:var(--text); }
.step.active::before { background:var(--accent); border-color:var(--accent); box-shadow:0 0 0 4px var(--accent-soft); }
.form-stack { display:grid; gap:18px; }
.method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.method-card { min-height:82px; padding:12px 8px; border:1px solid var(--border); background:var(--surface-2); border-radius:12px; cursor:pointer; text-align:center; position:relative; transition:.18s ease; }
.method-card:hover { border-color:var(--border-strong); }
.method-card.active { border-color:var(--accent); background:var(--accent-soft); box-shadow:inset 0 0 0 1px var(--accent); }
.method-icon { width:32px; height:32px; margin:0 auto 7px; border-radius:9px; display:grid; place-items:center; background:var(--surface-3); color:var(--accent); font-weight:800; overflow:hidden; }
.method-icon.has-logo,.provider-logo.has-logo,.method-logo.has-logo { padding:5px; background:#fff; border:1px solid rgba(20,22,26,.1); }
.method-icon img,.provider-logo img,.method-logo img { width:100%; height:100%; display:block; object-fit:contain; }
.method-card strong { display:block; font-size:12px; }
.method-card small { display:block; margin-top:3px; color:var(--muted); font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.radio-dot { position:absolute; right:8px; top:8px; width:12px; height:12px; border-radius:50%; border:2px solid var(--border-strong); }
.method-card.active .radio-dot { border:3px solid var(--accent); }
.protection { border:1px solid var(--border); background:var(--surface-2); border-radius:12px; padding:13px; display:flex; align-items:center; gap:11px; cursor:pointer; }
.protection input { accent-color:var(--accent); width:16px; height:16px; }
.protection-copy { flex:1; }
.protection-copy strong { display:block; font-size:12px; }
.protection-copy small { display:block; margin-top:3px; color:var(--muted); font-size:10px; }
.protection-price { font-size:11px; font-weight:800; }
.coupon-row { display:flex; gap:9px; }
.checkout-total { border-top:1px solid var(--border); padding-top:17px; display:grid; gap:10px; }
.total-row { display:flex; justify-content:space-between; color:var(--text-soft); font-size:13px; }
.total-row.grand { color:var(--text); font:800 18px var(--font-display); }
.checkout-btn { min-height:54px; font-size:15px; }
.terms { margin:0; color:var(--muted); text-align:center; font-size:10px; line-height:1.5; }
.checkout-consent { position:relative; min-height:54px; padding:12px 13px; display:grid; grid-template-columns:19px minmax(0,1fr); align-items:center; gap:11px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); color:var(--text-soft); font-size:10px; line-height:1.55; cursor:pointer; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.checkout-consent:hover,.checkout-consent:focus-within { border-color:var(--accent-border); background:var(--surface-3); }
.checkout-consent.accepted { border-color:rgba(52,211,153,.38); background:rgba(52,211,153,.055); box-shadow:inset 3px 0 0 #34d399; }
.checkout-consent input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.checkout-consent > span:last-child { min-width:0; overflow-wrap:anywhere; }
.consent-check { width:19px; height:19px; display:grid; place-items:center; border:1px solid var(--border-strong); border-radius:5px; background:var(--input); color:transparent; font-size:11px; font-weight:900; transition:.18s ease; }
.checkout-consent input:focus-visible + .consent-check { outline:2px solid var(--accent); outline-offset:3px; }
.checkout-consent input:checked + .consent-check { border-color:#34d399; background:#34d399; color:#07110d; box-shadow:0 0 0 4px rgba(52,211,153,.1); }
.checkout-consent a { position:relative; z-index:1; color:var(--accent); font-weight:800; text-decoration:none; }
.checkout-consent a:hover,.checkout-consent a:focus-visible { text-decoration:underline; text-underline-offset:2px; }
.checkout-btn:disabled { opacity:.48; cursor:not-allowed; filter:saturate(.45); }
.rate-attribution { margin:-6px 0 0; color:var(--muted); text-align:center; font-size:7px; line-height:1.45; }
.rate-attribution a { color:var(--accent); font-weight:700; }
.trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:20px; padding-top:17px; border-top:1px solid var(--border); }
.trust-item { text-align:center; color:var(--text-soft); font-size:10px; }
.trust-icon { color:var(--accent); font-size:16px; margin-bottom:4px; }
.manual-checkout { padding:15px; border:1px solid var(--accent-border); background:var(--accent-soft); border-radius:14px; display:grid; gap:14px; }
.manual-checkout-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.manual-checkout-head h3 { margin:3px 0 0; font:800 15px var(--font-display); }
.manual-title-block { min-width:0; display:flex; align-items:center; gap:10px; }
.manual-title-block > div { min-width:0; }
.manual-title-block h3,.manual-title-block small { overflow-wrap:anywhere; }
.manual-title-block > div > small { display:block; margin-top:3px; color:var(--muted); font-size:8px; }
.manual-method-logo { width:42px; height:42px; flex:0 0 42px; padding:8px; display:grid; place-items:center; border:1px solid var(--accent-border); border-radius:12px; background:var(--surface); box-shadow:0 8px 22px rgba(0,0,0,.2); }
.manual-method-logo img { width:100%; height:100%; object-fit:contain; }
.binance-checkout-logo.provider-binance { position:relative; isolation:isolate; width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; padding:8px; border:1px solid rgba(243,186,47,.4); border-radius:12px; background:radial-gradient(circle at 35% 25%,#25282f,#111318 68%); overflow:hidden; box-shadow:0 9px 24px rgba(0,0,0,.28),0 0 0 3px rgba(243,186,47,.055); animation:binanceLogoGlow 3.4s ease-in-out infinite; }
.binance-checkout-logo.provider-binance::after { content:""; position:absolute; z-index:0; inset:-35% auto -35% -55%; width:36%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); rotate:18deg; animation:binanceLogoShine 4.6s ease-in-out infinite; }
.binance-checkout-logo.provider-binance img { position:relative; z-index:1; width:100%; height:100%; display:block; object-fit:contain; filter:drop-shadow(0 3px 5px rgba(243,186,47,.22)); animation:binanceLogoFloat 3s ease-in-out infinite; }
.manual-head-actions { display:flex; align-items:center; gap:8px; }
.manual-head-actions > button,.manual-copy-field button { border:1px solid var(--accent-border); border-radius:7px; background:var(--surface); color:var(--accent); padding:5px 8px; font-size:8px; font-weight:800; cursor:pointer; }
.manual-head-actions > button:hover,.manual-copy-field button:hover { background:var(--accent); color:white; }
.binance-manual-checkout { position:relative; padding:18px; gap:16px; border-color:rgba(243,186,47,.25); background:radial-gradient(circle at 100% 0,rgba(243,186,47,.08),transparent 34%),var(--surface); box-shadow:0 18px 45px rgba(0,0,0,.18); overflow:hidden; }
.binance-manual-checkout::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(180deg,#f3ba2f,#f97316 55%,transparent); }
.binance-manual-checkout .manual-checkout-head { padding-bottom:14px; border-bottom:1px solid var(--border); }
.binance-manual-checkout .manual-head-actions > button { border-color:rgba(243,186,47,.22); color:#f3ba2f; }
.manual-provider-spin_oxxo_transfer,.manual-provider-spin_oxxo_deposit { position:relative; overflow:hidden; border-color:rgba(255,102,0,.34); background:radial-gradient(circle at 100% 0,rgba(255,102,0,.1),transparent 35%),var(--surface); box-shadow:0 16px 38px rgba(0,0,0,.18); }
.manual-provider-spin_oxxo_transfer::before,.manual-provider-spin_oxxo_deposit::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(180deg,#ff6600,#e1251b 62%,transparent); }
.manual-provider-spin_oxxo_transfer .manual-checkout-head,.manual-provider-spin_oxxo_deposit .manual-checkout-head { padding-bottom:13px; border-bottom:1px solid var(--border); }
.manual-provider-spin_oxxo_transfer .manual-method-logo,.manual-provider-spin_oxxo_deposit .manual-method-logo { border-color:rgba(255,102,0,.32); background:#1b1c21; box-shadow:0 8px 24px rgba(255,102,0,.12); animation:spinOxxoLogoFloat 3.4s ease-in-out infinite; }
.manual-provider-spin_oxxo_transfer .manual-head-actions>button,.manual-provider-spin_oxxo_deposit .manual-head-actions>button { border-color:rgba(255,102,0,.3); color:#ff8a3d; }
@keyframes spinOxxoLogoFloat { 0%,100%{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(255,102,0,0))} 50%{transform:translateY(-2px);filter:drop-shadow(0 5px 9px rgba(255,102,0,.22))} }
.crypto-network-picker { display:grid; gap:9px; }
.crypto-picker-heading { display:flex; align-items:end; justify-content:space-between; gap:10px; }
.crypto-picker-heading > span { color:var(--text-soft); font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.crypto-picker-heading > small { color:var(--muted); font-size:8px; }
.crypto-network-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(112px,1fr)); gap:8px; }
.crypto-network-option { position:relative; min-width:0; min-height:58px; padding:10px 11px; display:grid; grid-template-columns:30px minmax(0,1fr) 16px; align-items:center; gap:9px; text-align:left; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); color:var(--text); cursor:pointer; overflow:hidden; transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease; }
.crypto-network-option::after { content:""; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,#14b8a6,#f3ba2f); opacity:0; }
.crypto-network-option i { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(145deg,rgba(20,184,166,.22),rgba(20,184,166,.08)); border:1px solid rgba(20,184,166,.22); color:#2dd4bf; font-style:normal; font-size:14px; font-weight:900; }
.crypto-network-option span { min-width:0; }
.crypto-network-option strong,.crypto-network-option small { display:block; }
.crypto-network-option strong { font-size:10px; }
.crypto-network-option small { margin-top:3px; color:var(--muted); font-size:7px; font-weight:700; }
.crypto-network-option b { width:16px; height:16px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.06); color:transparent; font-size:8px; }
.crypto-network-option:hover { border-color:rgba(243,186,47,.35); transform:translateY(-1px); }
.crypto-network-option.active { border-color:#f3ba2f; background:linear-gradient(145deg,rgba(243,186,47,.11),rgba(20,184,166,.045)); box-shadow:0 10px 25px rgba(0,0,0,.18),inset 0 0 0 1px rgba(243,186,47,.16); }
.crypto-network-option.active::after { opacity:1; }
.crypto-network-option.active b { background:#f3ba2f; color:#171717; }
.crypto-network-option.active i { animation:binanceCoinPulse 2.5s ease-in-out infinite; }
.binance-destination-card { padding:14px; display:grid; gap:12px; border:1px solid var(--border); border-radius:13px; background:var(--surface-2); }
.binance-destination-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.binance-destination-head span,.binance-destination-head strong { display:block; }
.binance-destination-head > div > span { color:var(--muted); font-size:7px; text-transform:uppercase; letter-spacing:.09em; }
.binance-destination-head > div > strong { margin-top:3px; font-size:11px; }
.binance-network-badge { padding:5px 8px; border:1px solid rgba(20,184,166,.26); border-radius:999px; background:rgba(20,184,166,.09); color:#2dd4bf; font-size:7px; font-weight:900; letter-spacing:.06em; }
.binance-exact-amount { padding:11px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid rgba(243,186,47,.3); border-radius:11px; background:linear-gradient(135deg,rgba(243,186,47,.115),rgba(243,186,47,.035)); box-shadow:inset 3px 0 0 #f3ba2f; }
.binance-exact-amount span,.binance-exact-amount strong,.binance-exact-amount small { display:block; }
.binance-exact-amount span { color:#f3ba2f; font-size:7px; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
.binance-exact-amount strong { margin-top:3px; color:var(--text); font:900 17px var(--font-display); letter-spacing:.015em; }
.binance-exact-amount small { margin-top:3px; color:var(--muted); font-size:7px; }
.binance-exact-amount button,.qr-exact-amount button { flex:0 0 auto; padding:7px 9px; border:1px solid rgba(243,186,47,.32); border-radius:8px; background:rgba(243,186,47,.09); color:#f3ba2f; font-size:8px; font-weight:900; cursor:pointer; }
.binance-exact-amount button:hover,.qr-exact-amount button:hover { background:#f3ba2f; color:#171717; }
.binance-address-block { padding:11px; border:1px solid var(--border); border-radius:10px; background:var(--surface-3); }
.binance-address-block > span { color:var(--muted); font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.binance-address-block > div { margin-top:6px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; }
.binance-address-block code { color:var(--text); overflow-wrap:anywhere; font:700 10px/1.45 var(--font-body); }
.binance-address-block button { padding:6px 9px; border:1px solid rgba(243,186,47,.28); border-radius:7px; background:rgba(243,186,47,.07); color:#f3ba2f; font-size:8px; font-weight:900; cursor:pointer; }
.binance-address-block button:hover { background:#f3ba2f; color:#171717; }
.binance-meta-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(80px,1fr)); gap:8px; }
.binance-meta-grid > div { min-width:0; padding:8px 9px; border-radius:9px; background:var(--surface-3); }
.binance-meta-grid span,.binance-meta-grid strong { display:block; }
.binance-meta-grid span { color:var(--muted); font-size:7px; text-transform:uppercase; letter-spacing:.07em; }
.binance-meta-grid strong { margin-top:3px; overflow-wrap:anywhere; font-size:9px; }
.binance-network-warning { padding-top:10px; display:grid; grid-template-columns:18px 1fr; align-items:start; gap:8px; border-top:1px solid var(--border); }
.binance-network-warning > span { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:rgba(243,186,47,.1); color:#f3ba2f; font-size:8px; font-weight:900; }
.binance-network-warning p { margin:0; color:var(--muted); font-size:8px; line-height:1.5; }
.binance-network-warning strong { color:var(--text-soft); }
.binance-manual-checkout .checkout-step { display:grid; gap:12px; }
.binance-manual-checkout .step-head { display:flex; align-items:baseline; gap:8px; }
.binance-manual-checkout .step-head b { width:18px; height:18px; border-radius:50%; background:var(--accent-soft); color:var(--accent); display:inline-grid; place-items:center; font:800 9px var(--font-display); font-style:normal; flex:0 0 auto; }
.binance-manual-checkout .step-head span { font:800 11px var(--font-display); color:var(--text); }
.binance-manual-checkout .step-head small { color:var(--muted); font-size:9px; margin-left:2px; }
.binance-scan-panel { display:flex; justify-content:center; padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--surface-2); }
.binance-scan-panel .qr-frame { width:min(100%,220px); max-width:220px; }
.manual-checkout-grid { display:grid; grid-template-columns:minmax(142px,.58fr) minmax(0,1.42fr); gap:14px; align-items:center; }
.manual-checkout-grid.without-qr { grid-template-columns:1fr; }
.manual-checkout-grid.without-qr .manual-payment-info { grid-template-columns:repeat(3,1fr); padding:13px; border:1px solid var(--border); border-radius:11px; background:var(--surface); }
.manual-checkout-grid.without-qr .manual-payment-info p { grid-column:1/-1; padding-top:9px; border-top:1px solid var(--border); }
.qr-frame { position:relative; width:min(100%,190px); min-width:0; max-width:190px; aspect-ratio:1; justify-self:center; align-self:center; border:0; border-radius:13px; background:transparent; padding:0; overflow:hidden; }
button.qr-frame { appearance:none; color:inherit; cursor:pointer; box-shadow:none; transition:transform .2s ease,filter .2s ease; }
.qr-frame img { width:100%; height:100%; max-width:100%; max-height:100%; display:block; border-radius:13px; object-fit:contain; object-position:center; }
.qr-frame-action:hover,.qr-frame-action:focus-visible { transform:translateY(-2px) scale(1.015); filter:drop-shadow(0 14px 22px rgba(0,0,0,.3)); outline:none; }
.qr-expand-hint { position:absolute; inset:auto 8px 8px; min-height:28px; padding:0 9px; display:flex; align-items:center; justify-content:center; gap:6px; border-radius:8px; color:white; background:rgba(8,10,14,.86); backdrop-filter:blur(8px); font-size:8px; font-weight:900; letter-spacing:.03em; opacity:0; translate:0 5px; transition:.18s ease; }
.qr-expand-hint b { color:var(--accent); font-size:12px; }
.qr-frame-action:hover .qr-expand-hint,.qr-frame-action:focus-visible .qr-expand-hint { opacity:1; translate:0 0; }
.qr-placeholder { width:100%; height:100%; display:grid; place-content:center; gap:4px; text-align:center; color:#202228; background:repeating-linear-gradient(45deg,#fff,#fff 6px,#f2f2f2 6px,#f2f2f2 12px); border-radius:7px; }
.qr-placeholder span { font-size:30px; }
.qr-placeholder strong { font-size:10px; }
.qr-placeholder small { font-size:8px; color:#666; }
.manual-payment-info { display:grid; gap:9px; }
.manual-payment-data { padding:14px; align-content:center; border:1px solid var(--border); border-radius:13px; background:color-mix(in srgb,var(--surface) 84%,transparent); }
.manual-payment-data .manual-copy-field + .manual-copy-field { padding-top:8px; border-top:1px solid var(--border); }
.manual-payment-data p { padding:10px 11px; border-radius:9px; background:var(--surface-2); }
.manual-copy-field > span { display:block; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.manual-copy-field > div { min-width:0; margin-top:2px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.manual-copy-field strong { min-width:0; display:block; overflow-wrap:anywhere; font-size:11px; }
.manual-payment-info p { margin:2px 0 0; color:var(--text-soft); font-size:9px; line-height:1.5; }
.file-input { padding:10px 12px; }
.file-input::file-selector-button { margin-right:9px; border:0; border-radius:7px; background:var(--surface-3); color:var(--text); padding:6px 9px; font-size:10px; font-weight:700; cursor:pointer; }
.proof-file-input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.proof-upload { display:grid; gap:7px; }
.proof-upload > label { min-height:46px; padding:8px 10px; display:flex; align-items:center; gap:10px; border:1px solid var(--border); border-radius:11px; background:var(--input); cursor:pointer; transition:.18s ease; }
.proof-upload > label:hover,.proof-file-input:focus + label { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.proof-upload > label strong { flex:0 0 auto; padding:7px 9px; border-radius:7px; background:var(--surface-3); color:var(--text); font-size:9px; }
.proof-upload > label span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:8px; }
.proof-upload-state { min-height:48px; padding:6px; display:grid; grid-template-columns:38px minmax(0,1fr) 28px; align-items:center; gap:8px; border:1px solid rgba(52,211,153,.25); border-radius:10px; background:rgba(52,211,153,.06); }
.proof-upload-state[hidden] { display:none; }
.proof-upload-state img { width:38px; height:38px; object-fit:cover; border-radius:7px; }
.proof-upload-state strong,.proof-upload-state small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.proof-upload-state strong { font-size:9px; }
.proof-upload-state small { margin-top:3px; color:var(--green); font-size:7px; }
.proof-upload-state button { width:28px; height:28px; border:0; border-radius:7px; background:transparent; color:var(--muted); cursor:pointer; }
.proof-upload-state button:hover { color:var(--red); background:var(--red-soft); }
.binance-evidence-grid { gap:10px; padding-top:2px; }
.binance-evidence-grid > .field { min-width:0; padding:12px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.binance-evidence-grid label { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.binance-evidence-grid label em { padding:3px 6px; border-radius:999px; background:rgba(249,115,22,.11); color:#fb923c; font-size:6px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; font-style:normal; margin-left:0; }
.binance-txid-field .input { min-height:47px; border-color:var(--border-strong); background:var(--surface-3); font-size:9px; }
.binance-txid-field .input:focus { border-color:#f3ba2f; box-shadow:0 0 0 3px rgba(243,186,47,.09); }
.binance-voucher-field .proof-upload > label { min-width:0; min-height:54px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; overflow:hidden; border-style:dashed; border-color:rgba(243,186,47,.26); background:rgba(243,186,47,.035); }
.binance-voucher-field .proof-upload > label strong { background:rgba(243,186,47,.12); color:#f3ba2f; }
.binance-voucher-field .proof-upload > label span { min-width:0; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; font-size:7px; line-height:1.35; }
.binance-review-note { padding:11px 12px; display:grid; grid-template-columns:24px 1fr; align-items:center; gap:10px; border:1px solid rgba(52,211,153,.16); border-radius:11px; background:rgba(52,211,153,.045); }
.binance-review-note > span { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:rgba(52,211,153,.12); color:var(--green); font-size:10px; font-weight:900; }
.binance-review-note strong,.binance-review-note small { display:block; }
.binance-review-note strong { font-size:9px; }
.binance-review-note small { margin-top:3px; color:var(--muted); font-size:7px; line-height:1.45; }
.api-demo-note { display:flex; align-items:flex-start; gap:11px; padding:12px; border:1px solid rgba(251,191,36,.24); background:var(--amber-soft); border-radius:12px; }
.api-demo-note > span { color:var(--amber); }
.api-demo-note strong,.api-demo-note small { display:block; }
.api-demo-note strong { font-size:11px; }
.api-demo-note small { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.45; }
.payment-window { border:1px solid var(--accent-border); background:linear-gradient(135deg,var(--accent-soft),var(--surface-2)); border-radius:14px; padding:13px; transition:.2s ease; }
.binance-payment-window { border-color:rgba(243,186,47,.25); background:radial-gradient(circle at 0 0,rgba(243,186,47,.07),transparent 28%),var(--surface); box-shadow:0 12px 32px rgba(0,0,0,.14); }
.binance-payment-window .payment-progress span { background:linear-gradient(90deg,#f3ba2f,#f97316); }
.binance-payment-window .payment-countdown button { color:#f3ba2f; }
.payment-window-main { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; }
.payment-window-copy { min-width:0; }
.payment-window-copy .eyebrow { font-size:8px; }
.payment-window-copy strong,.payment-window-copy small { display:block; }
.payment-window-copy strong { margin-top:3px; font-size:12px; }
.payment-window-copy small { margin-top:4px; max-width:310px; color:var(--muted); font-size:8px; line-height:1.45; }
.payment-countdown { min-width:102px; text-align:right; }
.payment-countdown span,.payment-countdown strong { display:block; }
.payment-countdown span { color:var(--green); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.payment-countdown strong { margin:3px 0; color:var(--text); font:800 23px/1 var(--font-display); font-variant-numeric:tabular-nums; }
.payment-countdown button { border:0; padding:0; background:transparent; color:var(--accent); font-size:8px; font-weight:800; cursor:pointer; }
.payment-progress { height:4px; margin-top:11px; border-radius:999px; overflow:hidden; background:var(--surface-3); }
.payment-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),#ff8a4f); transition:width 1s linear; }
.payment-window.expired { border-color:rgba(251,113,133,.38); background:var(--red-soft); }
.payment-window.expired .payment-countdown span,.payment-window.expired .payment-countdown strong { color:var(--red); }
.payment-window.expired .payment-progress span { background:var(--red); }
.buyer-identity { display:grid; gap:13px; }
.buyer-direct { padding:13px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.buyer-direct-head { display:flex; align-items:center; gap:10px; }
.buyer-direct-head > span { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; border-radius:9px; background:var(--accent-soft); color:var(--accent); }
.buyer-direct-head strong,.buyer-direct-head small { display:block; }
.buyer-direct-head strong { font-size:10px; }
.buyer-direct-head small { margin-top:3px; color:var(--muted); font-size:8px; }
.buyer-direct > .field { margin-top:11px; }
.buyer-contact-card { padding:13px; display:grid; gap:11px; border:1px solid var(--border); border-radius:12px; background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--surface) 82%,transparent)); }
.buyer-contact-heading { display:flex; align-items:center; gap:10px; }
.buyer-contact-heading > span { width:31px; height:31px; flex:0 0 31px; display:grid; place-items:center; border-radius:9px; background:var(--accent-soft); color:var(--accent); font-size:14px; }
.buyer-contact-heading strong,.buyer-contact-heading small { display:block; }
.buyer-contact-heading strong { font-size:10px; }
.buyer-contact-heading small { margin-top:3px; color:var(--muted); font-size:8px; }
.contact-dropdown { position:relative; }
.contact-dropdown.open { z-index:90; }
.contact-trigger { width:100%; min-height:54px; padding:7px 11px; display:grid; grid-template-columns:31px minmax(0,1fr) 18px; align-items:center; gap:10px; border:1px solid var(--accent-border); border-radius:11px; background:var(--input); color:var(--text); text-align:left; cursor:pointer; transition:.18s ease; }
.contact-trigger:hover,.contact-trigger:focus-visible,.contact-dropdown.open .contact-trigger { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); outline:none; }
.contact-trigger > span:nth-child(2),.contact-choice > span:nth-child(2) { min-width:0; }
.contact-trigger strong,.contact-trigger small,.contact-choice strong,.contact-choice small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.contact-trigger strong { color:var(--text-soft); font-size:10px; }
.contact-trigger.selected strong { color:var(--text); }
.contact-trigger small,.contact-choice small { margin-top:3px; color:var(--muted); font-size:7px; }
.contact-trigger > i { color:var(--muted); font-style:normal; transition:.18s ease; }
.contact-dropdown.open .contact-trigger > i { rotate:180deg; color:var(--accent); }
.contact-placeholder-icon,.contact-option-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; font-size:9px; font-weight:900; }
.contact-placeholder-icon { background:var(--surface-3); color:var(--muted); font-size:13px; }
.contact-option-icon { position:relative; overflow:hidden; }
.contact-option-icon img { width:20px; height:20px; object-fit:contain; animation:contact-logo-float 2.8s ease-in-out infinite; filter:drop-shadow(0 3px 6px rgba(0,0,0,.24)); }
.contact-option-icon.discord img { width:20px; height:16px; }
.contact-trigger:hover .contact-option-icon img,.contact-choice:hover .contact-option-icon img { animation-duration:1.2s; }
.contact-option-icon.whatsapp { color:#55e59c; background:rgba(34,197,94,.13); }
.contact-option-icon.discord { color:#9aa9ff; background:rgba(88,101,242,.16); }
.contact-option-icon.telegram { color:#60c9ff; background:rgba(14,165,233,.14); }
@keyframes contact-logo-float { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-2px) scale(1.06); } }
.contact-menu { position:absolute; z-index:42; top:calc(100% + 7px); left:0; right:0; padding:6px; display:grid; gap:3px; border:1px solid var(--border-strong); border-radius:12px; background:var(--surface); box-shadow:0 22px 48px rgba(0,0,0,.48); animation:dropdown-in .14s ease-out; }
.contact-choice { width:100%; min-height:50px; padding:7px 9px; display:grid; grid-template-columns:31px minmax(0,1fr) 20px; align-items:center; gap:10px; border:0; border-radius:9px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.contact-choice:hover,.contact-choice:focus-visible { background:var(--surface-3); outline:none; }
.contact-choice.selected { background:var(--accent-soft); }
.contact-choice strong { font-size:10px; }
.contact-choice > i { color:var(--accent); text-align:center; font-style:normal; font-weight:900; }
.contact-value-field { padding-top:10px; border-top:1px solid var(--border); }
.contact-value-field > small { display:block; margin-top:6px; color:var(--muted); font-size:8px; }
.contact-value-field > small b { color:var(--text-soft); }
.phone-contact-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:6px; align-items:start; }
.phone-country-dropdown { position:relative; min-width:0; z-index:1; }
.phone-country-dropdown.open { z-index:80; }
.phone-country-trigger,label.phone-number-control { width:100%; min-width:0; height:43px; display:flex; align-items:center; border:1px solid var(--border-strong); border-radius:9px; background:var(--input); color:var(--text); transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.phone-country-trigger { padding:4px 7px; gap:7px; text-align:left; cursor:pointer; }
.phone-country-trigger:hover,.phone-country-trigger:focus-visible,.phone-country-dropdown.open .phone-country-trigger,.phone-number-control:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); outline:none; }
.phone-country-trigger > span:nth-child(2) { min-width:0; flex:1; }
.phone-country-trigger strong,.phone-country-trigger small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.phone-country-trigger strong { font-size:8px; }
.phone-country-trigger small { margin-top:1px; color:var(--muted); font-size:6px; }
.phone-country-trigger > i { color:var(--muted); font-size:9px; font-style:normal; transition:transform .18s ease; }
.phone-country-dropdown.open .phone-country-trigger > i { transform:rotate(180deg); color:var(--accent); }
.phone-flag-image { position:relative; width:21px; height:16px; flex:0 0 21px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:3px; background:var(--surface-3); box-shadow:0 2px 6px rgba(0,0,0,.22); }
.phone-flag-image > i { color:var(--muted); font-size:6px; font-style:normal; font-weight:900; }
.phone-flag-image > img { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; }
.phone-country-menu { position:absolute; z-index:75; top:calc(100% + 5px); left:0; width:min(270px,calc(100vw - 48px)); padding:6px; border:1px solid var(--border-strong); border-radius:11px; background:color-mix(in srgb,var(--surface) 97%,#000); box-shadow:0 18px 44px rgba(0,0,0,.55); animation:dropdown-in .14s ease-out; }
.phone-country-search { height:32px; padding:0 8px; display:flex; align-items:center; gap:6px; border:1px solid var(--border); border-radius:8px; background:var(--input); }
.phone-country-search:focus-within { border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft); }
.phone-country-search-icon { position:relative; width:10px; height:10px; flex:0 0 10px; display:block; border:1.5px solid var(--muted); border-radius:50%; }
.phone-country-search-icon::after { content:""; position:absolute; right:-4px; bottom:-2px; width:5px; height:1.5px; border-radius:2px; background:var(--muted); transform:rotate(45deg); transform-origin:left center; }
.phone-country-search input { width:100%; min-width:0; height:30px; padding:0 2px; border:0; outline:0; background:transparent; color:var(--text); font:inherit; font-size:8px; line-height:30px; }
.phone-country-search input::-webkit-search-cancel-button { opacity:.55; cursor:pointer; }
.phone-country-search input::placeholder { color:var(--muted); }
.phone-country-list { max-height:190px; margin-top:5px; padding-right:2px; display:grid; gap:1px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--border-strong) transparent; }
.phone-country-choice { width:100%; min-height:34px; padding:4px 6px; display:grid; grid-template-columns:21px minmax(0,1fr) auto 13px; align-items:center; gap:7px; border:0; border-radius:7px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.phone-country-choice:hover,.phone-country-choice:focus-visible { background:var(--surface-3); outline:none; }
.phone-country-choice[hidden] { display:none; }
.phone-country-choice.selected { background:var(--accent-soft); }
.phone-country-choice strong,.phone-country-choice small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.phone-country-choice strong { font-size:8px; }
.phone-country-choice small { margin-top:1px; color:var(--muted); font-size:6px; }
.phone-country-choice > b { color:var(--text-soft); font-size:7px; white-space:nowrap; }
.phone-country-choice > i { color:var(--accent); font-size:9px; font-style:normal; text-align:center; }
.phone-country-empty { padding:16px 8px 10px; color:var(--muted); font-size:8px; text-align:center; }
.phone-number-control { overflow:hidden; }
.phone-dial-prefix { height:100%; min-width:46px; padding:0 7px; display:flex; align-items:center; justify-content:center; border-right:1px solid var(--border); color:var(--text); background:var(--surface-3); font-size:8px; font-weight:900; white-space:nowrap; }
.phone-number-control .input { flex:1; width:0; min-width:0; height:41px; padding:0 9px; border:0; border-radius:0; box-shadow:none!important; background:transparent; font-size:9px; }
.phone-number-control .input:focus { border:0; outline:0; }
.contact-pending { min-height:40px; padding:9px 10px; display:flex; align-items:center; gap:9px; border-radius:9px; background:var(--surface); color:var(--muted); }
.contact-pending > span { width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; border-radius:50%; background:var(--accent-soft); color:var(--accent); font-size:8px; font-weight:900; }
.contact-pending p { margin:0; font-size:8px; line-height:1.45; }
.buyer-mode-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.buyer-mode-tab { min-height:57px; padding:9px 12px; border:1px solid var(--border); background:var(--surface-2); color:var(--text-soft); border-radius:11px; display:flex; align-items:center; gap:10px; text-align:left; cursor:pointer; transition:.18s ease; }
.buyer-mode-tab > span { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--surface-3); color:var(--muted); }
.buyer-mode-tab strong,.buyer-mode-tab small { display:block; }
.buyer-mode-tab strong { font-size:11px; }
.buyer-mode-tab small { margin-top:3px; color:var(--muted); font-size:8px; }
.buyer-mode-tab.active { border-color:var(--accent); background:var(--accent-soft); color:var(--text); box-shadow:inset 0 0 0 1px var(--accent); }
.buyer-mode-tab.active > span { color:var(--accent); background:var(--accent-soft); }
.discord-mode-tab > span { background:#5865f2; }
.discord-mode-tab > span img { width:18px; height:14px; object-fit:contain; filter:brightness(0) invert(1); }
.discord-mode-tab.active { border-color:#5865f2; background:rgba(88,101,242,.1); box-shadow:inset 0 0 0 1px #5865f2; }
.discord-mode-tab.active > span { background:#5865f2; }
.buyer-mode-note { display:flex; align-items:flex-start; gap:9px; padding:10px 12px; border-left:2px solid var(--accent); background:var(--surface-2); border-radius:0 9px 9px 0; }
.buyer-mode-note > span { color:var(--accent); }
.buyer-mode-note p { margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.buyer-mode-note.discord-note { border-left-color:#5865f2; }
.buyer-mode-note.discord-note > span { color:#5865f2; }
.discord-account-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px; border:1px solid rgba(88,101,242,.36); border-radius:13px; background:linear-gradient(135deg,rgba(88,101,242,.13),var(--surface-2)); }
.discord-account-avatar { width:48px; height:48px; padding:7px; border-radius:14px; background:#5865f2; overflow:hidden; }
.discord-account-avatar img { width:100%; height:100%; object-fit:cover; border-radius:9px; }
.discord-account-copy { min-width:0; }
.discord-account-copy > span { display:flex; align-items:center; gap:5px; color:#8ea1ff; font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.discord-account-copy > span i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px var(--green-soft); }
.discord-account-copy strong,.discord-account-copy small,.discord-account-copy p { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.discord-account-copy strong { margin-top:4px; font-size:12px; }
.discord-account-copy small { margin-top:2px; color:var(--muted); font-size:8px; }
.discord-account-copy p { margin:5px 0 0; color:var(--text-soft); font-size:8px; }
.discord-logout-btn { min-height:32px; padding:0 10px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text-soft); font-size:8px; font-weight:800; cursor:pointer; }
.discord-logout-btn:hover { color:var(--red); border-color:rgba(251,113,133,.35); }
.input-action { position:relative; }
.input-action .input { padding-right:61px; }
.input-inline-btn { position:absolute; right:6px; top:50%; translate:0 -50%; min-height:32px; padding:0 10px; border:0; border-radius:8px; background:var(--surface-3); color:var(--text); font-size:9px; font-weight:800; cursor:pointer; }
.field-help { display:block; margin-top:6px; color:var(--muted); font-size:8px; }
.currency-picker { display:grid; gap:11px; padding:12px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.currency-picker .field-label { margin-bottom:3px; }
.currency-picker p { margin:0; color:var(--muted); font-size:8px; }
.currency-picker-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.type-pill.locale-detected { border:1px solid rgba(52,211,153,.25); background:var(--green-soft); color:var(--green); box-shadow:0 0 0 3px rgba(52,211,153,.035); }
.currency-options { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.currency-option { min-width:0; min-height:48px; padding:8px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text-soft); text-align:left; cursor:pointer; transition:.18s ease; }
.currency-option strong,.currency-option small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.currency-option strong { font:800 11px var(--font-display); }
.currency-option small { margin-top:4px; color:var(--muted); font-size:7px; }
.currency-option:hover { border-color:var(--border-strong); }
.currency-option.active { border-color:var(--accent); color:var(--text); background:var(--accent-soft); box-shadow:inset 0 0 0 1px var(--accent); }
.currency-option.active strong { color:var(--accent); }
.country-selector { display:grid; gap:7px; padding:10px; border:1px solid var(--border); border-radius:10px; background:var(--surface); }
.country-selector > label { color:var(--text-soft); font-size:9px; font-weight:800; }
.country-selector > small { color:var(--muted); font-size:7px; line-height:1.45; }
.country-select-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; }
.country-dropdown { position:relative; min-width:0; }
.country-trigger { width:100%; min-height:46px; display:grid; grid-template-columns:30px minmax(0,1fr) 18px; align-items:center; gap:9px; padding:7px 10px; border:1px solid var(--border); border-radius:10px; background:var(--input); color:var(--text); text-align:left; cursor:pointer; transition:.18s ease; }
.country-trigger:hover,.country-dropdown.open .country-trigger { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.country-trigger strong,.country-trigger small,.country-choice strong,.country-choice small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.country-trigger strong,.country-choice strong { font-size:9px; }
.country-trigger small,.country-choice small { margin-top:2px; color:var(--muted); font-size:7px; }
.country-trigger i { color:var(--muted); font-style:normal; transition:.18s ease; }
.country-dropdown.open .country-trigger i { rotate:180deg; color:var(--accent); }
.country-code { width:30px; height:27px; display:grid; place-items:center; border-radius:8px; background:var(--surface-3); color:var(--accent); font-size:8px; font-weight:900; letter-spacing:.05em; }
.country-menu { position:absolute; z-index:35; top:calc(100% + 7px); left:0; right:0; max-height:260px; padding:6px; display:grid; gap:2px; overflow:auto; border:1px solid var(--border-strong); border-radius:13px; background:var(--surface); box-shadow:0 20px 45px rgba(0,0,0,.4); animation:dropdown-in .14s ease-out; }
.country-choice { width:100%; min-height:43px; display:grid; grid-template-columns:30px minmax(0,1fr) 18px; align-items:center; gap:9px; padding:6px 8px; border:0; border-radius:9px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.country-choice:hover { background:var(--surface-3); }
.country-choice.selected { background:var(--accent-soft); }
.country-choice.selected strong,.country-choice.selected i { color:var(--accent); }
.country-choice i { color:var(--accent); font-style:normal; font-weight:800; }
.country-choice:disabled { opacity:.4; cursor:not-allowed; }
.country-currency-badge { min-width:74px; min-height:42px; padding:0 10px; display:flex; align-items:center; justify-content:center; border:1px solid var(--accent-border); border-radius:10px; background:var(--accent-soft); color:var(--accent); font-size:10px; font-weight:800; }
.currency-conversion { display:grid; grid-template-columns:1fr auto; align-items:center; gap:5px 12px; padding:9px 10px; border-radius:9px; background:var(--surface); border:1px solid var(--border); }
.currency-conversion > span { color:var(--muted); font-size:8px; font-weight:700; }
.currency-conversion > div { display:flex; align-items:center; gap:8px; font-size:10px; }
.currency-conversion > div b { color:var(--text-soft); }
.currency-conversion > div i { color:var(--accent); font-style:normal; }
.currency-conversion > div strong { color:var(--accent); }
.currency-conversion > small { grid-column:1/-1; color:var(--muted); font-size:7px; }

.admin-shell { display:grid; grid-template-columns:245px minmax(0,1fr); min-height:100vh; }
.sidebar { position:fixed; inset:0 auto 0 0; width:245px; background:var(--sidebar); color:#f7f7f8; border-right:1px solid rgba(255,255,255,.07); padding:20px 14px; display:flex; flex-direction:column; z-index:40; }
.sidebar .brand { padding:8px 10px 25px; }
.sidebar .brand-sub { color:#777e8a; }
.nav-list { display:grid; gap:4px; }
.nav-item { display:flex; align-items:center; gap:12px; min-height:45px; padding:0 13px; border-radius:10px; color:#9fa5b1; font-size:13px; font-weight:600; cursor:pointer; border:0; background:transparent; text-align:left; }
.nav-item:hover { color:white; background:rgba(255,255,255,.05); }
.nav-item.active { color:white; background:linear-gradient(90deg,rgba(57,255,20,.18),rgba(57,255,20,.08)); box-shadow:inset 3px 0 var(--accent); }
.nav-icon { width:20px; text-align:center; color:inherit; font-size:16px; }
.sidebar-footer { margin-top:auto; display:grid; gap:10px; }
.side-card { padding:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); border-radius:13px; }
.side-card strong { display:block; font-size:12px; }
.side-card p { margin:7px 0 0; color:#858c98; font-size:10px; line-height:1.5; }
.view-store { width:100%; color:#d2d5db; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.04); }
.admin-main { grid-column:2; min-width:0; background:var(--bg-soft); }
.admin-topbar { height:72px; padding:0 30px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:25; background:color-mix(in srgb,var(--bg-soft) 88%,transparent); backdrop-filter:blur(15px); }
.admin-top-left { display:flex; align-items:center; gap:13px; }
.mobile-menu { display:none; }
.search { position:relative; width:270px; }
.search .input { padding-left:38px; min-height:40px; }
.search-icon { position:absolute; left:13px; top:50%; translate:0 -50%; color:var(--muted); font-size:14px; }
.admin-user { display:flex; align-items:center; gap:10px; padding-left:9px; }
.avatar { width:34px; height:34px; border-radius:10px; background:var(--accent-soft); color:var(--accent); display:grid; place-items:center; font-weight:800; }
.admin-user strong { display:block; font-size:12px; }
.admin-user span { display:block; color:var(--muted); font-size:10px; margin-top:2px; }
.content { padding:30px; max-width:1540px; margin:auto; }
.page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:25px; }
.page-head h1 { margin:4px 0 0; font:800 30px/1.15 var(--font-display); letter-spacing:-.045em; }
.page-head p { margin:7px 0 0; color:var(--muted); font-size:13px; }
.page-actions { display:flex; gap:9px; }
.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.stat-card { padding:19px; background:var(--surface); border:1px solid var(--border); border-radius:15px; box-shadow:var(--shadow-sm); }
.stat-top { display:flex; align-items:center; justify-content:space-between; }
.stat-label { color:var(--text-soft); font-size:12px; font-weight:600; }
.stat-icon { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; background:var(--accent-soft); color:var(--accent); }
.stat-value { margin:16px 0 8px; font:800 25px/1 var(--font-display); letter-spacing:-.04em; }
.stat-change { font-size:10px; color:var(--muted); }
.stat-change b { color:var(--green); }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr); gap:14px; margin-top:14px; }
.panel { background:var(--surface); border:1px solid var(--border); border-radius:15px; box-shadow:var(--shadow-sm); padding:19px; }
.panel-head { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:18px; }
.panel-head h3 { margin:0; font:800 14px var(--font-display); }
.panel-head span { color:var(--muted); font-size:11px; }
.chart-wrap { height:240px; position:relative; overflow:hidden; }
.chart-gridline { position:absolute; left:0; right:0; height:1px; background:var(--border); }
.chart-label { position:absolute; left:0; color:var(--muted); font-size:9px; transform:translateY(-50%); }
.chart-svg { position:absolute; inset:12px 0 22px 38px; width:calc(100% - 38px); height:calc(100% - 34px); overflow:visible; }
.chart-days { position:absolute; bottom:0; left:38px; right:0; display:flex; justify-content:space-between; color:var(--muted); font-size:9px; }
.automation-list { display:grid; gap:1px; }
.automation-row { display:flex; gap:10px; align-items:center; padding:13px 0; border-bottom:1px solid var(--border); }
.automation-row:last-child { border:0; }
.automation-copy { flex:1; }
.automation-copy strong { display:block; font-size:12px; }
.automation-copy small { display:block; margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }
.switch { width:40px; height:23px; border:0; border-radius:999px; background:var(--surface-3); padding:3px; cursor:pointer; transition:.2s ease; }
.switch::after { content:""; display:block; width:17px; height:17px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.2); transition:.2s ease; }
.switch.on { background:var(--green); }
.switch.on::after { transform:translateX(17px); }
.bottom-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr); gap:14px; margin-top:14px; }
.table-wrap { overflow-x:auto; margin:0 -4px; }
table { border-collapse:collapse; width:100%; min-width:900px; }
th { color:var(--muted); font-size:9px; font-weight:700; text-align:left; padding:0 10px 10px; }
td { border-top:1px solid var(--border); padding:11px 10px; color:var(--text-soft); font-size:10px; }
td strong { color:var(--text); }
.status { display:inline-flex; align-items:center; gap:5px; border-radius:999px; padding:5px 8px; font-size:9px; font-weight:800; }
.status::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.status.paid, .status.delivered, .status.active { color:var(--green); background:var(--green-soft); }
.status.pending { color:var(--amber); background:var(--amber-soft); }
.status.cancelled, .status.inactive { color:var(--red); background:var(--red-soft); }
.status.manual { color:var(--blue); background:var(--blue-soft); }
.status.neutral { color:var(--muted); background:var(--surface-3); }
.method-list { display:grid; }
.method-row { display:flex; align-items:center; gap:10px; padding:13px 0; border-bottom:1px solid var(--border); }
.method-row:last-child { border:0; }
.method-logo { flex:0 0 34px; width:34px; height:34px; border-radius:9px; display:grid; place-items:center; background:var(--surface-2); font-weight:800; color:var(--accent); overflow:hidden; }
.method-info { flex:1; }
.method-info strong { display:block; font-size:11px; }
.method-info span { display:block; margin-top:3px; color:var(--muted); font-size:9px; }

.toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:14px; }
.filter-tabs { display:flex; gap:4px; padding:4px; border:1px solid var(--border); background:var(--surface); border-radius:11px; overflow-x:auto; }
.filter-tab { min-height:34px; padding:0 12px; border:0; border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; font-size:11px; font-weight:700; }
.filter-tab.active { color:var(--text); background:var(--surface-3); }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.admin-product { padding:15px; }
.admin-product-art { aspect-ratio:16/9; border-radius:12px; background:radial-gradient(circle at 50% 35%,rgba(57,255,20,.22),transparent 38%),linear-gradient(145deg,#20232a,#0b0c10); display:grid; place-items:center; overflow:hidden; position:relative; }
.admin-product-art img { width:80px; height:80px; object-fit:contain; filter:drop-shadow(0 10px 14px rgba(0,0,0,.3)); }
.product-link-preview { margin:11px 0; padding:7px 8px; display:flex; align-items:center; gap:7px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); }
.product-link-preview span { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font:600 8px var(--font-mono); }
.product-link-preview button { flex:0 0 auto; border:0; background:transparent; color:var(--accent); font-size:8px; font-weight:800; cursor:pointer; }
.product-title-row { display:flex; align-items:center; gap:8px; }
.product-title-row h2 { min-width:0; }
.product-share-btn { flex:0 0 auto; border:1px solid var(--border); border-radius:999px; padding:4px 7px; background:var(--surface-2); color:var(--muted); font-size:7px; font-weight:800; cursor:pointer; }
.product-share-btn:hover { color:var(--accent); border-color:var(--accent-border); }
.slug-input { display:flex; align-items:center; border:1px solid var(--border); border-radius:11px; background:var(--input); overflow:hidden; }
.slug-input:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.slug-input > span { padding-left:12px; color:var(--muted); font-size:10px; white-space:nowrap; }
.slug-input .input { border:0; box-shadow:none; padding-left:2px; }
.admin-product-art img.custom-product-image { width:100%; height:100%; object-fit:cover; filter:none; }
.product-status { position:absolute; left:10px; top:10px; }
.admin-product-body { padding-top:15px; }
.admin-product-title { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.admin-product-title h3 { margin:0; font:800 15px var(--font-display); }
.admin-product-title strong { color:var(--accent); font:800 15px var(--font-display); }
.admin-product-body p { margin:7px 0 14px; color:var(--muted); font-size:10px; line-height:1.5; }
.product-meta { display:flex; justify-content:space-between; padding-top:12px; border-top:1px solid var(--border); color:var(--muted); font-size:9px; }
.card-actions { display:flex; gap:7px; margin-top:13px; }
.card-actions button { flex:1; }
.empty-state { padding:60px 30px; text-align:center; }
.empty-icon { width:52px; height:52px; display:grid; place-items:center; margin:0 auto 14px; border-radius:15px; background:var(--accent-soft); color:var(--accent); font-size:24px; }
.empty-state h3 { margin:0; font:800 17px var(--font-display); }
.empty-state p { max-width:340px; margin:8px auto 18px; color:var(--muted); font-size:12px; }
.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.setting-card { padding:20px; }
.setting-card h3 { margin:0 0 5px; font:800 15px var(--font-display); }
.setting-card > p { margin:0 0 18px; color:var(--muted); font-size:11px; line-height:1.5; }
.setting-list { display:grid; gap:13px; }
.setting-row { display:flex; align-items:center; gap:15px; padding:13px; border:1px solid var(--border); background:var(--surface-2); border-radius:12px; }
.setting-row-info { flex:1; }
.setting-row-info strong { display:block; font-size:12px; }
.setting-row-info small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }

.payment-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-bottom:14px; border:1px solid var(--border); background:var(--border); border-radius:15px; overflow:hidden; box-shadow:var(--shadow-sm); }
.payment-summary > div { padding:16px 19px; background:var(--surface); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.payment-summary span { color:var(--muted); font-size:10px; }
.payment-summary strong { font:800 20px var(--font-display); }
.payment-section { margin-top:14px; padding:20px; border:1px solid var(--border); background:var(--surface); border-radius:15px; box-shadow:var(--shadow-sm); }
.payment-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.payment-section-head h2 { margin:4px 0; font:800 19px var(--font-display); letter-spacing:-.03em; }
.payment-section-head p { margin:0; color:var(--muted); font-size:10px; }
.payment-admin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.payment-admin-card { border:1px solid var(--border); background:var(--surface-2); border-radius:14px; padding:15px; min-width:0; }
.payment-admin-top { display:flex; align-items:center; gap:10px; }
.provider-logo { flex:0 0 40px; width:40px; height:40px; border-radius:11px; display:grid; place-items:center; color:white; background:#30343c; font:800 12px var(--font-display); overflow:hidden; }
.provider-binance,.provider-binancepay { background:#f3ba2f; color:#171717; }
.provider-yape { background:#742284; }
.provider-plin { background:#08a5a4; }
.provider-stripe { background:#635bff; }
.provider-mercadopago { background:#009ee3; }
.provider-zelle { background:linear-gradient(145deg,#7b2cbf,#5f1597); color:white; }
.provider-zelle img { width:88%; height:88%; object-fit:contain; filter:drop-shadow(0 3px 7px rgba(0,0,0,.2)); }
.method-icon.provider-spin_oxxo_transfer.has-logo,.method-icon.provider-spin_oxxo_deposit.has-logo,.provider-logo.provider-spin_oxxo_transfer.has-logo,.provider-logo.provider-spin_oxxo_deposit.has-logo,.method-logo.provider-spin_oxxo_transfer.has-logo,.method-logo.provider-spin_oxxo_deposit.has-logo { padding:2px; border-color:rgba(255,102,0,.34); background:linear-gradient(145deg,#6125d6,#4316aa); box-shadow:0 7px 18px rgba(81,30,194,.28); }
.method-icon.provider-spin_oxxo_transfer,.method-icon.provider-spin_oxxo_deposit { width:42px; height:42px; margin-bottom:6px; border-radius:12px; }
.method-icon.provider-spin_oxxo_transfer img,.method-icon.provider-spin_oxxo_deposit img,.provider-logo.provider-spin_oxxo_transfer img,.provider-logo.provider-spin_oxxo_deposit img,.method-logo.provider-spin_oxxo_transfer img,.method-logo.provider-spin_oxxo_deposit img { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.18)); }
.manual-provider-spin_oxxo_transfer .manual-method-logo,.manual-provider-spin_oxxo_deposit .manual-method-logo { width:50px; height:50px; flex-basis:50px; padding:3px; background:linear-gradient(145deg,#6125d6,#4316aa); }
.manual-provider-spin_oxxo_transfer .manual-method-logo img,.manual-provider-spin_oxxo_deposit .manual-method-logo img { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
.payment-admin-title { min-width:0; flex:1; }
.payment-admin-title strong,.payment-admin-title span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.payment-admin-title strong { font-size:12px; }
.payment-admin-title span { margin-top:4px; color:var(--muted); font-size:9px; }
.payment-admin-manual { display:grid; grid-template-columns:60px 1fr; align-items:center; gap:11px; margin-top:14px; padding:10px; border:1px solid var(--border); background:var(--surface); border-radius:11px; }
.mini-qr { width:60px; height:60px; border-radius:8px; background:white; display:grid; place-items:center; color:#1b1d21; font-size:24px; overflow:hidden; }
.mini-qr img { width:100%; height:100%; object-fit:contain; }
.payment-admin-manual > div:last-child { min-width:0; }
.payment-admin-manual span,.payment-admin-manual strong,.payment-admin-manual small { display:block; }
.payment-admin-manual span { color:var(--muted); font-size:8px; }
.payment-admin-manual strong { margin:4px 0; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.payment-admin-manual small { color:var(--accent); font-size:8px; }
.payment-admin-manual.qr-hidden .mini-qr { color:var(--muted); background:var(--surface-3); border:1px dashed var(--border-strong); }
.payment-admin-manual.qr-hidden small { color:var(--muted); }
.api-connection { min-height:82px; display:flex; align-items:center; gap:10px; margin-top:14px; padding:12px; border:1px solid var(--border); background:var(--surface); border-radius:11px; }
.connection-dot { width:10px; height:10px; flex:0 0 10px; border-radius:50%; background:var(--amber); box-shadow:0 0 0 5px var(--amber-soft); }
.connection-dot.connected { background:var(--green); box-shadow:0 0 0 5px var(--green-soft); }
.api-connection strong,.api-connection small { display:block; }
.api-connection strong { font-size:10px; }
.api-connection small { margin-top:4px; color:var(--muted); font-size:8px; }
.payment-admin-footer { display:flex; align-items:center; justify-content:space-between; gap:9px; margin-top:12px; }
.payment-admin-footer-actions { min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; }
.payment-admin-footer-actions .ghost-btn { padding-inline:5px; }
.reset-method-btn { color:var(--amber); }
.reset-method-btn:hover { border-color:rgba(251,191,36,.42); background:var(--amber-soft); color:var(--amber); }
.method-fee-summary { margin-top:10px; padding:9px 10px; display:grid; grid-template-columns:1fr auto; gap:3px 8px; border:1px solid var(--border); border-radius:10px; background:var(--surface); }
.method-fee-summary span { color:var(--muted); font-size:8px; }
.method-fee-summary strong { color:var(--accent); font-size:10px; }
.method-fee-summary small { grid-column:1/-1; color:var(--text-soft); font-size:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.method-fee-summary a { color:var(--accent); font-weight:800; }
.method-empty { min-height:105px; display:grid; place-content:center; gap:7px; text-align:center; border:1px dashed var(--border-strong); border-radius:13px; color:var(--muted); }
.method-empty span { color:var(--accent); font-size:20px; }
.method-empty p { margin:0; font-size:10px; }
.type-pill { color:var(--text-soft); background:var(--surface-3); border-radius:999px; padding:5px 8px; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.security-banner { margin-top:14px; display:flex; align-items:flex-start; gap:12px; padding:14px; border:1px solid var(--accent-border); background:var(--accent-soft); border-radius:12px; }
.security-banner > span { color:var(--accent); font-size:18px; }
.security-banner strong { display:block; font-size:11px; }
.security-banner p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.security-banner.compact { margin:0; }
.security-banner > .primary-btn,.security-banner > .secondary-btn { margin-left:auto; flex:0 0 auto; align-self:center; }
.credential-provider { display:grid; gap:12px; padding:15px; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface-2); }
.credential-provider-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.credential-provider-head strong,.credential-provider-head small { display:block; }
.credential-provider-head small,.credential-help { margin-top:3px; color:var(--muted); font-size:10px; }
.connection-state { padding:5px 9px; border-radius:999px; border:1px solid var(--border-strong); color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.connection-state.ready { border-color:rgba(52,211,153,.3); background:rgba(52,211,153,.1); color:var(--green); }
.credential-provider.credential-rejected{border-color:rgba(255,91,97,.35);background:linear-gradient(120deg,rgba(255,74,82,.07),var(--surface-2))}.connection-state.invalid{border-color:rgba(255,91,97,.4);background:rgba(255,74,82,.1);color:#ff8b90}
.api-route-preview { display:grid; gap:8px; padding:12px; border:1px solid var(--border); background:var(--surface-2); border-radius:11px; }
.api-route-preview > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.api-route-preview span { color:var(--muted); font-size:9px; }
.api-route-preview code { color:var(--accent); font-size:9px; }
.qr-upload-row { display:grid; grid-template-columns:105px 1fr; gap:14px; align-items:center; }
.qr-preview { width:105px; height:105px; border:1px solid var(--border); border-radius:12px; background:white; color:#222; display:grid; place-content:center; text-align:center; overflow:hidden; }
.qr-preview img { width:100%; height:100%; object-fit:contain; }
.qr-preview span { font-size:32px; }
.qr-preview small { display:block; margin-top:4px; font-size:9px; }
.qr-visibility-control { border-color:var(--accent-border); }
.visibility-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:var(--accent-soft); color:var(--accent); }
.fee-editor { display:grid; gap:12px; padding:14px; border:1px solid var(--accent-border); border-radius:13px; background:linear-gradient(135deg,var(--accent-soft),var(--surface-2)); }
.fee-editor-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.fee-editor-head strong,.fee-editor-head small { display:block; }
.fee-editor-head strong { font-size:12px; }
.fee-editor-head small { margin-top:3px; color:var(--muted); font-size:8px; }
.fee-editor-head > span { padding:5px 8px; border-radius:999px; background:var(--green-soft); color:var(--green); font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.fee-grid { grid-template-columns:repeat(3,1fr); }
.fee-editor-note { margin:0; padding-top:9px; border-top:1px solid var(--border); color:var(--muted); font-size:8px; line-height:1.5; }
.fx-sync-card { margin:14px 0; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:15px; padding:16px; border:1px solid var(--accent-border); border-radius:15px; background:linear-gradient(135deg,var(--accent-soft),var(--surface)); box-shadow:var(--shadow-sm); }
.fx-sync-icon { width:43px; height:43px; display:grid; place-items:center; border-radius:12px; background:var(--accent); color:white; font-size:22px; }
.fx-sync-copy h3 { margin:3px 0 5px; font:800 15px var(--font-display); }
.fx-sync-copy p,.fx-sync-copy small { margin:0; color:var(--muted); font-size:8px; line-height:1.5; }
.fx-sync-copy a { color:var(--accent); font-weight:700; }
.fx-auto-toggle { display:flex; align-items:center; gap:9px; color:var(--text-soft); font-size:9px; font-weight:700; }
.variant-field { position:relative; z-index:8; }
.variant-dropdown { position:relative; }
.variant-trigger { width:100%; min-height:54px; display:grid; grid-template-columns:minmax(0,1fr) auto 18px; align-items:center; gap:12px; padding:8px 12px; border:1px solid var(--border); border-radius:12px; background:var(--input); color:var(--text); text-align:left; cursor:pointer; transition:.18s ease; }
.variant-trigger:hover,.variant-dropdown.open .variant-trigger { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.variant-trigger span,.variant-choice span { min-width:0; }
.variant-trigger strong,.variant-trigger small,.variant-choice strong,.variant-choice small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.variant-trigger strong,.variant-choice strong { font-size:11px; }
.variant-trigger small,.variant-choice small { margin-top:3px; color:var(--muted); font-size:8px; }
.variant-trigger b,.variant-choice b { color:var(--text); font:800 11px var(--font-display); white-space:nowrap; }
.variant-trigger i { color:var(--muted); font-style:normal; font-size:15px; transition:.18s ease; }
.variant-dropdown.open .variant-trigger i { rotate:180deg; color:var(--accent); }
.variant-menu { position:absolute; z-index:30; top:calc(100% + 7px); left:0; right:0; max-height:240px; padding:6px; display:grid; gap:3px; overflow:auto; border:1px solid var(--border-strong); border-radius:13px; background:var(--surface); box-shadow:0 20px 45px rgba(0,0,0,.38); animation:dropdown-in .14s ease-out; }
.variant-choice { width:100%; min-height:51px; display:grid; grid-template-columns:minmax(0,1fr) auto 18px; align-items:center; gap:12px; padding:8px 10px; border:0; border-radius:9px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.variant-choice:hover { background:var(--surface-3); }
.variant-choice.selected { background:var(--accent-soft); }
.variant-choice.selected strong,.variant-choice.selected b,.variant-choice.selected i { color:var(--accent); }
.variant-choice i { font-style:normal; font-weight:800; }
@keyframes dropdown-in { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
.table-actions { display:flex; align-items:center; gap:5px; }
.order-reference { display:block; margin-top:4px; color:var(--accent); font-size:8px; }
.proof-received { display:block; max-width:145px; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--green); font-size:7px; }
.account-label { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.discord-cell { display:flex; align-items:center; gap:6px; }
.discord-cell > span { color:var(--text); font-size:9px; }
.copy-id-btn { width:25px; height:25px; flex:0 0 25px; border:1px solid var(--border); border-radius:7px; background:var(--surface-2); color:var(--text-soft); cursor:pointer; }
.copy-id-btn:hover { color:var(--accent); border-color:var(--accent-border); }
.order-contact { min-width:145px; }
.contact-channel { width:max-content; padding:4px 7px; display:inline-flex; border-radius:999px; color:var(--text-soft); background:var(--surface-3); font-size:7px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.contact-channel.whatsapp { color:#55e59c; background:rgba(34,197,94,.11); }
.contact-channel.discord { color:#8ea1ff; background:rgba(88,101,242,.13); }
.contact-channel.telegram { color:#60c9ff; background:rgba(14,165,233,.12); }
.order-contact > div { margin-top:5px; display:flex; align-items:center; gap:5px; }
.order-contact strong { max-width:155px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }
.order-contact a { width:25px; height:25px; display:grid; place-items:center; border:1px solid var(--border); border-radius:7px; background:var(--surface-2); color:var(--green); font-size:11px; }
.modal:has(.order-detail-modal) { width:min(720px,100%); }
.order-detail-status { margin-bottom:14px; padding:11px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }
.order-detail-status > span:last-child { color:var(--muted); font-size:9px; }
.order-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.order-detail-grid > div { min-width:0; padding:12px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }
.order-detail-grid span,.order-detail-grid strong { display:block; }
.order-detail-grid span { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.order-detail-grid strong { margin-top:5px; overflow-wrap:anywhere; font-size:10px; }
.order-contact-panel { margin-top:12px; padding:14px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid var(--accent-border); border-radius:13px; background:var(--accent-soft); }
.order-contact-panel h3 { margin:7px 0 0; font:800 15px var(--font-display); overflow-wrap:anywhere; }
.order-contact-panel p { max-width:390px; margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.5; }
.order-contact-panel > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.proof-view { min-height:300px; max-height:60vh; padding:10px; border:1px solid var(--border); background:var(--surface-2); border-radius:12px; display:grid; place-items:center; overflow:auto; }
.proof-view img { max-height:55vh; object-fit:contain; border-radius:8px; }
.variant-editor { padding:13px; border:1px solid var(--border); background:var(--surface-2); border-radius:12px; }
.variant-editor-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }
.variant-editor-head strong,.variant-editor-head small { display:block; }
.variant-editor-head strong { font-size:12px; }
.variant-editor-head small { margin-top:3px; color:var(--muted); font-size:9px; }
#variant-rows { display:grid; gap:8px; }
.variant-form-row { display:grid; grid-template-columns:26px 1fr 1fr 120px 34px; gap:7px; align-items:center; }
.variant-index { width:26px; height:26px; display:grid; place-items:center; border-radius:8px; background:var(--surface-3); color:var(--accent); font-size:9px; font-weight:800; }
.variant-form-row .input { min-height:39px; font-size:10px; }
.price-input { position:relative; }
.price-input > span { position:absolute; left:9px; top:50%; translate:0 -50%; color:var(--muted); font-size:8px; z-index:1; }
.price-input .input { padding-left:34px; }
.remove-variant { width:34px; height:34px; color:var(--red); }
.currency-explainer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; padding:16px 18px; border:1px solid var(--accent-border); background:var(--accent-soft); border-radius:14px; margin-bottom:14px; }
.currency-explainer > span { width:39px; height:39px; display:grid; place-items:center; border-radius:11px; background:var(--accent); color:white; font-size:18px; }
.currency-explainer strong { display:block; font-size:12px; }
.currency-explainer p { margin:4px 0 0; color:var(--muted); font-size:9px; }
.base-currency { min-width:95px; text-align:right; }
.base-currency small,.base-currency strong { display:block; }
.base-currency small { color:var(--muted); font-size:8px; text-transform:uppercase; }
.base-currency strong { margin-top:4px; color:var(--accent); font:800 18px var(--font-display); }
.currency-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.currency-card { padding:17px; border:1px solid var(--border); background:var(--surface); border-radius:14px; box-shadow:var(--shadow-sm); transition:.2s ease; }
.currency-card.disabled-currency { opacity:.58; }
.currency-card-head { display:flex; align-items:center; gap:10px; margin-bottom:15px; }
.currency-symbol { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:var(--accent-soft); color:var(--accent); font:800 14px var(--font-display); }
.currency-card-head > div { flex:1; }
.currency-card-head strong,.currency-card-head small { display:block; }
.currency-card-head strong { font:800 13px var(--font-display); }
.currency-card-head small { margin-top:3px; color:var(--muted); font-size:9px; }
.suffix-input { position:relative; }
.suffix-input .input { padding-right:33px; }
.suffix-input > span { position:absolute; right:12px; top:50%; translate:0 -50%; color:var(--accent); font-size:11px; font-weight:800; }
.currency-example { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; padding-top:12px; border-top:1px solid var(--border); }
.currency-example span { color:var(--muted); font-size:9px; }
.currency-example strong { color:var(--accent); font:800 13px var(--font-display); }
.currency-savebar { position:sticky; bottom:12px; margin-top:14px; padding:12px 14px; border:1px solid var(--border-strong); background:color-mix(in srgb,var(--surface) 92%,transparent); backdrop-filter:blur(12px); border-radius:13px; display:flex; align-items:center; justify-content:space-between; gap:14px; box-shadow:var(--shadow); }
.currency-savebar span { color:var(--muted); font-size:10px; }

.modal-backdrop { position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.65); backdrop-filter:blur(6px); display:grid; place-items:center; padding:20px; animation:fadeIn .16s ease; }
.modal { width:min(560px,100%); max-height:90vh; overflow-y:auto; background:var(--surface); border:1px solid var(--border-strong); border-radius:18px; box-shadow:var(--shadow); padding:23px; animation:modalIn .2s ease; }
.modal:has(.binance-network-editor) { width:min(900px,100%); }
.modal:has(.payment-qr-modal) { width:min(680px,100%); padding:0; overflow:hidden; }
.payment-qr-modal { position:relative; padding:24px; background:radial-gradient(circle at 50% 30%,var(--accent-soft),transparent 43%),var(--surface); }
.qr-modal-close { position:absolute; z-index:4; top:16px; right:16px; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--border); border-radius:10px; background:color-mix(in srgb,var(--surface) 82%,transparent); color:var(--text-soft); font-size:20px; cursor:pointer; backdrop-filter:blur(8px); }
.qr-modal-close:hover { border-color:var(--accent); color:var(--accent); }
.qr-modal-heading { padding-right:40px; display:flex; align-items:center; gap:12px; }
.qr-modal-heading h2 { margin:4px 0 0; font:800 20px var(--font-display); }
.qr-modal-heading p { margin:5px 0 0; color:var(--muted); font-size:9px; }
.qr-modal-provider { width:46px; height:46px; flex:0 0 46px; padding:9px; display:grid; place-items:center; border:1px solid var(--border); border-radius:13px; background:var(--surface-2); }
.qr-modal-provider img { width:100%; height:100%; object-fit:contain; }
.qr-modal-stage { position:relative; width:min(420px,100%); max-width:calc(100vw - 72px); aspect-ratio:1; margin:22px auto 18px; padding:0; display:grid; place-items:center; border-radius:18px; background:transparent; overflow:hidden; filter:drop-shadow(0 26px 34px rgba(0,0,0,.38)); }
.qr-modal-stage::after { content:""; position:absolute; left:10%; right:10%; top:12%; height:2px; background:linear-gradient(90deg,transparent,var(--accent),transparent); box-shadow:0 0 16px var(--accent); opacity:.6; animation:qrScanner 3.2s ease-in-out infinite; }
.qr-modal-stage img { width:100%; height:100%; max-width:100%; max-height:100%; display:block; border-radius:18px; object-fit:contain; object-position:center; }
.qr-corner { position:absolute; z-index:2; width:31px; height:31px; pointer-events:none; }
.qr-corner.top-left { left:8px; top:8px; border-left:3px solid var(--accent); border-top:3px solid var(--accent); border-radius:9px 0 0; }
.qr-corner.top-right { right:8px; top:8px; border-right:3px solid var(--accent); border-top:3px solid var(--accent); border-radius:0 9px 0 0; }
.qr-corner.bottom-left { left:8px; bottom:8px; border-left:3px solid var(--accent); border-bottom:3px solid var(--accent); border-radius:0 0 0 9px; }
.qr-corner.bottom-right { right:8px; bottom:8px; border-right:3px solid var(--accent); border-bottom:3px solid var(--accent); border-radius:0 0 9px; }
.qr-exact-amount { margin:-3px 0 12px; padding:11px 13px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; border:1px solid rgba(243,186,47,.3); border-radius:11px; background:linear-gradient(135deg,rgba(243,186,47,.12),rgba(243,186,47,.035)); }
.qr-exact-amount > span { color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.qr-exact-amount > strong { color:#f3ba2f; font:900 18px var(--font-display); text-align:center; }
.qr-modal-details { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; }
.qr-modal-details > div { min-width:0; padding:10px 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); }
.qr-modal-details span,.qr-modal-details strong { display:block; }
.qr-modal-details span { color:var(--muted); font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.qr-modal-details strong { margin-top:4px; overflow-wrap:anywhere; font-size:9px; }
.qr-modal-footer { margin-top:12px; padding-top:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--border); }
.qr-modal-footer > span { display:flex; align-items:center; gap:7px; color:var(--text-soft); font-size:8px; font-weight:800; }
.qr-modal-footer i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px var(--green-soft); }
.modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; }
.modal-head h2 { margin:0; font:800 20px var(--font-display); }
.modal-head p { margin:5px 0 0; color:var(--muted); font-size:11px; }
.modal-form { display:grid; gap:15px; }
.binance-network-editor { display:grid; gap:12px; padding:14px; border:1px solid var(--border); border-radius:13px; background:var(--surface-2); }
.crypto-option-row { display:grid; grid-template-columns:24px .65fr .8fr 1.6fr 1fr 1fr 40px 34px; gap:7px; align-items:center; margin-top:8px; }
.crypto-option-row .input { min-width:0; padding:9px; font-size:9px; }
.crypto-qr-upload { position:relative; width:40px; height:40px; border:1px solid var(--border-strong); border-radius:8px; background:white; color:#222; display:grid; place-content:center; overflow:hidden; cursor:pointer; }
.crypto-qr-upload img { width:100%; height:100%; object-fit:contain; }
.crypto-qr-upload span { font-size:16px; }
.crypto-qr-upload .crypto-qr-input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.modal-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:4px; }
.discord-login-modal { position:relative; margin:-23px; padding:0 25px 23px; overflow:hidden; }
.discord-login-modal::before { content:""; position:absolute; inset:0 0 auto; height:118px; background:radial-gradient(circle at 80% 0,rgba(255,255,255,.15),transparent 38%),linear-gradient(135deg,#4752c4,#5865f2 55%,#7983f5); z-index:0; }
.discord-login-modal > * { position:relative; z-index:1; }
.discord-modal-close { position:absolute; z-index:3; right:15px; top:15px; width:32px; height:32px; border:1px solid rgba(255,255,255,.22); border-radius:9px; background:rgba(20,22,30,.18); color:white; font-size:20px; cursor:pointer; }
.discord-login-brand { height:118px; display:flex; align-items:center; gap:12px; color:white; }
.discord-login-brand > span { width:47px; height:47px; padding:10px; display:grid; place-items:center; border-radius:14px; background:rgba(255,255,255,.16); backdrop-filter:blur(8px); }
.discord-login-brand img { width:100%; height:100%; }
.discord-login-brand small,.discord-login-brand strong { display:block; }
.discord-login-brand small { opacity:.75; font-size:7px; font-weight:800; letter-spacing:.12em; }
.discord-login-brand strong { margin-top:4px; font:800 14px var(--font-display); }
.discord-login-copy { padding-top:21px; text-align:center; }
.discord-login-copy h2 { margin:0; font:800 22px var(--font-display); letter-spacing:-.035em; }
.discord-login-copy p { max-width:420px; margin:7px auto 0; color:var(--muted); font-size:10px; line-height:1.55; }
.discord-permissions { margin:18px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.discord-permissions > div { min-width:0; padding:10px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); display:flex; align-items:flex-start; gap:7px; }
.discord-permissions > div > span { width:17px; height:17px; flex:0 0 17px; display:grid; place-items:center; border-radius:50%; background:rgba(88,101,242,.14); color:#7983f5; font-size:8px; font-weight:900; }
.discord-permissions p { margin:0; min-width:0; }
.discord-permissions strong,.discord-permissions small { display:block; }
.discord-permissions strong { font-size:8px; }
.discord-permissions small { margin-top:3px; color:var(--muted); font-size:7px; line-height:1.4; }
.discord-oauth-btn { width:100%; min-height:52px; display:grid; grid-template-columns:26px 1fr auto; align-items:center; gap:10px; padding:0 15px; border:0; border-radius:12px; background:#5865f2; color:white; box-shadow:0 12px 30px rgba(88,101,242,.26); cursor:pointer; font-weight:800; }
.discord-oauth-btn:hover { background:#6875f5; transform:translateY(-1px); }
.discord-oauth-btn img { width:23px; height:18px; }
.discord-oauth-btn span { text-align:left; }
.discord-oauth-btn b { font-size:18px; }
.discord-config-warning { padding:12px; display:flex; align-items:flex-start; gap:10px; border:1px solid rgba(251,191,36,.3); border-radius:11px; background:var(--amber-soft); }
.discord-config-warning > span { color:var(--amber); font-size:17px; }
.discord-config-warning strong,.discord-config-warning p { display:block; }
.discord-config-warning strong { font-size:10px; }
.discord-config-warning p { margin:3px 0 0; color:var(--muted); font-size:8px; line-height:1.5; }
.discord-demo-btn { width:100%; min-height:40px; margin-top:8px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--text-soft); font-size:9px; font-weight:800; cursor:pointer; }
.discord-demo-btn:hover { border-color:#5865f2; color:#7983f5; }
.discord-legal { margin:12px 0 0; color:var(--muted); text-align:center; font-size:7px; line-height:1.5; }
.discord-legal b { color:var(--text-soft); }
.discord-settings-card { grid-column:1/-1; }
.buyer-mode-settings-card { margin-bottom:14px; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.65fr); align-items:center; gap:18px; }
.buyer-mode-settings-copy { display:flex; align-items:center; gap:12px; }
.buyer-mode-settings-copy h3,.buyer-mode-settings-copy p { margin:0; }
.buyer-mode-settings-copy h3 { margin-top:4px; font:800 15px var(--font-display); }
.buyer-mode-settings-copy p { max-width:610px; margin-top:5px; color:var(--muted); font-size:9px; line-height:1.5; }
.buyer-mode-settings-icon { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border:1px solid var(--accent-border); border-radius:12px; background:var(--accent-soft); color:var(--accent); font-size:18px; }
.buyer-mode-admin-toggle { margin:0; }
.discord-settings-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; margin-bottom:16px; }
.discord-settings-head > span:first-child { width:44px; height:44px; padding:10px; display:grid; place-items:center; border-radius:12px; background:#5865f2; }
.discord-settings-head img { width:100%; height:100%; filter:brightness(0) invert(1); }
.discord-settings-head h3,.discord-settings-head p { margin:0; }
.discord-settings-head p { margin-top:4px; color:var(--muted); font-size:9px; }
.discord-settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.discord-settings-grid > .field:nth-child(3),.discord-settings-grid > .protection { grid-column:1/-1; }
.discord-settings-note { margin-top:13px; padding:11px 12px; display:flex; gap:9px; border-left:2px solid #5865f2; border-radius:0 9px 9px 0; background:rgba(88,101,242,.09); }
.discord-settings-note > span { color:#7983f5; font-weight:900; }
.discord-settings-note p { margin:0; color:var(--muted); font-size:8px; line-height:1.5; }
.discord-settings-note code { color:#8ea1ff; }
.settings-submit-row { margin-top:14px; display:flex; justify-content:space-between; gap:10px; }
.modal:has(.discord-login-v2) { width:min(610px,100%); }
.discord-login-v2 { padding-bottom:25px; }
.discord-login-v2::before { height:132px; background:radial-gradient(circle at 82% -20%,rgba(255,255,255,.24),transparent 42%),linear-gradient(125deg,#3f49b6,#5865f2 58%,#7480f7); }
.discord-login-hero { height:132px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:white; }
.discord-login-v2 .discord-login-brand { height:auto; }
.discord-secure-pill { padding:6px 9px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(17,19,31,.14); font-size:8px; font-weight:800; }
.discord-login-v2 .discord-login-copy { padding-top:25px; }
.discord-login-v2 .discord-login-copy .eyebrow { color:#7983f5; }
.discord-login-v2 .discord-login-copy h2 { margin-top:6px; font-size:24px; }
.discord-login-v2 .discord-login-copy p { max-width:455px; font-size:10px; }
.discord-benefits { margin:20px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.discord-benefits > div { min-width:0; padding:12px 11px; border:1px solid var(--border); border-radius:12px; background:linear-gradient(145deg,var(--surface-2),var(--surface)); }
.discord-benefits > div > span { display:grid; place-items:center; width:22px; height:22px; margin-bottom:9px; border-radius:7px; background:rgba(88,101,242,.13); color:#7983f5; font-size:7px; font-weight:900; }
.discord-benefits p,.discord-benefits strong,.discord-benefits small { display:block; margin:0; }
.discord-benefits strong { font-size:9px; }
.discord-benefits small { margin-top:4px; color:var(--muted); font-size:7px; line-height:1.45; }
.discord-login-v2 .discord-oauth-btn { min-height:58px; border-radius:13px; }
.discord-login-v2 .discord-oauth-btn span strong,.discord-login-v2 .discord-oauth-btn span small { display:block; }
.discord-login-v2 .discord-oauth-btn span strong { font-size:11px; }
.discord-login-v2 .discord-oauth-btn span small { margin-top:3px; color:rgba(255,255,255,.7); font-size:7px; font-weight:600; }
.discord-unavailable { padding:13px; display:flex; align-items:center; gap:11px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.discord-unavailable > span { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:9px; background:var(--surface-3); color:var(--text-soft); font:800 13px var(--font-display); }
.discord-unavailable strong,.discord-unavailable p { display:block; margin:0; }
.discord-unavailable strong { font-size:10px; }
.discord-unavailable p { margin-top:3px; color:var(--muted); font-size:8px; }
.discord-guest-btn { width:100%; min-height:42px; margin-top:9px; border:1px solid var(--border-strong); border-radius:11px; background:transparent; color:var(--text-soft); font-size:9px; font-weight:800; cursor:pointer; }
.discord-guest-btn:hover { border-color:#5865f2; color:#7983f5; background:rgba(88,101,242,.06); }
.discord-demo-link { display:block; margin:10px auto 0; border:0; background:transparent; color:var(--muted); font-size:8px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.buyer-mode-tabs.guest-only { grid-template-columns:1fr; }
.discord-master-toggle { margin:4px 0 18px; padding:13px 14px; display:flex; align-items:center; gap:11px; border:1px solid rgba(88,101,242,.24); border-radius:13px; background:rgba(88,101,242,.07); cursor:pointer; }
.discord-master-toggle > input { position:absolute; opacity:0; pointer-events:none; }
.switch-visual { position:relative; width:38px; height:22px; flex:0 0 38px; border-radius:999px; background:var(--surface-3); border:1px solid var(--border-strong); transition:.2s ease; }
.switch-visual::after { content:""; position:absolute; width:16px; height:16px; left:2px; top:2px; border-radius:50%; background:var(--muted); transition:.2s ease; }
.discord-master-toggle > input:checked + .switch-visual { background:#5865f2; border-color:#5865f2; }
.discord-master-toggle > input:checked + .switch-visual::after { left:18px; background:white; }
.discord-master-toggle strong,.discord-master-toggle small { display:block; }
.discord-master-toggle strong { font-size:10px; }
.discord-master-toggle small { margin-top:3px; color:var(--muted); font-size:8px; }
.discord-setup-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(245px,.75fr); gap:16px; }
.discord-config-fields { padding:17px; display:grid; gap:14px; border:1px solid var(--border); border-radius:14px; background:var(--surface-2); }
.discord-section-title { display:flex; align-items:center; gap:10px; }
.discord-section-title:not(:first-child) { margin-top:4px; padding-top:15px; border-top:1px solid var(--border); }
.discord-section-title > span { width:25px; height:25px; flex:0 0 25px; display:grid; place-items:center; border-radius:8px; background:#5865f2; color:white; font-size:9px; font-weight:900; }
.discord-section-title strong,.discord-section-title small { display:block; }
.discord-section-title strong { font-size:10px; }
.discord-section-title small { margin-top:2px; color:var(--muted); font-size:7px; }
.field-hint { display:block; margin-top:5px; color:var(--muted); font-size:7px; }
.field-hint.invalid { color:var(--red); }
.discord-scope-row { padding:10px 11px; display:flex; align-items:center; flex-wrap:wrap; gap:7px; border:1px solid var(--border); border-radius:10px; }
.discord-scope-row > span { margin-right:auto; color:var(--text-soft); font-size:8px; font-weight:700; }
.discord-scope-row code { padding:4px 7px; border-radius:6px; background:rgba(88,101,242,.12); color:#8ea1ff; font-size:8px; }
.discord-scope-row b { color:var(--green); font-size:7px; }
.discord-demo-setting { margin:0; }
.discord-setup-guide { padding:18px; border:1px solid var(--border); border-radius:14px; background:linear-gradient(155deg,rgba(88,101,242,.1),var(--surface-2) 45%); }
.discord-setup-guide h4 { margin:5px 0 16px; font:800 16px var(--font-display); }
.discord-setup-guide ol { margin:0; padding:0; display:grid; gap:13px; list-style:none; }
.discord-setup-guide li { display:flex; gap:9px; }
.discord-setup-guide li > span { width:21px; height:21px; flex:0 0 21px; display:grid; place-items:center; border:1px solid rgba(88,101,242,.3); border-radius:7px; color:#7983f5; font-size:8px; font-weight:900; }
.discord-setup-guide li p,.discord-setup-guide li strong,.discord-setup-guide li small { display:block; margin:0; }
.discord-setup-guide li strong { font-size:9px; }
.discord-setup-guide li small { margin-top:3px; color:var(--muted); font-size:7px; line-height:1.45; }
.discord-security-note { margin:17px 0 12px; padding:10px; display:flex; gap:8px; border:1px solid rgba(251,191,36,.22); border-radius:10px; background:var(--amber-soft); }
.discord-security-note > span { color:var(--amber); }
.discord-security-note p,.discord-security-note strong,.discord-security-note small { display:block; margin:0; }
.discord-security-note strong { font-size:8px; }
.discord-security-note small { margin-top:3px; color:var(--muted); font-size:7px; line-height:1.4; }
.discord-settings-footer { margin-top:16px; padding-top:15px; border-top:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:14px; }
.discord-settings-footer > div:first-child strong,.discord-settings-footer > div:first-child small { display:block; }
.discord-settings-footer > div:first-child strong { font-size:10px; }
.discord-settings-footer > div:first-child small { margin-top:3px; color:var(--muted); font-size:8px; }
.discord-settings-footer > div:last-child { display:flex; gap:8px; }
.discord-settings-footer button:disabled { opacity:.45; cursor:not-allowed; }
.connection-result { text-align:center; padding:8px 4px; }
.connection-result > span { width:62px; height:62px; margin:0 auto 16px; display:grid; place-items:center; border-radius:50%; background:var(--green-soft); color:var(--green); font-size:25px; }
.connection-result h2 { margin:0; font:800 21px var(--font-display); }
.connection-result p { color:var(--text-soft); font-size:11px; line-height:1.55; }
.confirm-order { text-align:center; padding:10px 4px; }
.success-ring { width:68px; height:68px; margin:0 auto 18px; border-radius:50%; display:grid; place-items:center; color:var(--green); background:var(--green-soft); border:1px solid rgba(52,211,153,.25); font-size:28px; }
.confirm-order h2 { margin:0; font:800 23px var(--font-display); }
.confirm-order p { color:var(--text-soft); font-size:12px; line-height:1.6; }
.order-code { margin:18px 0; padding:14px; border:1px dashed var(--border-strong); border-radius:11px; background:var(--surface-2); }
.order-code span { display:block; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.order-code strong { display:block; margin-top:6px; font:800 18px var(--font-display); color:var(--accent); }

.toast-root { position:fixed; right:20px; bottom:20px; z-index:200; display:grid; gap:9px; }
.toast { min-width:260px; max-width:360px; padding:13px 15px; display:flex; align-items:center; gap:10px; background:var(--surface); border:1px solid var(--border-strong); border-radius:12px; box-shadow:var(--shadow); font-size:12px; animation:toastIn .25s ease; }
.toast.success { border-left:3px solid var(--green); }
.toast.error { border-left:3px solid var(--red); }
.toast-icon { color:var(--green); font-weight:800; }

@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@keyframes modalIn { from{opacity:0;transform:translateY(8px) scale(.98)} to{opacity:1;transform:none} }
@keyframes toastIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }

/* Compact Discord access — isolated from checkout and OAuth behavior */
.modal:has(.discord-login-v3) {
  width: min(640px, 100%);
  padding: 0;
  overflow: hidden;
  border-color: #272c35;
  border-radius: 20px;
  background: #0c0f14;
  box-shadow: 0 32px 90px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.025);
}
.discord-login-v3 {
  position: relative;
  display: grid;
  grid-template-columns: 218px minmax(0,1fr);
  min-height: 424px;
  color: #f7f8fa;
  isolation: isolate;
}
.discord-v3-close {
  position: absolute;
  z-index: 5;
  top: 13px;
  right: 13px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 9px;
  background: rgba(255,255,255,.045);
  color: #a9afb9;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: .18s ease;
}
.discord-v3-close:hover { color: white; border-color: rgba(57,255,20,.45); background: rgba(57,255,20,.12); transform: rotate(4deg); }
.discord-v3-art {
  position: relative;
  min-width: 0;
  padding: 26px 22px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-right: 1px solid #242832;
  background:
    radial-gradient(circle at 50% 37%, rgba(57,255,20,.18), transparent 31%),
    linear-gradient(155deg, #11151b 0%, #0b0e13 68%, #120d0d 100%);
}
.discord-v3-art::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .25;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size: 25px 25px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}
.legend-orbit {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 29px auto 0;
  display: grid;
  place-items: center;
}
.legend-orbit::before {
  content: "";
  position: absolute;
  inset: 37px;
  border-radius: 50%;
  background: rgba(57,255,20,.16);
  filter: blur(17px);
  animation: legendGlow 3.2s ease-in-out infinite;
}
.legend-orbit-ring { position: absolute; inset: 4px; border: 1px solid rgba(57,255,20,.27); border-radius: 50%; }
.legend-orbit-ring-inner { inset: 24px; border-style: dashed; border-color: rgba(57,255,20,.14); animation: legendRing 18s linear infinite; }
.legend-orbit img {
  position: relative;
  z-index: 2;
  width: 116px;
  height: 116px;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(57,255,20,.24));
  animation: legendFloat 4s ease-in-out infinite;
}
.legend-orbit-dot { position: absolute; z-index: 3; width: 5px; height: 5px; border-radius: 50%; background: #39ff14; box-shadow: 0 0 8px rgba(57,255,20,.8); }
.legend-orbit-dot-one { top: 3px; left: 78px; transform-origin: 2px 77px; animation: legendDot 8s linear infinite; }
.legend-orbit-dot-two { top: 22px; left: 25px; transform-origin: 55px 58px; animation: legendDot 11s linear infinite reverse; }
.legend-orbit-dot-three { right: 17px; bottom: 36px; width: 4px; height: 4px; transform-origin: -63px -44px; animation: legendDot 13s linear infinite; }
.discord-v3-art-copy { position: relative; z-index: 1; }
.discord-v3-art-copy > span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 7px; border: 1px solid #2b3039; border-radius: 999px; color: #b5bac3; font-size: 6px; font-weight: 800; letter-spacing: .1em; }
.discord-v3-art-copy > span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #39ff14; box-shadow: 0 0 8px rgba(57,255,20,.7); }
.discord-v3-art-copy > strong { display: block; margin-top: 10px; font: 800 21px/1.08 var(--font-display); letter-spacing: -.045em; }
.discord-v3-art-copy > strong b { color: #39ff14; }
.discord-v3-art-copy > small { display: block; margin-top: 8px; color: #777f8d; font-size: 7px; line-height: 1.45; }
.discord-v3-panel { min-width: 0; padding: 29px 28px 20px; background: radial-gradient(circle at 100% 0,rgba(88,101,242,.09),transparent 31%),#0e1117; }
.discord-v3-kicker { display: flex; align-items: center; gap: 9px; min-height: 35px; }
.discord-v3-kicker > span { width: 35px; height: 35px; padding: 8px; display: grid; place-items: center; border: 1px solid rgba(122,132,255,.3); border-radius: 10px; background: #5865f2; box-shadow: 0 8px 20px rgba(88,101,242,.2); }
.discord-v3-kicker img { width: 100%; height: 100%; }
.discord-v3-kicker strong,.discord-v3-kicker small { display: block; }
.discord-v3-kicker strong { color: #ff6a3d; font-size: 7px; letter-spacing: .16em; }
.discord-v3-kicker small { margin-top: 4px; color: #737b89; font-size: 6px; }
.discord-v3-kicker small i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 3px rgba(52,211,153,.1); }
.discord-v3-heading { margin-top: 19px; }
.discord-v3-heading h2 { margin: 0; font: 800 24px/1.05 var(--font-display); letter-spacing: -.052em; }
.discord-v3-heading p { margin: 9px 0 0; max-width: 330px; color: #858d9b; font-size: 8px; line-height: 1.55; }
.discord-v3-benefits { margin: 17px 0; display: grid; gap: 6px; }
.discord-v3-benefits > div { min-width: 0; min-height: 42px; padding: 7px 9px; display: grid; grid-template-columns: 25px minmax(0,1fr); align-items: center; gap: 9px; border: 1px solid #252a33; border-radius: 9px; background: rgba(16,19,25,.78); transition: .18s ease; }
.discord-v3-benefits > div:hover { border-color: #353b46; transform: translateX(2px); background: #12161c; }
.discord-v3-benefits > div > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; background: rgba(57,255,20,.1); color: #ff6a3d; font-size: 6px; font-weight: 900; }
.discord-v3-benefits > div:nth-child(2) > span { color: #34d399; background: rgba(52,211,153,.09); }
.discord-v3-benefits > div:nth-child(3) > span { color: #8e99ff; background: rgba(88,101,242,.12); }
.discord-v3-benefits p,.discord-v3-benefits strong,.discord-v3-benefits small { display: block; margin: 0; }
.discord-v3-benefits strong { font-size: 8px; }
.discord-v3-benefits small { margin-top: 2px; color: #737b89; font-size: 6px; }
.discord-v3-oauth { width: 100%; min-height: 46px; padding: 0 13px; display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 9px; border: 0; border-radius: 10px; background: linear-gradient(100deg,#5865f2,#6571f5); color: white; box-shadow: 0 12px 28px rgba(88,101,242,.23); font-size: 9px; font-weight: 800; cursor: pointer; transition: .18s ease; }
.discord-v3-oauth:hover { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 15px 32px rgba(88,101,242,.3); }
.discord-v3-oauth img { width: 18px; }
.discord-v3-oauth span { text-align: left; }
.discord-v3-oauth b { font-size: 15px; transition: transform .18s ease; }
.discord-v3-oauth:hover b { transform: translateX(3px); }
.discord-v3-unavailable { min-height: 46px; padding: 8px 10px; display: flex; align-items: center; gap: 9px; border: 1px solid #292e37; border-radius: 10px; background: #12161c; }
.discord-v3-unavailable > span { width: 25px; height: 25px; flex: 0 0 25px; display: grid; place-items: center; border-radius: 7px; color: #ff6a3d; background: rgba(57,255,20,.1); font-size: 9px; font-weight: 900; }
.discord-v3-unavailable strong,.discord-v3-unavailable p { display: block; margin: 0; }
.discord-v3-unavailable strong { font-size: 8px; }
.discord-v3-unavailable p { margin-top: 2px; color: #737b89; font-size: 6px; }
.discord-v3-guest { width: 100%; min-height: 34px; margin-top: 7px; border: 1px solid #282d36; border-radius: 9px; background: transparent; color: #939aa6; font-size: 7px; font-weight: 800; cursor: pointer; transition: .18s ease; }
.discord-v3-guest:hover { color: white; border-color: rgba(57,255,20,.38); background: rgba(57,255,20,.06); }
.discord-v3-panel .discord-demo-link { margin-top: 7px; font-size: 6px; }
.discord-v3-legal { margin: 8px 0 0; color: #565d69; text-align: center; font-size: 5.5px; line-height: 1.4; }
.discord-v3-legal b { color: #7f8793; }

/* Discord access modal — compact single-column variant ("Núcleo") */
.modal:has(.discord-login-nucleo) { width: min(400px,100%); padding: 0; overflow: hidden; }
.discord-login-nucleo { position: relative; padding: 32px 28px 26px; display: grid; gap: 16px; justify-items: center; text-align: center; }
.discord-nucleo-close { position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-2); color: var(--muted); font-size: 15px; cursor: pointer; transition: .18s ease; }
.discord-nucleo-close:hover { color: var(--text); border-color: var(--accent-border); background: var(--accent-soft); transform: rotate(4deg); }
.discord-nucleo-mark { width: 58px; height: 58px; margin-top: 6px; border-radius: 16px; background: linear-gradient(145deg,#5865f2,#4752c4); box-shadow: 0 14px 28px rgba(88,101,242,.32); display: grid; place-items: center; }
.discord-nucleo-mark img { width: 30px; height: 30px; filter: brightness(0) invert(1); }
.discord-login-nucleo h2 { margin: 0; font: 800 22px var(--font-display); letter-spacing: -.03em; }
.discord-nucleo-sub { margin: -6px 0 0; max-width: 30ch; color: var(--text-soft); font-size: 12.5px; line-height: 1.6; }
.discord-nucleo-oauth { width: 100%; min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 12px; background: linear-gradient(100deg,#5865f2,#6571f5); color: #fff; font: 800 13px var(--font-body); cursor: pointer; box-shadow: 0 14px 28px rgba(88,101,242,.28); transition: .18s ease; }
.discord-nucleo-oauth img { width: 18px; height: 18px; filter: brightness(0) invert(1); }
.discord-nucleo-oauth:hover { transform: translateY(-1px); filter: brightness(1.06); box-shadow: 0 17px 32px rgba(88,101,242,.34); }
.discord-nucleo-unavailable { width: 100%; min-height: 46px; padding: 8px 10px; display: flex; align-items: center; gap: 9px; text-align: left; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.discord-nucleo-unavailable > span { width: 25px; height: 25px; flex: 0 0 25px; display: grid; place-items: center; border-radius: 7px; color: var(--accent); background: var(--accent-soft); font-size: 9px; font-weight: 900; }
.discord-nucleo-unavailable strong,.discord-nucleo-unavailable p { display: block; margin: 0; }
.discord-nucleo-unavailable strong { font-size: 11px; }
.discord-nucleo-unavailable p { margin-top: 2px; color: var(--muted); font-size: 9px; }
.discord-nucleo-guest { width: 100%; min-height: 34px; border: 1px solid var(--border); border-radius: 10px; background: transparent; color: var(--text-soft); font: 800 11px var(--font-body); cursor: pointer; transition: .18s ease; }
.discord-nucleo-guest:hover { color: var(--text); border-color: var(--accent-border); background: var(--accent-soft); }
.discord-login-nucleo .discord-demo-link { margin-top: -6px; font-size: 10px; }
.discord-nucleo-chips { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.discord-nucleo-chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--border); border-radius: 999px; padding: 5px 10px; color: var(--text-soft); font-size: 10px; font-weight: 700; }
.discord-nucleo-chip b { color: var(--green); }
.discord-nucleo-legal { margin: 0; color: var(--muted); text-align: center; font-size: 9.5px; line-height: 1.5; }
.discord-nucleo-legal b { color: var(--text-soft); }

.maintenance-page { position:relative; min-height:100vh; padding:42px 20px; display:grid; place-items:center; overflow:hidden; color:#f7f8fb; background:#080a0e; }
.maintenance-grid-bg { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(circle at center,#000 15%,transparent 72%); }
.maintenance-glow { position:absolute; width:420px; height:420px; border-radius:50%; filter:blur(90px); opacity:.13; pointer-events:none; }
.maintenance-glow-one { left:-170px; top:-170px; background:#39ff14; animation:maintenanceGlow 7s ease-in-out infinite; }
.maintenance-glow-two { right:-190px; bottom:-190px; background:#5865f2; animation:maintenanceGlow 8s ease-in-out infinite reverse; }
.maintenance-shell { position:relative; z-index:1; width:min(670px,100%); padding:38px 44px 24px; text-align:center; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:linear-gradient(145deg,rgba(20,23,29,.94),rgba(11,13,17,.97)); box-shadow:0 35px 90px rgba(0,0,0,.48); backdrop-filter:blur(18px); }
.maintenance-brand { display:flex; justify-content:center; align-items:center; gap:13px; }
.maintenance-brand > div:last-child { text-align:left; }
.maintenance-brand > div > strong { display:block; font:900 18px/1 var(--font-display); letter-spacing:-.05em; }
.maintenance-brand > div > strong span { color:#39ff14; }
.maintenance-brand > div > small { display:block; margin-top:5px; color:#69717f; font-size:6px; font-weight:800; letter-spacing:.19em; text-transform:uppercase; }
.maintenance-logo-orbit { position:relative; width:82px; height:82px; display:grid; place-items:center; }
.maintenance-logo-orbit::before { content:""; position:absolute; inset:17px; border-radius:50%; background:rgba(57,255,20,.17); filter:blur(13px); animation:maintenanceLogoGlow 3s ease-in-out infinite; }
.maintenance-logo-orbit img { position:relative; z-index:3; width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 10px 14px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(57,255,20,.2)); animation:maintenanceLogoFloat 3.6s ease-in-out infinite; }
.maintenance-orbit-ring { position:absolute; inset:4px; border:1px solid rgba(57,255,20,.28); border-radius:50%; }
.maintenance-orbit-ring.inner { inset:13px; border-style:dashed; border-color:rgba(57,255,20,.16); animation:maintenanceOrbit 16s linear infinite; }
.maintenance-orbit-dot { position:absolute; z-index:4; width:5px; height:5px; border-radius:50%; background:#39ff14; box-shadow:0 0 9px rgba(57,255,20,.85); }
.maintenance-orbit-dot.one { top:3px; left:39px; transform-origin:2px 38px; animation:maintenanceOrbit 7s linear infinite; }
.maintenance-orbit-dot.two { left:8px; bottom:17px; transform-origin:33px -17px; animation:maintenanceOrbit 10s linear infinite reverse; }
.maintenance-orbit-dot.three { right:8px; bottom:18px; width:4px; height:4px; transform-origin:-33px -18px; animation:maintenanceOrbit 12s linear infinite; }
.maintenance-status { width:max-content; margin:24px auto 0; padding:6px 10px; display:flex; align-items:center; gap:7px; border:1px solid rgba(57,255,20,.22); border-radius:999px; background:rgba(57,255,20,.07); color:#ff805d; font-size:7px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.maintenance-status i { width:6px; height:6px; border-radius:50%; background:#39ff14; box-shadow:0 0 0 0 rgba(57,255,20,.45); animation:maintenanceStatusPulse 2s infinite; }
.maintenance-shell h1 { margin:18px 0 0; font:900 clamp(34px,7vw,58px)/1.02 var(--font-display); letter-spacing:-.065em; }
.maintenance-shell > p { max-width:500px; margin:14px auto 0; color:#8c94a2; font-size:12px; line-height:1.7; }
.maintenance-divider { margin:27px 0 14px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; }
.maintenance-divider span { height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.1)); }
.maintenance-divider span:last-child { rotate:180deg; }
.maintenance-divider b { color:#6f7785; font-size:7px; letter-spacing:.11em; text-transform:uppercase; }
.maintenance-countdown { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:9px; }
.maintenance-countdown > div { min-width:0; padding:15px 8px 12px; border:1px solid rgba(255,255,255,.08); border-radius:13px; background:rgba(255,255,255,.025); }
.maintenance-countdown strong,.maintenance-countdown span { display:block; }
.maintenance-countdown strong { font:900 clamp(25px,5vw,40px)/1 var(--font-display); font-variant-numeric:tabular-nums; letter-spacing:-.05em; }
.maintenance-countdown span { margin-top:7px; color:#626a77; font-size:6px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.maintenance-countdown > i { color:#3d434e; font:800 20px var(--font-display); font-style:normal; }
.maintenance-end-date { margin-top:16px; padding:13px; border:1px solid rgba(255,255,255,.06); border-radius:12px; background:rgba(0,0,0,.17); }
.maintenance-end-date span,.maintenance-end-date strong,.maintenance-end-date small { display:block; }
.maintenance-end-date span { color:#626a77; font-size:6px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.maintenance-end-date strong { margin-top:5px; font-size:10px; }
.maintenance-end-date small { margin-top:4px; color:#555d69; font-size:7px; }
.maintenance-footer { margin-top:20px; padding-top:17px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid rgba(255,255,255,.07); text-align:left; }
.maintenance-footer > div { display:flex; align-items:center; gap:9px; }
.maintenance-live-dot { width:9px; height:9px; border-radius:50%; background:#34d399; box-shadow:0 0 12px rgba(52,211,153,.5); }
.maintenance-footer p,.maintenance-footer strong,.maintenance-footer small { display:block; margin:0; }
.maintenance-footer strong { font-size:8px; }
.maintenance-footer small { margin-top:3px; color:#59616d; font-size:7px; }
.maintenance-footer a { padding:7px 10px; border:1px solid rgba(255,255,255,.09); border-radius:8px; color:#9ba3af; font-size:8px; font-weight:800; }
.maintenance-footer a:hover { border-color:#39ff14; color:#ff805d; }
.maintenance-admin-link { display:inline-block; margin-top:17px; color:#414854; font-size:7px; }
.maintenance-admin-link:hover { color:#7f8793; }
.maintenance-settings-card { margin-bottom:14px; padding:20px; }
.maintenance-settings-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--border); }
.maintenance-settings-head h3 { margin:3px 0 0; font:800 16px var(--font-display); }
.maintenance-settings-head p { margin:4px 0 0; color:var(--muted); font-size:9px; }
.maintenance-settings-icon { width:42px; height:42px; padding:8px; display:grid; place-items:center; border:1px solid rgba(57,255,20,.25); border-radius:12px; background:rgba(57,255,20,.07); }
.maintenance-settings-icon img { width:100%; height:100%; object-fit:contain; }
.maintenance-admin-layout { display:grid; grid-template-columns:minmax(230px,.72fr) 1.28fr; gap:18px; margin-top:18px; }
.maintenance-admin-preview { min-height:315px; padding:20px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:radial-gradient(circle at 50% 20%,rgba(57,255,20,.09),transparent 38%),#0c0f14; color:#f5f6f8; }
.maintenance-preview-label { align-self:flex-start; color:#5f6774; font-size:6px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.maintenance-preview-logo { width:72px; height:72px; margin-top:12px; display:grid; place-items:center; }
.maintenance-preview-logo img { width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 10px 14px rgba(0,0,0,.4)); animation:maintenanceLogoFloat 3.6s ease-in-out infinite; }
.maintenance-admin-preview > strong { margin-top:11px; font:900 17px var(--font-display); }
.maintenance-admin-preview > small { max-width:220px; margin-top:6px; color:#69717e; font-size:8px; line-height:1.45; }
.maintenance-countdown.compact { width:100%; margin-top:17px; gap:4px; }
.maintenance-countdown.compact > div { padding:8px 3px; border-radius:8px; }
.maintenance-countdown.compact strong { font-size:15px; }
.maintenance-countdown.compact span { margin-top:4px; font-size:5px; }
.maintenance-countdown.compact > i { font-size:10px; }
.maintenance-online { margin-top:17px; padding:7px 10px; display:flex; align-items:center; gap:7px; border:1px solid rgba(52,211,153,.15); border-radius:999px; background:rgba(52,211,153,.06); color:#76e4bd; font-size:7px; font-weight:800; }
.maintenance-online i { width:6px; height:6px; border-radius:50%; background:#34d399; }
.maintenance-config-fields { display:grid; gap:12px; }
.maintenance-master-toggle { padding:13px 14px; display:flex; align-items:center; gap:11px; border:1px solid rgba(57,255,20,.22); border-radius:13px; background:rgba(57,255,20,.055); cursor:pointer; }
.maintenance-master-toggle > input { position:absolute; opacity:0; pointer-events:none; }
.maintenance-master-toggle > input:checked + .switch-visual { background:#39ff14; border-color:#39ff14; }
.maintenance-master-toggle > input:checked + .switch-visual::after { left:18px; background:white; }
.maintenance-master-toggle strong,.maintenance-master-toggle small { display:block; }
.maintenance-master-toggle strong { font-size:10px; }
.maintenance-master-toggle small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.4; }
.maintenance-config-fields textarea { min-height:82px; resize:vertical; }
.maintenance-duration-presets > span { color:var(--muted); font-size:8px; font-weight:800; }
.maintenance-duration-presets > div { margin-top:7px; display:flex; flex-wrap:wrap; gap:6px; }
.maintenance-duration-presets button { padding:6px 9px; border:1px solid var(--border); border-radius:8px; background:var(--surface-2); color:var(--text-soft); font-size:8px; font-weight:800; cursor:pointer; }
.maintenance-duration-presets button:hover { border-color:var(--accent); color:var(--accent); }

@keyframes maintenanceLogoFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-5px) rotate(1deg); } }
@keyframes maintenanceLogoGlow { 0%,100% { opacity:.5; transform:scale(.9); } 50% { opacity:1; transform:scale(1.15); } }
@keyframes maintenanceOrbit { to { transform:rotate(360deg); } }
@keyframes maintenanceGlow { 0%,100% { transform:scale(.9); opacity:.1; } 50% { transform:scale(1.15); opacity:.18; } }
@keyframes maintenanceStatusPulse { 0% { box-shadow:0 0 0 0 rgba(57,255,20,.42); } 70% { box-shadow:0 0 0 7px rgba(57,255,20,0); } 100% { box-shadow:0 0 0 0 rgba(57,255,20,0); } }

@keyframes legendFloat { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-7px) rotate(1.5deg); } }
@keyframes legendGlow { 0%,100% { opacity: .55; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes legendRing { to { transform: rotate(360deg); } }
@keyframes legendDot { to { transform: rotate(360deg); } }
@keyframes binanceLogoFloat { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-2px) scale(1.035); } }
@keyframes binanceLogoGlow { 0%,100% { box-shadow:0 9px 24px rgba(0,0,0,.28),0 0 0 3px rgba(243,186,47,.055); } 50% { box-shadow:0 11px 28px rgba(0,0,0,.34),0 0 0 4px rgba(243,186,47,.11); } }
@keyframes binanceLogoShine { 0%,58% { left:-55%; opacity:0; } 68% { opacity:1; } 88%,100% { left:125%; opacity:0; } }
@keyframes binanceCoinPulse { 0%,100% { box-shadow:0 0 0 0 rgba(20,184,166,0); } 50% { box-shadow:0 0 0 4px rgba(20,184,166,.08); } }

@media (prefers-reduced-motion: reduce) {
  .legend-orbit::before,.legend-orbit-ring-inner,.legend-orbit img,.legend-orbit-dot { animation: none; }
  .contact-option-icon img { animation:none; }
  .binance-checkout-logo.provider-binance,.binance-checkout-logo.provider-binance::after,.binance-checkout-logo.provider-binance img,.crypto-network-option.active i { animation:none; }
  .maintenance-glow,.maintenance-logo-orbit::before,.maintenance-logo-orbit img,.maintenance-orbit-ring.inner,.maintenance-orbit-dot,.maintenance-status i,.maintenance-preview-logo img { animation:none; }
  .discord-v3-close,.discord-v3-benefits > div,.discord-v3-oauth,.discord-v3-oauth b { transition: none; }
}

@media (max-width:1100px) {
  .checkout-grid { grid-template-columns:1fr; }
  .payment-panel { position:static; }
  .stat-grid { grid-template-columns:1fr 1fr; }
  .product-grid { grid-template-columns:1fr 1fr; }
  .dashboard-grid,.bottom-grid { grid-template-columns:1fr; }
  .payment-admin-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:820px) {
  .admin-shell { grid-template-columns:1fr; }
  .sidebar { transform:translateX(-100%); transition:.25s ease; box-shadow:var(--shadow); }
  .sidebar.open { transform:none; }
  .admin-main { grid-column:1; }
  .mobile-menu { display:grid; }
  .search { display:none; }
  .content { padding:22px 18px; }
  .admin-topbar { padding:0 18px; }
  .settings-grid { grid-template-columns:1fr; }
  .payment-summary { grid-template-columns:1fr 1fr; }
  .currency-grid { grid-template-columns:1fr; }
  .discord-setup-layout { grid-template-columns:1fr; }
  .maintenance-admin-layout { grid-template-columns:1fr; }
  .discord-settings-footer { align-items:flex-start; flex-direction:column; }
}
@media (max-width:650px) {
  .maintenance-page { padding:18px 12px; }
  .maintenance-shell { padding:28px 18px 20px; border-radius:19px; }
  .maintenance-logo-orbit { width:72px; height:72px; }
  .maintenance-logo-orbit img { width:52px; height:52px; }
  .maintenance-shell h1 { margin-top:15px; font-size:34px; }
  .maintenance-shell > p { font-size:10px; }
  .maintenance-countdown { gap:4px; }
  .maintenance-countdown > div { padding:12px 3px 10px; }
  .maintenance-countdown strong { font-size:24px; }
  .maintenance-countdown > i { font-size:12px; }
  .maintenance-footer { align-items:flex-start; flex-direction:column; }
  .maintenance-settings-head { grid-template-columns:auto 1fr; align-items:start; }
  .maintenance-settings-head > .status { grid-column:1/-1; width:max-content; }
  .modal-backdrop { padding: 12px; }
  .modal:has(.discord-login-v3) { width: min(410px,100%); max-height: calc(100vh - 24px); }
  .discord-login-v3 { grid-template-columns: 1fr; }
  .discord-v3-art { min-height: 112px; padding: 15px 20px; display: block; border-right: 0; border-bottom: 1px solid #242832; }
  .legend-orbit { width: 96px; height: 96px; margin: -7px auto 0; }
  .legend-orbit-ring { inset: 4px; }
  .legend-orbit-ring-inner { inset: 17px; }
  .legend-orbit img { width: 75px; height: 75px; }
  .legend-orbit-dot-one { top: 3px; left: 46px; transform-origin: 2px 45px; }
  .legend-orbit-dot-two { top: 15px; left: 14px; transform-origin: 34px 33px; }
  .legend-orbit-dot-three { right: 9px; bottom: 21px; transform-origin: -38px -27px; }
  .discord-v3-art-copy { display: none; }
  .discord-v3-panel { padding: 23px 20px 17px; }
  .discord-v3-kicker { padding-right: 28px; }
  .discord-v3-heading { margin-top: 15px; }
  .discord-v3-heading h2 { font-size: 22px; }
  .discord-v3-benefits { margin: 14px 0; }
  .container { width:min(100% - 24px,1180px); }
  .topbar { height:68px; }
  .brand-mark { width:35px; height:35px; }
  .brand-sub,.demo-badge { display:none; }
  .checkout-page .top-actions > .secondary-btn { display:none; }
  .checkout-wrap { padding:25px 0 45px; }
  .checkout-intro { display:block; }
  .checkout-intro p { margin-top:10px; }
  .product-panel,.payment-panel { padding:17px; border-radius:15px; }
  .product-gallery { grid-template-columns:1fr; }
  .thumb-list { flex-direction:row; order:2; }
  .thumb { width:54px; }
  .product-art { min-height:230px; }
  .product-heading { display:block; }
  .price { margin-top:14px; }
  .features { grid-template-columns:1fr; }
  .product-controls { grid-template-columns:1fr; }
  .method-grid { grid-template-columns:1fr 1fr; }
  .stat-grid { grid-template-columns:1fr; }
  .product-grid { grid-template-columns:1fr; }
  .page-head { align-items:flex-start; }
  .page-actions { width:100%; }
  .page-head { flex-direction:column; }
  .page-actions .primary-btn { flex:1; }
  .toolbar { align-items:flex-start; flex-direction:column; }
  .form-grid { grid-template-columns:1fr; }
  .crypto-option-row { grid-template-columns:24px 1fr 1fr 34px; }
  .crypto-option-row [name="cryptoAddress"],.crypto-option-row [name="cryptoMemo"] { grid-column:2/4; }
  .crypto-option-row .remove-variant { grid-column:4; grid-row:1; }
  .admin-user div:not(.avatar) { display:none; }
  .coupon-row { flex-direction:column; }
  .manual-checkout-grid { grid-template-columns:1fr; }
  .binance-manual-checkout { padding:14px; }
  .binance-manual-checkout .manual-checkout-head { align-items:flex-start; flex-direction:column; }
  .binance-manual-checkout .manual-head-actions { width:100%; justify-content:space-between; }
  .crypto-network-list { grid-template-columns:1fr 1fr; }
  .crypto-network-option { min-height:55px; padding:9px; }
  .binance-address-block > div { grid-template-columns:1fr; }
  .binance-address-block button { justify-self:start; }
  .binance-evidence-grid > .field { padding:10px; }
  .manual-checkout-grid.without-qr .manual-payment-info { grid-template-columns:1fr; }
  .manual-checkout-grid.without-qr .manual-payment-info p { grid-column:auto; }
  .qr-frame { width:150px; margin:auto; }
  .payment-section-head { align-items:flex-start; flex-direction:column; }
  .payment-admin-grid { grid-template-columns:1fr; }
  .fee-grid { grid-template-columns:1fr; }
  .fx-sync-card { grid-template-columns:auto 1fr; }
  .fx-auto-toggle,.fx-sync-card > .primary-btn { grid-column:1/-1; justify-content:space-between; }
  .payment-summary { grid-template-columns:1fr; }
  .qr-upload-row { grid-template-columns:1fr; }
  .qr-preview { margin:auto; }
  .buyer-mode-tabs { grid-template-columns:1fr; }
  .discord-account-card { grid-template-columns:auto 1fr; }
  .discord-logout-btn { grid-column:1/-1; width:100%; }
  .discord-permissions { grid-template-columns:1fr; }
  .discord-settings-grid { grid-template-columns:1fr; }
  .discord-settings-grid > * { grid-column:1!important; }
  .settings-submit-row { flex-direction:column; }
  .discord-login-hero { align-items:flex-start; justify-content:center; flex-direction:column; gap:0; }
  .discord-secure-pill { display:none; }
  .discord-benefits { grid-template-columns:1fr; }
  .discord-settings-head { grid-template-columns:auto 1fr; }
  .discord-settings-head > .status { grid-column:1/-1; width:max-content; }
  .discord-settings-footer > div:last-child { width:100%; flex-direction:column; }
  .currency-options { grid-template-columns:1fr 1fr; }
  .country-select-row { grid-template-columns:1fr; }
  .variant-form-row { grid-template-columns:26px 1fr 34px; }
  .variant-form-row > input:nth-of-type(2),.variant-form-row .price-input { grid-column:2/3; }
  .variant-form-row .remove-variant { grid-column:3; grid-row:1; }
  .currency-explainer { grid-template-columns:auto 1fr; }
  .base-currency { grid-column:2; text-align:left; }
  .currency-savebar { align-items:stretch; flex-direction:column; }
  .payment-window-main { grid-template-columns:auto 1fr; }
  .payment-countdown { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left; padding-top:8px; border-top:1px solid var(--border); }
  .payment-countdown strong { margin:0; }
}
/* PHP bootstrap, protected admin access and server error states */
.app-loading,
.app-error,
.admin-login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px 20px;
  background: var(--bg);
}

.app-loading {
  position: relative;
  overflow: hidden;
  align-content: center;
  gap: 16px;
  color: var(--text-soft);
  background: radial-gradient(circle at 50% 46%, rgba(57,255,20,.065), transparent 28%), #090a0d;
  text-align: center;
}

.loading-logo {
  position: relative;
  width: 132px;
  height: 132px;
  margin-inline: auto;
  display: grid;
  place-items: center;
}
.loading-logo::before { content:""; position:absolute; inset:29px; border-radius:50%; background:rgba(57,255,20,.18); filter:blur(18px); animation:loaderGlow 2.4s ease-in-out infinite; }
.loading-logo img { position:relative; z-index:3; width:112px; height:84px; object-fit:contain; filter:drop-shadow(0 12px 18px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(57,255,20,.16)); animation:loaderLogo 2.4s ease-in-out infinite; }
.loading-ring { position:absolute; border-radius:50%; border:1px solid rgba(57,255,20,.24); }
.loading-ring.outer { inset:2px; border-color:rgba(57,255,20,.22); animation:loaderSpin 8s linear infinite; }
.loading-ring.inner { inset:16px; border-style:dashed; border-color:rgba(255,255,255,.11); animation:loaderSpin 12s linear infinite reverse; }
.loading-orbit-dot { position:absolute; z-index:4; top:0; left:63px; width:7px; height:7px; border-radius:50%; background:#39ff14; box-shadow:0 0 14px rgba(57,255,20,.85); transform-origin:3px 66px; animation:loaderSpin 3.8s linear infinite; }
.loading-copy span,.loading-copy strong,.loading-copy small { display:block; }
.loading-copy span { color:var(--accent); font-size:7px; font-weight:900; letter-spacing:.2em; }
.loading-copy strong { margin-top:7px; color:#f5f6f8; font:800 15px var(--font-display); }
.loading-copy small { margin-top:6px; color:#66707e; font-size:9px; }
.loading-progress { width:170px; height:3px; margin-inline:auto; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); }
.loading-progress i { display:block; width:42%; height:100%; border-radius:inherit; background:linear-gradient(90deg,transparent,#39ff14,#ff8a68,transparent); animation:loaderProgress 1.35s ease-in-out infinite; }
.loading-atmosphere { position:absolute; width:320px; height:320px; border-radius:50%; filter:blur(100px); opacity:.09; pointer-events:none; }
.loading-atmosphere.one { top:-170px; left:-130px; background:#39ff14; }
.loading-atmosphere.two { right:-140px; bottom:-180px; background:#5865f2; }
@keyframes loaderSpin { to { transform:rotate(360deg); } }
@keyframes loaderLogo { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-6px) scale(1.025); } }
@keyframes loaderGlow { 0%,100% { opacity:.55; transform:scale(.85); } 50% { opacity:1; transform:scale(1.2); } }
@keyframes loaderProgress { 0% { transform:translateX(-130%); } 100% { transform:translateX(340%); } }
@keyframes qrScanner { 0%,100% { top:12%; opacity:.2; } 50% { top:87%; opacity:.75; } }

@media (prefers-reduced-motion: reduce) {
  .loading-logo::before,.loading-logo img,.loading-ring,.loading-orbit-dot,.loading-progress i,.qr-modal-stage::after { animation:none; }
}

.app-error .card,
.admin-login-card {
  width: min(100%, 480px);
  padding: 34px;
}

.app-error h1,
.admin-login-card h1 {
  margin: 10px 0 8px;
  font-family: var(--font-display);
}

/* Páginas legales */
.legal-page-body { min-width:320px; min-height:100vh; margin:0; overflow-x:hidden; color:var(--text); background:radial-gradient(circle at 18% -8%,rgba(57,255,20,.13),transparent 34%),radial-gradient(circle at 92% 105%,rgba(88,101,242,.1),transparent 32%),var(--bg); }
.legal-page-shell { min-height:100vh; }
.legal-topbar { height:68px; display:flex; align-items:center; border-bottom:1px solid var(--border); background:rgba(9,10,13,.86); backdrop-filter:blur(18px); }
.legal-topbar-inner { width:calc(100% - 32px); max-width:920px; margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.legal-back { min-height:36px; padding:0 13px; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text-soft); font-size:10px; font-weight:800; text-decoration:none; transition:.18s ease; }
.legal-back:hover,.legal-back:focus-visible { border-color:var(--accent-border); color:var(--text); transform:translateX(-2px); outline:none; }
.legal-main { width:calc(100% - 32px); max-width:920px; margin-inline:auto; padding:48px 0 64px; }
.legal-hero { margin-bottom:20px; padding:0 4px; }
.legal-hero .eyebrow { color:var(--accent); }
.legal-hero h1 { margin:8px 0 9px; font:800 clamp(25px,5vw,38px)/1.08 var(--font-display); letter-spacing:-.04em; }
.legal-hero p { max-width:700px; margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.legal-document { width:100%; max-width:100%; overflow:hidden; border:1px solid var(--border-strong); border-radius:18px; background:linear-gradient(145deg,rgba(23,25,31,.97),rgba(14,16,20,.98)); box-shadow:0 28px 80px rgba(0,0,0,.34); animation:legal-document-in .42s ease-out both; }
.legal-document-head { padding:22px 26px; display:flex; align-items:center; gap:14px; border-bottom:1px solid var(--border); background:linear-gradient(90deg,rgba(57,255,20,.08),transparent 50%); }
.legal-document-icon { width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; border:1px solid var(--accent-border); border-radius:12px; background:var(--accent-soft); color:var(--accent); font-size:16px; font-weight:900; box-shadow:0 8px 24px rgba(57,255,20,.1); }
.legal-document-head div { min-width:0; }
.legal-document-head strong,.legal-document-head small { display:block; }
.legal-document-head strong { font:800 16px/1.2 var(--font-display); }
.legal-document-head small { margin-top:4px; color:var(--muted); font-size:9px; }
.legal-content { min-width:0; max-width:100%; padding:27px 30px 30px; overflow-wrap:anywhere; color:var(--text-soft); font-size:11px; line-height:1.65; }
.legal-intro { margin:0 0 24px; padding:13px 15px; border-left:3px solid var(--accent); border-radius:0 9px 9px 0; background:var(--accent-soft); color:var(--text); }
.legal-section + .legal-section { margin-top:23px; }
.legal-section h2 { margin:0 0 8px; display:flex; align-items:center; gap:9px; color:var(--text); font:800 13px/1.35 var(--font-display); }
.legal-section h2 span { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; border-radius:7px; background:var(--surface-3); color:var(--accent); font-size:9px; }
.legal-section p { margin:0; }
.legal-section p + p { margin-top:10px; }
.legal-section ul { margin:0; padding-left:19px; display:grid; gap:6px; }
.legal-section li::marker { color:var(--accent); }
.legal-section,.legal-section p,.legal-section li { min-width:0; max-width:100%; }
.legal-acceptance-note { margin-top:27px; padding:13px 15px; display:flex; gap:10px; border:1px solid rgba(52,211,153,.22); border-radius:11px; background:rgba(52,211,153,.055); color:var(--text-soft); font-size:10px; }
.legal-acceptance-note span { width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; border-radius:6px; background:rgba(52,211,153,.14); color:#34d399; font-weight:900; }
.legal-acceptance-note p { margin:0; }
.legal-footer { padding:22px 0 0; color:var(--muted); text-align:center; font-size:9px; }
@keyframes legal-document-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:600px) {
  .legal-topbar { height:61px; }
  .legal-main { width:calc(100% - 20px); padding:32px 0 44px; }
  .legal-topbar-inner { width:calc(100% - 20px); gap:10px; }
  .legal-document { border-radius:14px; }
  .legal-document-head { padding:18px; }
  .legal-content { padding:21px 18px 23px; font-size:10.5px; }
  .legal-hero h1 { font-size:26px; }
  .legal-back { padding:0 10px; }
  .legal-topbar .brand-sub { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .legal-document { animation:none; }
  .legal-back { transition:none; }
}

/* Seguimiento privado de pagos */
.payment-status-page { position:relative; min-height:100vh; overflow:hidden; color:var(--text); background:radial-gradient(circle at 50% -10%,rgba(57,255,20,.13),transparent 34%),radial-gradient(circle at 100% 100%,rgba(88,101,242,.09),transparent 32%),var(--bg); }
.status-atmosphere { position:fixed; width:360px; height:360px; border-radius:50%; filter:blur(110px); opacity:.08; pointer-events:none; }
.status-atmosphere.one { top:-190px; left:-150px; background:var(--accent); }
.status-atmosphere.two { right:-190px; bottom:-210px; background:#5865f2; }
.payment-status-topbar { position:relative; z-index:2; min-height:67px; padding:0 max(18px,calc((100vw - 920px)/2)); display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--border); background:rgba(9,10,13,.82); backdrop-filter:blur(18px); }
.payment-status-topbar > a { min-height:36px; padding:0 13px; display:inline-flex; align-items:center; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text-soft); font-size:10px; font-weight:800; text-decoration:none; transition:.18s ease; }
.payment-status-topbar > a:hover { border-color:var(--accent-border); color:var(--text); }
.payment-status-shell { position:relative; z-index:1; width:min(calc(100% - 28px),700px); margin-inline:auto; padding:42px 0 58px; }
.payment-status-hero { display:flex; align-items:center; flex-direction:column; text-align:center; }
.status-logo-orbit { position:relative; width:92px; height:92px; margin-bottom:19px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,rgba(57,255,20,.13),transparent 66%); }
.status-logo-orbit::before,.status-logo-orbit::after { content:""; position:absolute; inset:5px; border:1px solid rgba(57,255,20,.25); border-radius:50%; }
.status-logo-orbit::before { border-top-color:var(--accent); animation:status-orbit 5s linear infinite; }
.status-logo-orbit::after { inset:14px; border-style:dashed; opacity:.5; animation:status-orbit 8s linear infinite reverse; }
.status-logo-orbit > i { position:absolute; width:8px; height:8px; top:8px; right:16px; border-radius:50%; background:var(--accent); box-shadow:0 0 14px var(--accent); animation:status-dot 2s ease-in-out infinite; }
.status-logo-orbit img { position:relative; z-index:1; width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 9px 20px rgba(57,255,20,.26)); animation:status-logo-float 2.8s ease-in-out infinite; }
.status-logo-orbit.complete::before { border-top-color:#34d399; border-right-color:#34d399; }
.status-logo-orbit.complete > i { background:#34d399; box-shadow:0 0 14px #34d399; }
.status-logo-orbit.cancelled::before { border-top-color:#fb7185; }
.status-logo-orbit.cancelled > i { background:#fb7185; box-shadow:0 0 14px #fb7185; }
.payment-status-hero .eyebrow { color:var(--accent); }
.payment-status-hero h1 { margin:8px 0 8px; font:800 clamp(28px,6vw,42px)/1.08 var(--font-display); letter-spacing:-.045em; }
.payment-status-hero > p { max-width:510px; margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.status-live-pill { margin-top:15px; padding:7px 11px; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--accent-border); border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.status-live-pill i { width:6px; height:6px; border-radius:50%; background:currentColor; animation:status-live 1.8s ease-out infinite; }
.status-live-pill.complete { border-color:rgba(52,211,153,.25); background:rgba(52,211,153,.07); color:#34d399; }
.status-live-pill.cancelled { border-color:rgba(251,113,133,.25); background:rgba(251,113,133,.07); color:#fb7185; }
.payment-status-card { margin-top:27px; padding:22px; border:1px solid var(--border-strong); border-radius:18px; background:linear-gradient(145deg,rgba(23,25,31,.97),rgba(14,16,20,.98)); box-shadow:0 30px 80px rgba(0,0,0,.36); animation:status-card-in .38s ease-out both; }
.status-order-head { padding-bottom:16px; display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--border); }
.status-order-head > div:last-child { text-align:right; }
.status-order-head span,.status-order-head strong { display:block; }
.status-order-head span { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.status-order-head strong { margin-top:4px; color:var(--text); font:800 13px var(--font-display); }
.status-product { margin:16px 0; padding:12px; display:flex; align-items:center; gap:11px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.status-product-icon { width:35px; height:35px; flex:0 0 35px; display:grid; place-items:center; border-radius:10px; background:var(--accent-soft); color:var(--accent); font-size:14px; }
.status-product div { min-width:0; }
.status-product strong,.status-product small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.status-product strong { font-size:11px; }
.status-product small { margin-top:4px; color:var(--muted); font-size:8px; }
.review-estimate { margin-bottom:18px; padding:14px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; border:1px solid rgba(57,255,20,.2); border-radius:13px; background:rgba(57,255,20,.045); }
.review-estimate span,.review-estimate strong,.review-estimate small { display:block; }
.review-estimate span { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.review-estimate strong { margin-top:4px; font:800 13px var(--font-display); }
.review-estimate small { margin-top:5px; color:var(--text-soft); font-size:8px; }
.review-clock { min-width:118px; text-align:right; }
.review-clock strong { color:var(--accent); font:800 19px var(--font-mono); letter-spacing:.04em; }
.status-timeline { display:grid; }
.status-stage { position:relative; min-height:65px; padding:0 0 15px 46px; display:flex; align-items:flex-start; }
.status-stage:last-child { min-height:auto; padding-bottom:0; }
.status-stage::before { content:""; position:absolute; top:31px; bottom:0; left:15px; width:1px; background:var(--border-strong); }
.status-stage:last-child::before { display:none; }
.status-stage > span { position:absolute; top:0; left:0; width:31px; height:31px; display:grid; place-items:center; border:1px solid var(--border-strong); border-radius:9px; background:var(--surface-2); color:var(--muted); font-size:9px; font-weight:900; }
.status-stage > div { padding-top:1px; min-width:0; }
.status-stage strong,.status-stage small { display:block; }
.status-stage strong { color:var(--text-soft); font-size:11px; }
.status-stage small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.5; }
.status-stage.done > span { border-color:rgba(52,211,153,.27); background:rgba(52,211,153,.1); color:#34d399; }
.status-stage.done::before { background:linear-gradient(#34d399,var(--border-strong)); }
.status-stage.done strong { color:var(--text); }
.status-stage.active > span { border-color:var(--accent); background:var(--accent); color:#fff; box-shadow:0 0 0 5px var(--accent-soft); }
.status-stage.active strong { color:var(--text); }
.status-stage.active > i { position:absolute; top:8px; right:4px; width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 0 rgba(57,255,20,.35); animation:status-live 1.8s ease-out infinite; }
.status-security-note,.status-help { margin-top:20px; padding:12px 13px; display:flex; align-items:flex-start; gap:10px; border:1px solid rgba(52,211,153,.18); border-radius:11px; background:rgba(52,211,153,.045); }
.status-security-note > span,.status-help > span { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; border-radius:7px; background:rgba(52,211,153,.1); color:#34d399; font-size:10px; }
.status-security-note p,.status-help small { margin:0; color:var(--text-soft); font-size:8px; line-height:1.55; }
.status-help { border-color:rgba(251,113,133,.18); background:rgba(251,113,133,.045); }
.status-help > span { background:rgba(251,113,133,.1); color:#fb7185; }
.status-help strong,.status-help small { display:block; }
.status-help strong { margin-bottom:3px; font-size:10px; }
.payment-status-foot { margin:14px 0 0; color:var(--muted); text-align:center; font-size:8px; }
.payment-status-loading,.payment-status-error { position:relative; z-index:2; width:min(calc(100% - 28px),440px); min-height:100vh; margin:auto; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.payment-status-loading > span { color:var(--accent); font-size:8px; font-weight:800; letter-spacing:.13em; }
.payment-status-loading > strong { margin-top:7px; font:800 20px var(--font-display); }
.payment-status-loading > small { margin-top:5px; color:var(--muted); font-size:9px; }
.payment-status-error { min-height:auto; margin-top:80px; padding:34px; }
.payment-status-error > span { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:rgba(251,113,133,.1); color:#fb7185; font-weight:900; }
.payment-status-error h1 { margin:14px 0 7px; font:800 22px var(--font-display); }
.payment-status-error p { margin:0 0 18px; color:var(--muted); font-size:10px; }
@keyframes status-orbit { to { transform:rotate(360deg); } }
@keyframes status-dot { 0%,100% { transform:scale(.75); opacity:.55; } 50% { transform:scale(1.15); opacity:1; } }
@keyframes status-logo-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@keyframes status-live { 0% { box-shadow:0 0 0 0 currentColor; } 75%,100% { box-shadow:0 0 0 7px transparent; } }
@keyframes status-card-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:600px) {
  .payment-status-topbar { min-height:61px; padding:0 10px; }
  .payment-status-topbar .brand-sub { display:none; }
  .payment-status-topbar > a { padding:0 9px; font-size:8px; }
  .payment-status-shell { width:calc(100% - 20px); padding:31px 0 42px; }
  .status-logo-orbit { width:82px; height:82px; }
  .status-logo-orbit img { width:52px; height:52px; }
  .payment-status-card { padding:16px; border-radius:15px; }
  .review-estimate { grid-template-columns:1fr; gap:11px; }
  .review-clock { padding-top:10px; border-top:1px solid rgba(255,255,255,.07); text-align:left; }
  .payment-status-hero h1 { font-size:29px; }
}

@media (prefers-reduced-motion:reduce) {
  .status-logo-orbit::before,.status-logo-orbit::after,.status-logo-orbit > i,.status-logo-orbit img,.status-live-pill i,.status-stage.active > i,.payment-status-card { animation:none; }
}

.app-error p,
.admin-login-card p {
  color: var(--text-soft);
  line-height: 1.65;
}

.app-error code {
  color: var(--accent);
}

.admin-login-card {
  display: grid;
  gap: 26px;
}

.admin-login-card > .brand {
  padding-bottom: 22px;
  border-bottom: 1px solid var(--border);
}

.admin-login-card .secondary-btn {
  text-decoration: none;
}

@media (max-width: 560px) {
  .payment-qr-modal { padding:18px 14px 15px; }
  .qr-modal-heading { padding-right:32px; }
  .qr-modal-heading p { display:none; }
  .qr-modal-stage { margin-top:17px; padding:0; border-radius:17px; }
  .qr-modal-footer { align-items:stretch; flex-direction:column; }
  .qr-modal-footer .secondary-btn { width:100%; }
  .qr-exact-amount { grid-template-columns:1fr auto; }
  .qr-exact-amount > span { grid-column:1/-1; }
  .qr-exact-amount > strong { text-align:left; }
  .binance-exact-amount { align-items:stretch; flex-direction:column; }
  .buyer-mode-settings-card { grid-template-columns:1fr; }
  .order-detail-grid { grid-template-columns:1fr; }
  .order-contact-panel { align-items:stretch; flex-direction:column; }
  .order-contact-panel > div:last-child { justify-content:stretch; }
  .order-contact-panel > div:last-child > * { flex:1; text-align:center; }
  .app-error .card,
  .admin-login-card {
    padding: 24px;
  }
}
/* Payment test environment and safe order management */
.test-method-card{border-color:rgba(122,102,255,.42);box-shadow:inset 0 1px 0 rgba(139,123,255,.1)}
.test-admin-badge,.archive-badge,.checkout-test-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;border:1px solid rgba(139,123,255,.45);border-radius:999px;padding:4px 8px;background:rgba(104,83,255,.12);color:#a99dff;font-size:9px;font-weight:900;letter-spacing:.09em;white-space:nowrap}
.archive-badge{border-color:var(--border);background:var(--surface-3);color:var(--muted)}
.method-behavior-editor{display:grid;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(145deg,rgba(113,94,255,.07),transparent 48%),var(--surface-2)}
.method-behavior-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.method-behavior-head>div{display:grid;gap:4px}.method-behavior-head small{color:var(--muted)}
.method-behavior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.method-behavior-grid .protection{margin:0;min-height:76px}.test-mode-control{border-color:rgba(122,102,255,.32)!important;background:rgba(98,79,255,.07)!important}
.method-country-editor{display:grid;gap:13px;padding:16px;border:1px solid rgba(52,211,153,.2);border-radius:var(--radius-sm);background:linear-gradient(145deg,rgba(52,211,153,.055),transparent 52%),var(--surface-2)}
.method-country-editor .method-behavior-head>span{padding:5px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.country-assignment-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.country-mode-option{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;transition:.18s ease}.country-mode-option>input{position:absolute;opacity:0;pointer-events:none}.country-mode-option>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--surface-3);color:var(--muted);font-weight:900}.country-mode-option strong,.country-mode-option small{display:block}.country-mode-option strong{font-size:10px}.country-mode-option small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}.country-mode-option:hover{transform:translateY(-1px);border-color:var(--border-strong)}.country-mode-option.selected,.country-mode-option:has(input:checked){border-color:rgba(52,211,153,.46);background:rgba(52,211,153,.075);box-shadow:inset 0 0 0 1px rgba(52,211,153,.1)}.country-mode-option.selected>span,.country-mode-option:has(input:checked)>span{background:rgba(52,211,153,.15);color:var(--green)}.method-country-custom-fields{display:grid;gap:10px;transition:.18s ease}.method-country-editor:has(input[name="countryAssignmentMode"][value="auto"]:checked) .method-country-custom-fields{opacity:.38;filter:saturate(.45);pointer-events:none}.method-country-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.country-availability-option{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer;transition:.18s ease}.country-availability-option>input{position:absolute;opacity:0;pointer-events:none}.country-availability-option>span{width:31px;height:29px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);color:var(--muted);font-size:8px;font-weight:900}.country-availability-option strong,.country-availability-option small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-availability-option strong{font-size:9px}.country-availability-option small{margin-top:3px;color:var(--muted);font-size:7px}.country-availability-option:hover{border-color:var(--border-strong);transform:translateY(-1px)}.country-availability-option.selected,.country-availability-option:has(input:checked){border-color:rgba(52,211,153,.42);background:rgba(52,211,153,.07);box-shadow:inset 0 0 0 1px rgba(52,211,153,.11)}.country-availability-option.selected>span,.country-availability-option:has(input:checked)>span{background:rgba(52,211,153,.14);color:var(--green)}
.coupon-product-list{display:grid;gap:7px;max-height:260px;overflow-y:auto;padding-right:2px}
.coupon-product-row{position:relative;display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer;transition:.15s ease}
.coupon-product-row>input{position:absolute;opacity:0;pointer-events:none}
.coupon-product-check{flex:0 0 auto;width:19px;height:19px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface-2);display:grid;place-items:center;color:transparent;font-size:11px;font-weight:900;transition:.15s ease}
.coupon-product-name{flex:1;min-width:0;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coupon-product-price{flex:0 0 auto;color:var(--muted);font-size:9px;font-weight:700}
.coupon-product-row:hover{border-color:var(--border-strong);transform:translateY(-1px)}
.coupon-product-row.selected,.coupon-product-row:has(input:checked){border-color:rgba(52,211,153,.42);background:rgba(52,211,153,.07);box-shadow:inset 0 0 0 1px rgba(52,211,153,.11)}
.coupon-product-row.selected .coupon-product-check,.coupon-product-row:has(input:checked) .coupon-product-check{background:var(--green);border-color:var(--green);color:var(--surface)}
.coupon-product-row.selected .coupon-product-price,.coupon-product-row:has(input:checked) .coupon-product-price{color:var(--green)}
.global-country-option{margin:0}.method-market-summary{margin-top:9px;padding:9px 10px;display:grid;gap:4px;border:1px solid rgba(52,211,153,.17);border-radius:10px;background:rgba(52,211,153,.035)}.method-market-summary span{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.method-market-summary strong{overflow:hidden;text-overflow:ellipsis;color:var(--green);font-size:9px;white-space:nowrap}
.zelle-business-note{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(123,44,191,.32);border-radius:11px;background:linear-gradient(120deg,rgba(123,44,191,.12),rgba(123,44,191,.035))}.zelle-business-note>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#6d1ba6;color:white;font-weight:900}.zelle-business-note>div{display:grid;gap:3px}.zelle-business-note small{color:var(--muted);line-height:1.45}
.payment-country-context{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px}.payment-country-context .field-label{margin:0}.payment-country-context small{color:var(--green);font-size:8px;font-weight:800;text-align:right}
.test-payment-window{border-color:rgba(132,112,255,.48)!important;background:linear-gradient(120deg,rgba(97,75,255,.12),var(--surface-2))!important}.payment-window.no-timer .payment-window-main{align-items:center}.payment-window.no-timer{padding-bottom:16px}.test-mode-note{border-color:rgba(124,104,255,.42)!important;background:rgba(99,78,255,.09)!important}
.method-no-evidence{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(52,211,153,.25);border-radius:var(--radius-sm);background:rgba(52,211,153,.06)}.method-no-evidence>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(52,211,153,.14);color:#34d399}.method-no-evidence>div{display:grid;gap:3px}.method-no-evidence small{color:var(--muted)}
.field label em{margin-left:5px;color:var(--accent);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.order-id-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.test-order-row{background:rgba(104,83,255,.035)}.archived-order-row{opacity:.7}.order-admin-note,.order-edit-safety{margin-top:14px;padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.order-admin-note span,.order-edit-safety span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.order-admin-note p,.order-edit-safety p{margin:5px 0 0;color:var(--text-soft)}
.danger-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,91,97,.42);border-radius:10px;padding:10px 14px;background:rgba(255,74,82,.09);color:#ff8b90;font:inherit;font-weight:800;cursor:pointer}.danger-btn:hover{background:rgba(255,74,82,.17);transform:translateY(-1px)}
.confirm-order-removal{display:grid;justify-items:center;text-align:center;gap:12px;padding:8px}.confirm-order-removal p{max-width:490px;margin:0;color:var(--muted);line-height:1.6}.confirm-order-removal>strong{padding:10px 14px;border-radius:10px;background:var(--surface-2)}.danger-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,74,82,.12);border:1px solid rgba(255,74,82,.35);color:#ff747a;font-size:22px;font-weight:900}
@media(max-width:680px){.method-behavior-grid,.method-country-grid,.country-assignment-selector{grid-template-columns:1fr}.checkout-test-badge{order:3}.payment-window.no-timer .payment-window-main{align-items:flex-start}.payment-country-context{align-items:flex-start;flex-direction:column}.payment-country-context small{text-align:left}}

/* Secure manual license delivery */
.order-delivery-ready{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px solid rgba(52,211,153,.28);border-radius:var(--radius-sm);background:rgba(52,211,153,.06)}.order-delivery-ready>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:rgba(52,211,153,.14);color:#34d399;font-weight:900}.order-delivery-ready div{display:grid;gap:3px}.order-delivery-ready p{margin:0;color:var(--muted)}
.license-delivered-label{display:block;margin-top:5px;color:#34d399;font-size:9px;font-weight:800}.delivery-modal-loading{display:grid;justify-items:center;gap:9px;padding:28px;text-align:center}.delivery-modal-loading>small{color:var(--muted)}
.license-delivery-editor{display:grid;gap:15px}.delivery-recipient{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.delivery-recipient>span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.delivery-recipient>div{display:grid;gap:2px;flex:1}.delivery-recipient>div small{color:var(--muted)}.delivery-recipient>i{border:1px solid rgba(52,211,153,.25);border-radius:999px;padding:4px 8px;background:rgba(52,211,153,.07);color:#34d399;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}
.delivery-license-input{min-height:92px;font-size:14px;letter-spacing:.03em}.delivery-instructions{min-height:120px;line-height:1.6}.delivery-secret-input{position:relative}.delivery-secret-input .input{padding-right:72px}.delivery-secret-input button{position:absolute;right:8px;top:50%;translate:0 -50%;border:0;background:transparent;color:var(--accent);font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.delivery-security-banner{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(91,111,255,.27);border-radius:var(--radius-sm);background:rgba(74,93,255,.06)}.delivery-security-banner>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(91,111,255,.13);color:#8fa1ff}.delivery-security-banner>div{display:grid;gap:3px}.delivery-security-banner p{margin:0;color:var(--muted);line-height:1.45}.delivery-audit{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}
.status-license-ready{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:18px 0;padding:16px;border:1px solid rgba(52,211,153,.34);border-radius:14px;background:linear-gradient(120deg,rgba(52,211,153,.09),rgba(52,211,153,.025));box-shadow:0 18px 45px rgba(0,0,0,.18)}.status-license-icon{position:relative;display:grid;place-items:center;width:45px;height:45px}.status-license-icon>span{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(52,211,153,.15);border:1px solid rgba(52,211,153,.35);color:#34d399;font-weight:900}.status-license-icon>i{position:absolute;inset:0;border:1px solid rgba(52,211,153,.25);border-radius:15px;animation:license-ready-pulse 2s ease-out infinite}.status-license-ready>div:nth-child(2){display:grid;gap:3px}.status-license-ready>div:nth-child(2)>span{color:#34d399;font-size:8px;font-weight:900;letter-spacing:.12em}.status-license-ready small{color:var(--muted);line-height:1.45}@keyframes license-ready-pulse{0%{scale:.78;opacity:.9}100%{scale:1.25;opacity:0}}
.guest-delivery-modal{position:relative;display:grid;gap:16px;padding:4px}.guest-delivery-success{display:flex;align-items:center;gap:14px;padding:4px 42px 4px 0}.guest-delivery-success>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#0d503f,#12352e);border:1px solid rgba(52,211,153,.4);box-shadow:0 14px 35px rgba(52,211,153,.12);color:#49e4ad;font-size:21px;font-weight:900}.guest-delivery-success>div{display:grid;gap:3px}.guest-delivery-success small{color:#34d399;font-weight:900;letter-spacing:.12em}.guest-delivery-success h2,.guest-delivery-success p{margin:0}.guest-delivery-success p{color:var(--muted)}
.guest-delivery-lock{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.guest-delivery-lock>span{color:#7f92ff}.guest-delivery-lock p{margin:0;color:var(--muted);font-size:10px}.guest-license-fields{display:grid;gap:9px}.guest-license-field{display:grid;gap:6px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:#0d0f13}.guest-license-field>span,.guest-delivery-instructions>span,.guest-license-meta span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.guest-license-field>div{display:flex;align-items:center;gap:12px}.guest-license-field strong{min-width:0;flex:1;overflow-wrap:anywhere;font-family:var(--font-body)}.guest-license-field.license-key{border-color:rgba(57,255,20,.35);background:linear-gradient(120deg,rgba(57,255,20,.08),#0d0f13)}.guest-license-field.license-key strong{color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;letter-spacing:.025em}.guest-license-field button{border:1px solid rgba(57,255,20,.35);border-radius:8px;padding:7px 10px;background:rgba(57,255,20,.08);color:var(--accent);font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.guest-download-btn{display:flex;align-items:center;gap:12px;border:1px solid rgba(91,111,255,.35);border-radius:13px;padding:14px;background:linear-gradient(120deg,rgba(75,91,255,.14),rgba(75,91,255,.04));color:var(--text);text-decoration:none}.guest-download-btn>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(91,111,255,.16);color:#a8b3ff;font-size:18px;font-weight:900}.guest-download-btn>div{display:grid;gap:3px;flex:1}.guest-download-btn small{color:var(--muted)}.guest-download-btn>b{color:#a8b3ff}.guest-download-btn:hover{border-color:#7183ff;transform:translateY(-1px)}
.guest-delivery-instructions{display:grid;gap:7px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.guest-delivery-instructions p{margin:0;color:var(--text-soft);line-height:1.65;white-space:pre-wrap}.guest-license-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.guest-license-meta>div{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.guest-delivery-actions{display:flex;justify-content:flex-end;gap:9px}.guest-delivery-foot{margin:0;text-align:center;color:var(--muted);font-size:9px}
@media(max-width:680px){.delivery-audit{flex-direction:column}.status-license-ready{grid-template-columns:auto 1fr}.status-license-ready .primary-btn{grid-column:1/-1;width:100%}.guest-delivery-success{align-items:flex-start}.guest-license-meta{grid-template-columns:1fr}.guest-delivery-actions{display:grid;grid-template-columns:1fr}.guest-delivery-actions button{width:100%}}

/* Real payment verification, guest media delivery and admin dossier */
.payment-verification-card{position:relative;display:grid;gap:12px;margin:0 0 18px;padding:15px;border:1px solid rgba(91,111,255,.28);border-radius:14px;background:linear-gradient(135deg,rgba(74,93,255,.09),rgba(12,14,18,.82));overflow:hidden}.payment-verification-card.confirmed{border-color:rgba(52,211,153,.35);background:linear-gradient(135deg,rgba(52,211,153,.08),rgba(12,14,18,.85))}.payment-verification-card.mismatch,.payment-verification-card.expired{border-color:rgba(57,255,20,.38);background:linear-gradient(135deg,rgba(57,255,20,.08),rgba(12,14,18,.85))}.payment-verification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.payment-verification-head>div:first-child{display:grid;gap:3px}.payment-verification-head span{color:#8595ff;font-size:8px;font-weight:900;letter-spacing:.12em}.payment-verification-head strong{font:800 14px var(--font-display)}.payment-verification-head small{color:var(--muted)}.verification-countdown{text-align:right}.verification-countdown span,.verification-countdown strong{display:block}.verification-countdown strong{margin-top:3px;font:900 17px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text)}.verification-progress{height:3px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.verification-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6174ff,#34d399);box-shadow:0 0 14px rgba(97,116,255,.5);transition:width .35s ease}.verification-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.verification-facts>div{display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.12)}.verification-facts span{color:var(--muted);font-size:8px}.verification-facts strong{overflow-wrap:anywhere;font-size:10px}.payment-verification-card>p{margin:0;color:var(--text-soft);font-size:9px;line-height:1.5}.payment-verification-card>.ghost-btn{justify-self:start}
.guest-tutorial{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#090b0e}.guest-tutorial>div{display:grid;gap:3px}.guest-tutorial span{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.11em}.guest-tutorial video{display:block;width:100%;max-height:300px;border-radius:10px;background:#000}.guest-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.guest-download-grid .guest-download-btn:only-child{grid-column:1/-1}
.modal:has(.order-dossier){width:min(920px,100%)}.order-dossier{display:grid;gap:15px}.dossier-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.dossier-summary>strong{margin-left:auto;font:900 16px var(--font-display)}.dossier-summary>span:last-child{color:var(--muted);font-size:9px}.dossier-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);overflow-x:auto}.dossier-tabs button{flex:1;border:0;border-radius:8px;padding:9px 12px;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.dossier-tabs button.active{background:rgba(57,255,20,.12);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(57,255,20,.24)}.dossier-panels>[data-dossier-panel]{display:none;animation:fadeIn .16s ease}.dossier-panels>[data-dossier-panel].active{display:grid;gap:14px}.dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dossier-value{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.dossier-value>span,.dossier-link>span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.dossier-value>div{display:flex;align-items:center;gap:9px;min-width:0}.dossier-value strong{flex:1;overflow-wrap:anywhere;font-size:10px}.dossier-value button,.dossier-link button{border:1px solid rgba(57,255,20,.3);border-radius:7px;padding:5px 8px;background:rgba(57,255,20,.06);color:var(--accent);font:inherit;font-size:8px;font-weight:900;cursor:pointer}.dossier-link{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border:1px solid rgba(91,111,255,.25);border-radius:11px;background:rgba(91,111,255,.05)}.dossier-link>span{grid-column:1/-1}.dossier-link code{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#aab4ff;font-size:9px;white-space:nowrap}.dossier-warning{padding:12px;border:1px solid rgba(57,255,20,.3);border-radius:10px;background:rgba(57,255,20,.07);color:#ff9a7d;font-size:10px}.dossier-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.dossier-events{display:grid;gap:0;padding:5px 0}.dossier-event{position:relative;display:flex;gap:12px;padding:0 0 18px 4px}.dossier-event:not(:last-child)::before{content:"";position:absolute;left:8px;top:14px;bottom:0;width:1px;background:var(--border-strong)}.dossier-event>i{position:relative;z-index:1;flex:0 0 10px;width:10px;height:10px;margin-top:4px;border:2px solid var(--surface);border-radius:50%;background:#6275ff;box-shadow:0 0 0 2px rgba(98,117,255,.2)}.dossier-event>div{display:grid;gap:2px}.dossier-event span,.dossier-event small{color:var(--muted);font-size:9px}.empty-state.compact{padding:24px}.empty-state.compact h3,.empty-state.compact p{margin:0}
@media(max-width:680px){.verification-facts,.dossier-grid,.guest-download-grid{grid-template-columns:1fr}.guest-download-grid .guest-download-btn:only-child{grid-column:auto}.payment-verification-head{align-items:flex-start}.dossier-summary{flex-wrap:wrap}.dossier-summary>strong{margin-left:0}.dossier-tabs button{flex:0 0 auto}.modal:has(.order-dossier){padding:15px}}
.crypto-option-row{grid-template-columns:24px minmax(70px,.7fr) minmax(80px,.8fr) 34px}.crypto-option-row [name="cryptoAsset"]{grid-column:2}.crypto-option-row [name="cryptoNetwork"]{grid-column:3}.crypto-option-row [name="cryptoAddress"]{grid-column:2/4;grid-row:2}.crypto-option-row [name="cryptoContract"]{grid-column:2/4;grid-row:3}.crypto-option-row [name="cryptoDecimals"]{grid-column:4;grid-row:3}.crypto-option-row [name="cryptoMemo"]{grid-column:2/4;grid-row:4}.crypto-option-row .remove-variant{grid-column:4;grid-row:1}

/* Encrypted license inventory */
.license-loading{display:grid;justify-items:center;gap:10px;padding:55px;text-align:center}.license-safety-banner{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:15px 17px;border:1px solid rgba(52,211,153,.27);border-radius:14px;background:linear-gradient(120deg,rgba(52,211,153,.08),var(--surface))}.license-safety-banner>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:rgba(52,211,153,.13);color:#3fe0a9;font-size:18px}.license-safety-banner>div{display:grid;gap:3px;flex:1}.license-safety-banner p{margin:0;color:var(--muted);line-height:1.45}.license-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.license-summary-grid>div{display:grid;gap:4px;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--surface),var(--surface-2))}.license-summary-grid span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.license-summary-grid strong{font:900 25px var(--font-display)}.license-summary-grid small{color:var(--text-soft)}.license-pool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.license-pool-card{display:grid;gap:14px;padding:17px;border:1px solid rgba(52,211,153,.22);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(52,211,153,.07),transparent 33%),var(--surface);box-shadow:0 18px 45px rgba(0,0,0,.12)}.license-pool-card.low-stock{border-color:rgba(251,191,36,.38);background:radial-gradient(circle at 100% 0,rgba(251,191,36,.08),transparent 35%),var(--surface)}.license-pool-card.inactive{opacity:.7;border-color:var(--border)}.license-pool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.license-pool-head>div{display:grid;gap:4px}.license-pool-head h3,.license-pool-head p{margin:0}.license-pool-head p{color:var(--muted);font-size:10px}.license-stock-pill{display:inline-flex;border:1px solid rgba(52,211,153,.28);border-radius:999px;padding:6px 9px;background:rgba(52,211,153,.08);color:#43dda9;font-size:9px;font-weight:900;white-space:nowrap}.license-stock-pill.warning{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.09);color:#f4c84f}.license-pool-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.license-pool-stats>div{display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.license-pool-stats span{color:var(--muted);font-size:8px}.license-pool-stats strong{font-size:13px}.license-recent-list{display:grid;border:1px solid var(--border);border-radius:11px;background:#0b0d11;overflow:hidden}.license-recent-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 11px}.license-recent-list>div+div{border-top:1px solid var(--border)}.license-recent-list code{overflow:hidden;text-overflow:ellipsis;color:var(--text-soft);font-size:9px;white-space:nowrap}.license-recent-list small{color:var(--muted);font-size:8px}.license-item-state{border-radius:999px;padding:4px 7px;background:var(--surface-3);color:var(--muted);font-size:8px;font-weight:800}.license-item-state.available{background:rgba(52,211,153,.1);color:#3fd9a5}.license-item-state.delivered{background:rgba(91,111,255,.11);color:#9da9ff}.license-pool-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:70px;border:1px dashed var(--border-strong);border-radius:11px;color:var(--muted)}.license-pool-empty p{margin:0}.license-pool-actions{display:flex;gap:7px;flex-wrap:wrap}.license-empty-demo{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;align-items:center;gap:32px;padding:30px;border:1px solid var(--border-strong);border-radius:18px;background:radial-gradient(circle at 15% 30%,rgba(57,255,20,.1),transparent 35%),var(--surface)}.license-demo-art{display:grid;gap:8px;padding:18px;border:1px solid rgba(52,211,153,.28);border-radius:14px;background:#090b0e;box-shadow:0 20px 50px rgba(0,0,0,.25)}.license-demo-art>span{color:#43dda9;font-size:9px;font-weight:900;letter-spacing:.1em}.license-demo-art code{padding:10px;border-radius:8px;background:var(--surface-2);color:var(--text-soft)}.license-empty-demo>div:last-child{display:grid;justify-items:start;gap:10px}.license-empty-demo h2,.license-empty-demo p{margin:0}.license-empty-demo p{color:var(--muted);line-height:1.65}.license-format-note{display:grid;grid-template-columns:1fr;gap:7px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.license-format-note code{padding:7px 9px;border-radius:7px;background:#090b0e;color:#8fa1ff}.license-import-guide{display:flex;gap:12px;padding:14px;border:1px solid rgba(52,211,153,.25);border-radius:12px;background:rgba(52,211,153,.05)}.license-import-guide>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:rgba(52,211,153,.13);color:#3fdda8;font-weight:900}.license-import-guide>div{display:grid;gap:3px}.license-import-guide p{margin:0;color:var(--muted)}.license-import-textarea{min-height:260px;resize:vertical;line-height:1.55;white-space:pre}.license-pool-modal,.license-import-modal{display:grid;gap:14px}
@media(max-width:900px){.license-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.license-pool-grid{grid-template-columns:1fr}}@media(max-width:600px){.license-safety-banner{align-items:flex-start;flex-wrap:wrap}.license-safety-banner .secondary-btn{width:100%}.license-summary-grid{grid-template-columns:1fr 1fr}.license-pool-stats{grid-template-columns:1fr 1fr}.license-empty-demo{grid-template-columns:1fr;padding:18px}.license-pool-actions>*{flex:1}.license-recent-list>div{grid-template-columns:1fr auto}.license-recent-list small{grid-column:1/-1}}
.guest-license-field.license-key strong{white-space:pre-wrap}
.license-new-variant-fields{display:grid;gap:13px;padding:15px;border:1px solid rgba(91,111,255,.28);border-radius:13px;background:linear-gradient(135deg,rgba(91,111,255,.08),rgba(12,14,18,.72));animation:fadeIn .18s ease}.license-new-variant-fields[hidden]{display:none}.license-new-variant-head{display:flex;align-items:center;gap:11px}.license-new-variant-head>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:rgba(91,111,255,.15);color:#9eabff;font-size:17px;font-weight:900}.license-new-variant-head>div{display:grid;gap:3px}.license-new-variant-head small{color:var(--muted)}.license-format-note>span{color:var(--muted);font-size:9px;line-height:1.5}
.api-redirect-note{border-color:rgba(52,211,153,.26)!important;background:linear-gradient(120deg,rgba(52,211,153,.07),rgba(91,111,255,.04))!important}.api-redirect-note>span{color:#45dba9!important}
.delete-method-btn{border-color:rgba(251,113,133,.25)!important;color:#fb7185!important}.delete-method-btn:hover{border-color:rgba(251,113,133,.55)!important;background:rgba(251,113,133,.08)!important}

/* License privacy: no real value is present until the private reveal action. */
.status-license-ready::after{content:"XXXX-XXXX-XXXX-XXXX";grid-column:2;display:block;width:min(260px,100%);margin-top:-8px;padding:8px 12px;border:1px solid rgba(52,211,153,.2);border-radius:9px;background:repeating-linear-gradient(100deg,#090c0e 0 18px,#0d1211 19px 20px);color:#c4d0cc;filter:blur(4px);font:800 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;user-select:none;pointer-events:none}
@media(max-width:680px){.status-license-ready::after{grid-column:1/-1;margin-top:0;width:100%;box-sizing:border-box}}

/* Purchased duration and voucher audit state. */
.verification-countdown small{display:block;margin-top:4px;color:#45dba9;font-size:9px;font-weight:800}.voucher-security-ok{border-color:rgba(52,211,153,.28)!important;background:rgba(52,211,153,.06)!important}.voucher-security-review{border-color:rgba(251,191,36,.3)!important;background:rgba(251,191,36,.06)!important}.voucher-security-danger{border-color:rgba(251,113,133,.38)!important;background:rgba(251,113,133,.08)!important}

/* Product-specific encrypted delivery and download templates. */
.delivery-profile-section{display:grid;gap:16px;margin-bottom:18px;padding:18px;border:1px solid var(--border);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(91,111,255,.08),transparent 32%),var(--surface);box-shadow:0 18px 45px rgba(0,0,0,.12)}
.delivery-profile-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.delivery-profile-section-head>div{display:grid;gap:5px}.delivery-profile-section-head h2,.delivery-profile-section-head p{margin:0}.delivery-profile-section-head h2{font:800 19px var(--font-display)}.delivery-profile-section-head p{max-width:680px;color:var(--muted);line-height:1.55}
.delivery-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.delivery-profile-card{position:relative;display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,var(--surface-2),rgba(12,14,18,.92));overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.delivery-profile-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--border-strong)}.delivery-profile-card.configured{border-color:rgba(52,211,153,.28);box-shadow:inset 0 1px 0 rgba(52,211,153,.05)}.delivery-profile-card.configured::before{background:linear-gradient(#45dba9,#5b6fff)}.delivery-profile-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 18px 36px rgba(0,0,0,.16)}
.delivery-profile-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:12px}.delivery-profile-head>img{width:46px;height:46px;object-fit:contain;border:1px solid var(--border);border-radius:12px;padding:6px;background:#090b0e;box-sizing:border-box}.delivery-profile-head>div{display:grid;gap:3px;min-width:0}.delivery-profile-head h3,.delivery-profile-head p{margin:0}.delivery-profile-head h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-profile-head p{color:var(--muted);font-size:9px;line-height:1.45}.delivery-profile-state{border:1px solid var(--border);border-radius:999px;padding:5px 8px;background:var(--surface-3);color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.configured .delivery-profile-state{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.08);color:#42dba7}
.delivery-profile-resources{display:flex;align-items:center;gap:7px;min-height:31px;flex-wrap:wrap}.delivery-profile-resources>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--border);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.018);color:var(--text-soft);font-size:8px;white-space:nowrap}.configured .delivery-profile-resources>span{border-color:rgba(52,211,153,.16)}.delivery-profile-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.delivery-profile-foot small{min-width:0;color:var(--muted);font-size:8px;line-height:1.4}
.modal:has(.delivery-profile-modal){width:min(790px,100%)}.delivery-profile-modal{display:grid;gap:14px}.delivery-profile-modal .modal-form{display:grid;gap:14px}.delivery-profile-notice{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid rgba(52,211,153,.25);border-radius:13px;background:linear-gradient(120deg,rgba(52,211,153,.07),rgba(91,111,255,.035))}.delivery-profile-notice>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:rgba(52,211,153,.13);color:#45dba9;font-size:17px;font-weight:900}.delivery-profile-notice>div{display:grid;gap:4px}.delivery-profile-notice p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.delivery-profile-modal .field>small{display:block;margin-top:6px;color:var(--muted);font-size:8px;line-height:1.45}.delivery-profile-modal input:disabled{color:#9da9ff;opacity:.78;cursor:not-allowed}.delivery-profile-modal .input-action .input{padding-right:68px}
@media(max-width:900px){.delivery-profile-grid{grid-template-columns:1fr}}
@media(max-width:620px){.delivery-profile-section{padding:14px}.delivery-profile-section-head{align-items:stretch;flex-direction:column}.delivery-profile-section-head button{width:100%}.delivery-profile-head{grid-template-columns:42px minmax(0,1fr)}.delivery-profile-head>img{width:42px;height:42px}.delivery-profile-state{grid-column:1/-1;width:max-content}.delivery-profile-foot{align-items:stretch;flex-direction:column}.delivery-profile-foot button{width:100%}.delivery-profile-modal .form-grid{grid-template-columns:1fr}.delivery-profile-modal .modal-actions{display:grid;grid-template-columns:1fr}.delivery-profile-modal .modal-actions button{width:100%}}
.delivery-profile-applied{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid rgba(52,211,153,.26);border-radius:12px;background:rgba(52,211,153,.06)}.delivery-profile-applied>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:rgba(52,211,153,.14);color:#45dba9;font-weight:900}.delivery-profile-applied>div{display:grid;gap:3px}.delivery-profile-applied p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}

/* Safe cancelled-order and full-history cleanup. */
.cancelled-cleanup-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:14px;padding:16px 18px;border:1px solid rgba(251,113,133,.27);border-radius:15px;background:linear-gradient(120deg,rgba(251,113,133,.07),var(--surface));box-shadow:0 16px 40px rgba(0,0,0,.1)}.cancelled-cleanup-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(251,113,133,.3);border-radius:13px;background:rgba(251,113,133,.1);color:#fb8a9b;font-size:20px;font-weight:900}.cancelled-cleanup-card>div:nth-child(2){display:grid;gap:4px}.cancelled-cleanup-card h3,.cancelled-cleanup-card p{margin:0}.cancelled-cleanup-card p{max-width:720px;color:var(--muted);font-size:9px;line-height:1.5}.cancelled-cleanup-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.modal:has(.cancelled-cleanup-modal){width:min(690px,100%)}.cancelled-cleanup-modal{display:grid;gap:15px}.cancelled-cleanup-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cancelled-cleanup-summary>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.cancelled-cleanup-summary span,.cancelled-cleanup-summary small{color:var(--muted);font-size:9px}.cancelled-cleanup-summary strong{grid-row:1/3;grid-column:2;font:900 25px var(--font-display)}.cancelled-cleanup-summary .eligible{border-color:rgba(251,191,36,.25)}.cancelled-cleanup-summary .eligible strong{color:#f7c84d}.cancelled-cleanup-summary .protected{border-color:rgba(52,211,153,.24)}.cancelled-cleanup-summary .protected strong{color:#45dba9}.cancelled-order-preview{display:grid;gap:8px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#0b0d11}.cancelled-order-preview>span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cancelled-order-preview>div{display:flex;gap:6px;flex-wrap:wrap}.cancelled-order-preview code{border:1px solid var(--border);border-radius:7px;padding:5px 7px;background:var(--surface-2);color:var(--text-soft);font-size:8px}.cancelled-protection-note,.cancelled-cleanup-empty,.full-cleanup-warning{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid rgba(52,211,153,.24);border-radius:12px;background:rgba(52,211,153,.055)}.cancelled-protection-note>span,.cancelled-cleanup-empty>span,.full-cleanup-warning>span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:rgba(52,211,153,.13);color:#45dba9;font-weight:900}.cancelled-protection-note p,.cancelled-cleanup-empty p,.full-cleanup-warning p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.cancelled-cleanup-empty>div,.full-cleanup-warning>div{display:grid;gap:3px}
.full-cleanup-warning{border-color:rgba(251,113,133,.36);background:rgba(251,113,133,.08)}.full-cleanup-warning>span{background:rgba(251,113,133,.15);color:#fb7185}.full-cleanup-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.full-cleanup-stats>div{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.full-cleanup-stats span{color:var(--muted);font-size:8px}.full-cleanup-stats strong{font:900 18px var(--font-display)}.full-cleanup-check{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);cursor:pointer}.full-cleanup-check input{margin-top:2px;accent-color:#fb7185}.full-cleanup-check span{color:var(--text-soft);font-size:9px;line-height:1.5}.danger-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
@media(max-width:760px){.cancelled-cleanup-card{grid-template-columns:42px minmax(0,1fr)}.cancelled-cleanup-icon{width:42px;height:42px}.cancelled-cleanup-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.full-cleanup-stats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cancelled-cleanup-summary,.cancelled-cleanup-actions{grid-template-columns:1fr}.cancelled-cleanup-actions button{width:100%}.full-cleanup-stats{grid-template-columns:1fr 1fr}.cancelled-cleanup-modal .modal-actions{display:grid;grid-template-columns:1fr}.cancelled-cleanup-modal .modal-actions button{width:100%}}

/* Complete encrypted-license manager. */
.modal:has(.license-manager-modal){width:min(1020px,calc(100vw - 28px));max-height:min(900px,calc(100vh - 28px));overflow:auto}.modal:has(.license-item-editor){width:min(760px,calc(100vw - 28px))}.license-manager-modal,.license-item-editor{display:grid;gap:15px;min-width:0}.license-manager-modal{position:relative}.license-manager-loading{min-height:300px;place-content:center;justify-items:center;text-align:center}.license-manager-loading small{color:var(--muted)}.license-manager-modal.is-updating::before{content:"";position:absolute;z-index:4;top:-1px;left:0;width:34%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),#ffb08f,transparent);box-shadow:0 0 12px rgba(57,255,20,.5);animation:licenseManagerProgress .72s ease-in-out infinite}.license-manager-modal.is-updating .license-manager-toolbar,.license-manager-modal.is-updating .license-manager-list,.license-manager-modal.is-updating .license-manager-empty,.license-manager-modal.is-updating .license-manager-footer{opacity:.68;pointer-events:none}.license-manager-toolbar,.license-manager-list,.license-manager-empty,.license-manager-footer{transition:opacity .14s ease}@keyframes licenseManagerProgress{from{translate:-100% 0}to{translate:295% 0}}
.license-manager-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.license-manager-summary>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,var(--surface-2),rgba(10,12,16,.92))}.license-manager-summary span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.license-manager-summary strong{font:900 20px var(--font-display)}
.license-manager-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);align-items:center;gap:12px}.license-manager-filters{display:flex;gap:6px;min-width:0;overflow-x:auto;padding-bottom:2px}.license-manager-filters button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid var(--border);border-radius:9px;padding:8px 9px;background:var(--surface-2);color:var(--muted);font:800 8px var(--font-body);cursor:pointer}.license-manager-filters button:hover,.license-manager-filters button.active{border-color:rgba(57,255,20,.46);background:rgba(57,255,20,.08);color:var(--text)}.license-manager-filters button span{display:grid;place-items:center;min-width:19px;height:19px;border-radius:6px;background:rgba(255,255,255,.045);color:var(--text-soft);font-size:8px}.license-manager-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.license-manager-search .input{min-height:36px;padding:8px 10px;font-size:9px}
.license-manager-list{display:grid;border:1px solid var(--border);border-radius:14px;background:#0a0c10;overflow:hidden}.license-manager-row{position:relative;display:grid;grid-template-columns:minmax(190px,1.05fr) minmax(185px,.8fr) auto;align-items:center;gap:14px;padding:12px 13px}.license-manager-row+article{border-top:1px solid var(--border)}.license-manager-row::before{content:"";position:absolute;inset:8px auto 8px 0;width:2px;border-radius:4px;background:var(--border-strong)}.license-manager-row.available::before{background:#34d399}.license-manager-row.delivered::before{background:#7c8cff}.license-manager-row.reserved::before{background:#f4c84f}.license-manager-row.revoked::before{background:#fb7185}.license-manager-key{display:flex;align-items:center;gap:8px;min-width:0}.license-manager-key code{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text);font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.license-manager-meta{display:grid;gap:4px;color:var(--text-soft);font-size:9px}.license-manager-meta small{color:var(--muted);font-size:8px}.license-manager-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.license-manager-actions .btn-sm{padding:7px 9px}.license-delete-btn{border-color:rgba(251,113,133,.25)!important;color:#fb8a9b!important}.license-item-state.reserved{background:rgba(251,191,36,.1);color:#f4c84f}.license-item-state.revoked{background:rgba(251,113,133,.11);color:#fb8a9b}
.license-manager-empty{display:flex;align-items:center;justify-content:center;gap:13px;min-height:170px;border:1px dashed var(--border-strong);border-radius:14px;background:rgba(255,255,255,.012)}.license-manager-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--surface-2);color:var(--muted);font-size:20px}.license-manager-empty>div{display:grid;gap:4px}.license-manager-empty p{margin:0;color:var(--muted)}.license-manager-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.license-manager-pagination{display:flex;align-items:center;gap:9px}.license-manager-pagination span{color:var(--muted);font-size:8px}.license-manager-pagination button:disabled{opacity:.35;pointer-events:none}
.license-item-key-input{min-height:105px;resize:vertical;line-height:1.55}.license-delivered-warning{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid rgba(251,191,36,.28);border-radius:12px;background:linear-gradient(120deg,rgba(251,191,36,.08),rgba(57,255,20,.035))}.license-delivered-warning>span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:rgba(251,191,36,.14);color:#f4c84f;font-weight:900}.license-delivered-warning>div{display:grid;gap:4px}.license-delivered-warning p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.license-item-history{display:grid;gap:0;border:1px solid var(--border);border-radius:12px;padding:13px;background:#0a0c10}.license-item-history>span{margin-bottom:8px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}.license-item-history>div{display:grid;grid-template-columns:12px 1fr;gap:8px;min-height:35px}.license-item-history i{position:relative;width:7px;height:7px;margin-top:4px;border:2px solid #5867d8;border-radius:50%;background:#0a0c10}.license-item-history i::after{content:"";position:absolute;top:8px;left:2px;width:1px;height:24px;background:var(--border-strong)}.license-item-history>div:last-child i::after{display:none}.license-item-history p{display:grid;gap:2px;margin:0}.license-item-history small{color:var(--muted);font-size:8px}.license-item-confirm code{display:block;margin:2px auto 0;border:1px solid var(--border);border-radius:9px;padding:9px 12px;background:#090b0e;color:var(--text-soft);font-size:10px}
@media(max-width:820px){.license-manager-toolbar{grid-template-columns:1fr}.license-manager-row{grid-template-columns:minmax(0,1fr) auto}.license-manager-meta{grid-column:1}.license-manager-actions{grid-column:2;grid-row:1/3}.license-manager-footer{align-items:stretch;flex-direction:column}.license-manager-footer>.primary-btn{width:100%}.license-manager-pagination{justify-content:space-between}}
@media(max-width:600px){.modal:has(.license-manager-modal),.modal:has(.license-item-editor){width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:15px}.license-manager-summary{grid-template-columns:1fr 1fr}.license-manager-row{grid-template-columns:1fr;gap:9px}.license-manager-meta,.license-manager-actions{grid-column:1;grid-row:auto}.license-manager-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.license-manager-actions button{width:100%}.license-manager-pagination{display:grid;grid-template-columns:1fr 1fr}.license-manager-pagination span{grid-column:1/-1;grid-row:1;text-align:center}.license-manager-search{grid-template-columns:1fr auto}.license-item-editor .form-grid{grid-template-columns:1fr}.license-item-editor .modal-actions{display:grid;grid-template-columns:1fr}.license-item-editor .modal-actions button{width:100%}}
@media (max-width:560px) {
  .phone-contact-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
  .phone-country-trigger,.phone-number-control { height:42px; }
  .phone-number-control .input { height:40px; }
  .phone-country-menu { width:100%; max-width:none; }
}

/* Discord-linked customer account: profile, licenses, downloads, settings, support. */
.account-wrap{width:min(640px,calc(100% - 40px));margin-inline:auto;padding:48px 0 72px}
.account-intro{margin-bottom:26px;text-align:center;display:grid;justify-items:center;gap:8px}
.account-intro h1{margin:0;font:800 clamp(24px,3vw,30px)/1.15 var(--font-display);letter-spacing:-.04em}
.account-intro p{max-width:44ch;margin:0;color:var(--text-soft);font-size:13.5px;line-height:1.6}
.account-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:18px;padding:5px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}
.account-tab{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:9px;padding:10px 14px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.account-tab span{font-size:13px}
.account-tab.active{background:rgba(57,255,20,.12);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(57,255,20,.24)}
.account-content{display:grid;gap:14px}
.account-content .card{padding:22px}
.account-hero{display:grid;justify-items:center;gap:10px;padding:36px 28px 30px;text-align:center;background:radial-gradient(480px 220px at 50% 0,rgba(57,255,20,.09),transparent 60%),var(--surface)}
.account-hero-avatar{width:84px;height:84px;margin-bottom:4px;border-radius:24px;padding:3px;background:linear-gradient(145deg,var(--accent),#5865f2);box-shadow:0 16px 34px rgba(57,255,20,.22)}
.account-hero-avatar img{width:100%;height:100%;border-radius:21px;object-fit:cover;display:block;background:var(--surface-2)}
.account-hero-badge{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.account-hero-badge i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(52,211,153,.6)}
.account-hero h2{margin:0;font:800 22px var(--font-display);letter-spacing:-.03em}
.account-hero-handle{margin:0;color:var(--muted);font-size:11.5px}
.account-role-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.account-role-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:800}
.account-role-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.account-join-banner{width:100%;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(88,101,242,.32);border-radius:13px;background:rgba(88,101,242,.08);text-align:left}
.account-join-banner>span{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(88,101,242,.16);color:#8fa1ff}
.account-join-banner>div{flex:1;min-width:0}
.account-join-banner strong{display:block;font-size:11.5px}
.account-join-banner small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.4}
.account-join-banner a{flex:0 0 auto;padding:8px 13px;border-radius:9px;background:#5865f2;color:#fff;font-size:10.5px;font-weight:800;text-decoration:none}
.account-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.account-stat{display:grid;gap:5px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);text-align:left}
.account-stat span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.account-stat strong{font:900 20px var(--font-display)}
.account-error{margin:0;color:#fb7185;font-size:10px}
.account-loading,.account-empty-state{padding:36px 24px;text-align:center}
.account-empty-state h3,.account-loading strong{margin:0 0 6px}
.account-empty-state p{margin:0;color:var(--muted)}
.account-order-card{display:grid;gap:14px}
.account-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.account-order-head strong{display:block}
.account-order-head small{color:var(--muted)}
.account-license-term{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.account-license-term div{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}
.account-license-term span{color:var(--muted);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.account-license-term strong{font-size:11px;overflow-wrap:anywhere}
.guest-license-field strong{transition:filter .2s ease}
.guest-license-field:not(.revealed) strong{filter:blur(6px);user-select:none}
.guest-license-field .account-field-mask{filter:none !important;letter-spacing:.2em}
.account-license-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.account-license-head>span{color:var(--muted);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.account-license-eye{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text-soft);cursor:pointer;transition:.15s ease}
.account-license-eye:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}
.account-license-eye:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:680px){
  .account-license-term{grid-template-columns:1fr}
}
.account-settings-note{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.account-support-card,.account-support-orders{display:grid;gap:10px}
.account-support-card p,.account-support-orders>p{margin:0;color:var(--muted);font-size:11px}
.support-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:6px;padding:5px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}
.support-tab{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;padding:9px 13px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.15s ease}
.support-tab-icon{display:grid;place-items:center;color:var(--c,var(--accent))}
.support-tab.active{background:color-mix(in srgb, var(--c, var(--accent)) 18%, transparent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c, var(--accent)) 40%, transparent)}
.support-tab:hover:not(.active){color:var(--text-soft);background:var(--surface-3)}
.support-panel{margin-top:12px;display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);animation:supportPanelIn .25s ease}
@keyframes supportPanelIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.support-panel-icon{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb, var(--c) 18%, transparent);color:var(--c)}
.support-panel-copy{flex:1;min-width:0}
.support-panel-copy strong{display:block;font-size:13px}
.support-panel-copy small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.5}
.support-open-btn{flex:0 0 auto;padding:10px 16px;border-radius:10px;background:var(--c);color:#fff;font-size:11.5px;font-weight:800;text-decoration:none;transition:.15s ease}
.support-open-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.account-support-email{margin-top:12px}
@media(max-width:560px){
  .support-panel{flex-direction:column;text-align:center}
  .support-open-btn{width:100%;text-align:center}
}
.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:6px}
.support-card{display:grid;justify-items:center;text-align:center;gap:8px;padding:22px 16px;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle at 50% 0,color-mix(in srgb, var(--c) 12%, transparent),transparent 70%),var(--surface-2);text-decoration:none;color:inherit;cursor:pointer;transition:.16s ease}
.support-card:hover{border-color:var(--c);transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.support-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb, var(--c) 20%, transparent);color:var(--c)}
.support-card strong{font-size:12.5px}
.support-card small{color:var(--muted);font-size:10.5px;line-height:1.4;max-width:26ch}
.support-card-cta{margin-top:2px;padding:7px 15px;border-radius:9px;background:var(--c);color:#fff;font-size:10.5px;font-weight:800}
.account-locked{display:grid;justify-items:center;gap:28px;padding:72px 20px 48px;text-align:center}
.account-locked-orbit{position:relative;width:150px;height:150px;flex:0 0 auto}
.account-locked-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(57,255,20,.26)}
.account-locked-ring.inner{inset:22px;border-style:dashed;border-color:rgba(57,255,20,.18);animation:accountOrbitSpin 20s linear infinite}
.account-locked-ring.outer{animation:accountOrbitSpin 32s linear infinite reverse}
@keyframes accountOrbitSpin{to{transform:rotate(360deg)}}
.account-locked-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(57,255,20,.75)}
.account-locked-dot.one{top:-3px;left:72px;animation:accountOrbitA 8s linear infinite}
.account-locked-dot.two{bottom:6px;left:4px;animation:accountOrbitB 11s linear infinite reverse}
@keyframes accountOrbitA{from{transform:rotate(0deg) translateX(75px) rotate(0deg)}to{transform:rotate(360deg) translateX(75px) rotate(-360deg)}}
@keyframes accountOrbitB{from{transform:rotate(0deg) translateX(63px) rotate(0deg)}to{transform:rotate(360deg) translateX(63px) rotate(-360deg)}}
.account-locked-mark{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,#5865f2,#4752c4);box-shadow:0 16px 32px rgba(88,101,242,.3);display:grid;place-items:center}
.account-locked-mark img{width:28px;height:28px;filter:brightness(0) invert(1)}
.account-locked-copy{display:grid;justify-items:center;gap:10px;max-width:420px;opacity:0;animation:accountLockedRise .6s ease .15s forwards}
.account-locked-copy h1{margin:0;font:800 24px var(--font-display);letter-spacing:-.03em}
.account-locked-copy p{margin:0;color:var(--text-soft);font-size:13px;line-height:1.6}
.account-locked-copy .primary-btn{margin-top:4px}
@keyframes accountLockedRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  .account-locked-ring,.account-locked-dot,.account-locked-copy{animation:none}
  .account-locked-copy{opacity:1}
}
@media(max-width:680px){
  .account-wrap{width:calc(100% - 32px);padding:32px 0 56px}
  .account-stats{grid-template-columns:1fr}
  .account-order-head{flex-direction:column}
  .account-locked{padding:52px 16px 36px}
}

/* Custom themed video player for account tutorials (no external player library). */
.account-video-heading{display:grid;gap:2px}
.account-video-heading>span{color:var(--accent);font-size:8.5px;font-weight:900;letter-spacing:.1em}
.account-video-heading>strong{font-size:12.5px}
.account-video-player{position:relative;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.account-video-player:fullscreen,.account-video-player:-webkit-full-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:0}
.account-video-player:fullscreen .account-video,.account-video-player:-webkit-full-screen .account-video{max-height:100vh;width:100%;height:100%;aspect-ratio:auto}
.account-video{display:block;width:100%;max-height:420px;aspect-ratio:16/9;object-fit:contain;background:#000}
.account-video::-webkit-media-controls,.account-video::-webkit-media-controls-enclosure,.account-video::-webkit-media-controls-panel{display:none !important;opacity:0 !important}
.account-video::-internal-media-controls-overlay-cast-button{display:none !important}
.account-video-bigplay{position:absolute;inset:0;margin:auto;width:56px;height:56px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;transition:.15s ease;backdrop-filter:blur(2px)}
.account-video-bigplay:hover{background:var(--accent);transform:scale(1.06)}
.account-video-bigplay svg{margin-left:2px}
.account-video-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:9px;padding:9px 12px;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.35) 70%,transparent);color:#fff}
.account-video-btn{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#fff;cursor:pointer;transition:.15s ease}
.account-video-btn:hover{background:rgba(255,255,255,.14);color:var(--accent)}
.account-video-time{flex:0 0 auto;font:600 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:rgba(255,255,255,.85);white-space:nowrap}
.account-video-seek{flex:1;min-width:40px}
.account-video-volume{flex:0 0 60px}
.account-video-seek,.account-video-volume{-webkit-appearance:none;appearance:none;height:4px;border-radius:99px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill,0%),rgba(255,255,255,.28) var(--fill,0%));cursor:pointer;outline:none}
.account-video-seek::-webkit-slider-thumb,.account-video-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--accent);transition:.15s ease}
.account-video-seek::-webkit-slider-thumb:hover,.account-video-volume::-webkit-slider-thumb:hover{transform:scale(1.15)}
.account-video-seek::-moz-range-thumb,.account-video-volume::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--accent)}
.account-video-seek::-moz-range-track,.account-video-volume::-moz-range-track{background:transparent}
@media(max-width:560px){
  .account-video-volume{display:none}
  .account-video-time{font-size:9px}
}

/* Site footer (checkout page) */
.site-footer{
  margin-top:auto;
  background:
    radial-gradient(900px 260px at 50% 0%, color-mix(in srgb, var(--accent) 4%, transparent), transparent 65%),
    linear-gradient(180deg, var(--bg), var(--bg-soft) 120px);
}
.footer-inner{padding:44px 0 30px; display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center;}
.footer-inner .brand{flex-direction:column; gap:8px;}
.footer-inner .brand-copy{text-align:center;}
.footer-nav{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:26px; color:var(--text-soft); font-size:13px; font-weight:600;}
.footer-nav a{padding:4px 0; transition:color .16s ease;}
.footer-nav a:hover{color:var(--accent);}
.footer-copy{margin:2px 0 0; color:var(--muted); font-size:11.5px;}
.footer-copy b{color:var(--text-soft); font-weight:700;}
.footer-credit{display:inline-flex; align-items:center; gap:7px; margin-top:2px; color:var(--muted); font-size:10.5px; font-weight:600; transition:color .16s ease;}
.footer-credit svg{width:13px; height:13px; color:var(--muted); flex:0 0 auto; transition:color .16s ease;}
.footer-credit:hover{color:var(--text-soft);}
.footer-credit:hover svg{color:#5865F2;}
.footer-credit:hover .typewriter{color:var(--accent); border-color:var(--accent-hover);}
.typewriter{
  display:inline-block; overflow:hidden; white-space:nowrap; vertical-align:bottom;
  width:9ch; max-width:9ch; padding-right:2px;
  border-right:2px solid var(--accent);
  font-family:"Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight:800; letter-spacing:.02em; color:var(--text-soft);
  transition:color .16s ease, border-color .16s ease;
  animation: type-caret .85s step-end infinite, type-cycle 6.5s steps(8,end) infinite;
}
@keyframes type-cycle{
  0%{width:0;}
  35%{width:9ch;}
  55%{width:9ch;}
  88%{width:0;}
  100%{width:0;}
}
@keyframes type-caret{
  0%,100%{border-color:var(--accent);}
  50%{border-color:transparent;}
}
@media (prefers-reduced-motion: reduce){
  .typewriter{width:9ch; animation:none;}
}
@media (max-width:520px){
  .footer-nav{gap:16px 20px;}
}

/* Compact order-number copy action */
.order-copy-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(112,94,255,.3);border-radius:7px;padding:4px 7px;background:linear-gradient(145deg,rgba(112,94,255,.12),rgba(112,94,255,.04));color:var(--text-soft);font:inherit;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.order-copy-btn span{color:var(--accent);font-size:11px;line-height:1}
.order-copy-btn:hover{border-color:rgba(112,94,255,.58);background:rgba(112,94,255,.16);color:var(--text);transform:translateY(-1px)}
.order-copy-btn:active{transform:translateY(0) scale(.97)}
.order-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Sales analytics */
.analytics-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:16px;padding:14px 16px}.analytics-toolbar>div:first-child{display:grid;gap:2px}.analytics-toolbar>div:first-child span,.analytics-toolbar>small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.analytics-toolbar>small{margin-left:auto}.analytics-periods{display:flex;gap:5px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.analytics-periods button{border:0;border-radius:7px;padding:7px 11px;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.analytics-periods button:hover{color:var(--text)}.analytics-periods button.active{background:var(--accent);color:#fff;box-shadow:0 5px 16px rgba(112,94,255,.24)}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.analytics-kpis article{display:grid;gap:9px;padding:17px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}.analytics-kpis article>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.analytics-kpis article>strong{font-size:24px;letter-spacing:-.04em}.analytics-change{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900}.analytics-change small{color:var(--muted);font-weight:600}.analytics-change.up{color:#34d399}.analytics-change.down{color:#ff747a}.analytics-change.flat{color:var(--muted)}
.analytics-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.7fr);gap:14px;margin-bottom:14px}.analytics-chart-card>.panel-head>strong{font-size:18px}.analytics-bars{display:flex;align-items:stretch;gap:7px;height:245px;padding-top:25px;overflow-x:auto}.analytics-bar-column{position:relative;display:grid;grid-template-rows:18px 1fr 26px;justify-items:center;flex:1;min-width:34px;gap:5px}.analytics-bar-value{color:var(--muted);font-size:8px;white-space:nowrap}.analytics-bar-track{position:relative;width:min(24px,70%);height:100%;border-radius:8px;background:var(--surface-2);overflow:hidden}.analytics-bar-track i{position:absolute;right:0;bottom:0;left:0;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#8f7cff,var(--accent));box-shadow:0 0 18px rgba(112,94,255,.3)}.analytics-bar-column small{color:var(--muted);font-size:8px;white-space:nowrap}.analytics-status-card{align-content:start}.analytics-status-card>.panel-head{margin-bottom:8px}.analytics-status-card>div:not(.panel-head){display:flex;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid var(--border)}.analytics-status-card>div>span{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:11px}.analytics-status-card i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.analytics-status-card i.delivered{background:#34d399}.analytics-status-card i.paid{background:#60a5fa}.analytics-status-card i.pending{background:#fbbf24}.analytics-status-card i.cancelled{background:#ff747a}
.analytics-product-list{display:grid}.analytics-product-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid var(--border)}.analytics-product-list>div:last-child{border-bottom:0}.analytics-product-list b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(112,94,255,.11);color:var(--accent);font-size:9px}.analytics-product-list span{display:grid;gap:3px}.analytics-product-list small{color:var(--muted)}.analytics-product-list em{color:var(--text);font-style:normal;font-weight:900}
@media(max-width:960px){.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-layout{grid-template-columns:1fr}.analytics-toolbar{align-items:flex-start;flex-wrap:wrap}.analytics-toolbar>small{width:100%;margin-left:0}}
@media(max-width:560px){.analytics-kpis{grid-template-columns:1fr}.analytics-periods{width:100%;overflow-x:auto}.analytics-periods button{flex:1;white-space:nowrap}.analytics-bars{height:210px}.analytics-change{flex-wrap:wrap}}

/* v87: confirmed sales grouped by charged currency */
.analytics-bottom-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:14px}.currency-leader{align-self:flex-start;padding:6px 9px;border:1px solid rgba(52,211,153,.24);border-radius:999px;background:rgba(52,211,153,.08);color:#34d399;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.analytics-currency-list{display:grid}.analytics-currency-list article{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid var(--border)}.analytics-currency-list article:last-child{border-bottom:0}.analytics-currency-list article>b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:9px}.analytics-currency-list article>div{display:grid;gap:5px}.analytics-currency-list article>div>span{display:flex;align-items:center;gap:7px}.analytics-currency-list article>div>span>i{padding:3px 6px;border-radius:999px;background:rgba(112,94,255,.12);color:var(--accent);font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.analytics-currency-list small{color:var(--muted);font-size:9px}.analytics-currency-list aside{display:grid;justify-items:end;gap:3px;text-align:right}.analytics-currency-list aside strong{font-size:12px}.currency-share{height:4px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.currency-share i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8f7cff)}.analytics-currency-list article.principal>b{background:rgba(112,94,255,.12);color:var(--accent)}
@media(max-width:1050px){.analytics-bottom-grid{grid-template-columns:1fr}}
@media(max-width:560px){.analytics-currency-list article{grid-template-columns:25px 1fr}.analytics-currency-list aside{grid-column:2;justify-items:start;text-align:left}.currency-leader{display:none}}

/* Per-variant payment pricing */
.modal:has(#product-form){width:min(860px,calc(100vw - 28px))}
#variant-rows{display:grid;gap:10px}.variant-form-row{display:grid;grid-template-columns:1fr;gap:0;padding:9px;border:1px solid var(--border);border-radius:11px;background:rgba(8,10,14,.34)}.variant-main-row{display:grid;grid-template-columns:26px 1fr 1fr 120px 34px;gap:7px;align-items:center}.variant-main-row .input{min-height:39px;font-size:10px}.variant-method-prices{grid-column:1/-1;margin:9px 0 0 33px;padding:10px;border:1px solid rgba(112,94,255,.18);border-radius:10px;background:rgba(112,94,255,.035)}.variant-method-prices-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.variant-method-prices-head>div{display:grid;gap:2px}.variant-method-prices-head strong{font-size:10px}.variant-method-prices-head small{color:var(--muted);font-size:8px}.variant-method-price-rows{display:grid;gap:6px}.variant-method-price-row{display:grid;grid-template-columns:22px minmax(140px,1.35fr) minmax(125px,1fr) minmax(100px,.7fr) 34px;align-items:center;gap:6px}.variant-method-price-row>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(112,94,255,.12);color:#a99cff;font-size:8px;font-weight:900}.variant-method-price-row .input,.variant-method-price-row .select{min-height:36px;font-size:9px}.remove-variant-method-price{color:#ff747a}.variant-method-price-notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(112,94,255,.3);border-radius:12px;background:linear-gradient(120deg,rgba(112,94,255,.09),rgba(112,94,255,.025))}.variant-method-price-notice>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(112,94,255,.15);color:#a99cff}.variant-method-price-notice>div{display:grid;gap:3px}.variant-method-price-notice small{color:var(--muted);font-size:9px}.variant-method-price-notice>b{color:#c4bbff;font-size:13px}
.license-pool-delete-btn{margin-left:auto;color:#ff7d82!important}.license-pool-delete-btn:hover{border-color:rgba(255,91,97,.4)!important;background:rgba(255,91,97,.09)!important}.confirm-license-pool-delete{display:grid;justify-items:center;gap:11px;text-align:center}.confirm-license-pool-delete>h2,.confirm-license-pool-delete>p{margin:0}.confirm-license-pool-delete>p{max-width:470px;color:var(--muted);line-height:1.55}.confirm-license-pool-delete>strong{padding:9px 13px;border-radius:9px;background:var(--surface-2)}.confirm-license-pool-delete .modal-actions{width:100%}.license-pool-delete-protected{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(251,191,36,.28);border-radius:11px;background:rgba(251,191,36,.06);text-align:left}.license-pool-delete-protected>span{color:#f7c84d}.license-pool-delete-protected p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.license-pool-delete-ready{padding:9px 12px;border:1px solid rgba(52,211,153,.25);border-radius:9px;background:rgba(52,211,153,.06);color:#45dba9;font-size:9px;font-weight:800}
@media(max-width:700px){.variant-main-row{grid-template-columns:26px 1fr 34px}.variant-main-row>input[name="variantDuration"],.variant-main-row .price-input{grid-column:2/3}.variant-main-row .remove-variant{grid-column:3;grid-row:1}.variant-method-prices{margin-left:0}.variant-method-price-row{grid-template-columns:22px 1fr 34px}.variant-method-price-row .select,.variant-method-price-row .input{grid-column:2/3}.variant-method-price-row .remove-variant-method-price{grid-column:3;grid-row:1}.variant-method-price-notice{grid-template-columns:auto 1fr}.variant-method-price-notice>b{grid-column:2}.license-pool-delete-btn{margin-left:0}}
/* v85: timezone-aware administrative context */
.admin-user span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-wrap td:nth-child(5){min-width:180px;line-height:1.45}
.auth-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.auth-app-card{padding:18px}.auth-app-card p{color:var(--muted);font-size:11px}.auth-app-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;color:var(--muted);font-size:10px}.auth-app-meta span{padding:6px 8px;border:1px solid var(--border);border-radius:7px}.auth-subscription-box{padding:14px;margin-top:4px}.auth-subscription-box h3{margin:0 0 12px;font-size:12px}
.auth-sub-row{display:grid;grid-template-columns:1.2fr .6fr .6fr 1.2fr 1.3fr 34px;gap:7px;margin-top:8px}.auth-sub-row .input,.auth-sub-row .select{min-width:0;min-height:38px;font-size:10px}@media(max-width:760px){.auth-sub-row{grid-template-columns:1fr 1fr}.auth-sub-row button{grid-column:2;grid-row:1}}