.seg button:not(.on)[data-v-bd2d417d] {
  opacity: .82;
}

html {
  transition: background-color .76s cubic-bezier(.22, 1, .36, 1), color .76s cubic-bezier(.22, 1, .36, 1);
}

html.theme-fading,
html.theme-fading body,
html.theme-fading .app,
html.theme-fading .card,
html.theme-fading .nav,
html.theme-fading input,
html.theme-fading textarea,
html.theme-fading button {
  transition:
    background-color .76s cubic-bezier(.22, 1, .36, 1),
    border-color .76s cubic-bezier(.22, 1, .36, 1),
    box-shadow .76s cubic-bezier(.22, 1, .36, 1),
    color .76s cubic-bezier(.22, 1, .36, 1);
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-old(root) {
  z-index: 0;
}

::view-transition-new(root) {
  z-index: 1;
}

.brand .mk.logo-mk[data-v-bd2d417d] {
  background: transparent;
  overflow: hidden;
}

.brand .mk.logo-mk img[data-v-bd2d417d] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.seg button:not(.on)[data-v-bd2d417d]:hover {
  border-color: var(--bd2);
  color: var(--t1);
}

.sec.force-recharge[data-v-bd2d417d] {
  margin-top: 12px;
}

.sec.force-recharge input {
  flex: none;
  width: 16px;
  height: 16px;
}

.activation-inline-status[data-v-bd2d417d] {
  margin-top: 16px;
}

.guide[data-v-bd2d417d] {
  padding: 18px;
  border: 1px solid var(--bd);
  border-radius: 18px;
  background: var(--input);
  margin-bottom: 18px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(-8px);
  transition: max-height .42s ease, opacity .28s ease, padding .32s ease, margin .32s ease, transform .32s ease;
}

.guide.open[data-v-bd2d417d] {
  max-height: 560px;
  opacity: 1;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  transform: translateY(0);
}

.summ .guide-toggle[data-v-bd2d417d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--bd);
  border-radius: 999px;
  background: var(--card);
  color: var(--t1);
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}

.summ .guide-toggle[data-v-bd2d417d]:hover,
.summ .guide-toggle.on[data-v-bd2d417d] {
  border-color: rgba(74, 109, 255, .45);
  color: #2f6df6;
  background: rgba(74, 109, 255, .08);
  transform: translateY(-1px);
}

.guide[data-v-bd2d417d] h4 {
  margin: 0 0 14px;
  color: var(--t1);
  font-size: 17px;
  font-weight: 900;
}

.guide[data-v-bd2d417d] ol {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.guide[data-v-bd2d417d] li {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--bd);
  border-radius: 14px;
  background: var(--card);
  color: var(--t2);
  line-height: 1.55;
}

.guide[data-v-bd2d417d] .n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(135deg, #5d5df4, #35b8f5);
  color: #fff;
  font-weight: 900;
  font-size: 13px;
}

.guide[data-v-bd2d417d] .open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-height: 42px;
  margin-top: 14px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(74, 109, 255, .45);
  background: linear-gradient(135deg, #5d5df4, #35b8f5);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(87, 91, 242, .22);
}

.guide[data-v-bd2d417d] .open svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

[data-pane="done"] .btn.ghost[data-v-bd2d417d] {
  margin-top: 4px;
}

@media (max-width: 480px) {
  .seg[data-v-bd2d417d] {
    gap: 7px;
  }
}

.brand p[data-v-bd2d417d] {
  display: none;
}

.subseg {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 0 0 24px;
  flex-wrap: wrap;
}

.subseg button {
  min-width: 150px;
  height: 48px;
  border: 1px solid var(--bd);
  border-radius: 999px;
  background: var(--card);
  color: var(--t2);
  font-weight: 800;
  cursor: pointer;
}

.subseg button.on {
  background: var(--t1);
  border-color: var(--t1);
  color: var(--bg);
}

.query-results,
.sub-result {
  margin-top: 16px;
}

[data-pane="query"] .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 18px;
}

[data-pane="query"] .btn,
[data-pane="swap"] .btn {
  min-height: 56px !important;
  border-radius: 999px;
  border: 1px solid var(--bd);
  background: linear-gradient(135deg, #5d5df4, #35b8f5);
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  box-shadow: 0 18px 34px rgba(87, 91, 242, .24);
  cursor: pointer;
}

[data-pane="query"] .btn.ghost {
  background: var(--card);
  color: var(--t1);
  box-shadow: none;
}

.query-result-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--bd);
  border-radius: 14px;
  background: var(--input);
  margin-top: 10px;
}

.query-result-item strong,
.query-result-item b {
  display: block;
  color: var(--t1);
}

.query-result-item span {
  display: block;
  margin-top: 5px;
  color: var(--t3);
  font-size: 12px;
}

.query-result-item.new b {
  color: #16c784;
}

.query-result-item.used b {
  color: #45a3ff;
}

.query-result-item.bad b,
.query-result-item.missing b {
  color: #ff6b8a;
}

.alert.info {
  border-color: rgba(99, 102, 241, .48);
  background: rgba(99, 102, 241, .12);
  color: var(--t1);
}

.alert.ok {
  border-color: rgba(16, 185, 129, .48);
  background: rgba(16, 185, 129, .12);
  color: var(--t1);
}

.swap-new-code {
  display: inline-block;
  margin: 10px 10px 0 0;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .5px;
  color: #16c784;
}

.mini-copy {
  border: 1px solid var(--bd);
  border-radius: 999px;
  background: var(--card);
  color: var(--t1);
  padding: 8px 12px;
  font-weight: 800;
  cursor: pointer;
}

.used-details-card {
  border: 1px solid rgba(69, 163, 255, .28) !important;
  background: linear-gradient(180deg, rgba(69, 163, 255, .08), rgba(99, 102, 241, .06)) !important;
  color: var(--t1) !important;
  margin-bottom: 18px;
}

.used-details-head {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.used-details-head span {
  font-size: 20px;
  font-weight: 900;
}

.used-details-head b {
  color: var(--t3);
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.used-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.used-details-grid div {
  border: 1px solid var(--bd);
  border-radius: 14px;
  padding: 12px;
  background: var(--input);
}

.used-details-grid span {
  display: block;
  color: var(--t3);
  font-size: 12px;
  margin-bottom: 6px;
}

.used-details-grid strong {
  display: block;
  color: var(--t1);
  font-size: 15px;
  word-break: break-word;
}

.used-details-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.used-details-actions .mini-copy {
  padding: 10px 16px;
}

.subscription-card {
  border: 1px solid var(--bd);
  border-radius: 18px;
  background: var(--input);
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(15, 23, 42, .06);
}

.subscription-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-left: 4px solid #8b95ff;
  background: var(--input);
}

.subscription-head span,
.subscription-grid span {
  display: block;
  color: var(--t3);
  font-size: 13px;
  margin-bottom: 8px;
}

.subscription-head strong {
  display: block;
  color: var(--t1);
  font-size: 23px;
}

.subscription-head em {
  display: block;
  margin-top: 8px;
  color: var(--t2);
  font-style: normal;
}

.subscription-head b {
  color: var(--t2);
  align-self: center;
}

.subscription-head b.active {
  color: #0f9f5f;
}

.subscription-head b.inactive {
  color: #d45b68;
}

.subscription-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  padding: 16px 20px 20px;
  border-top: 1px solid var(--bd);
}

.subscription-grid div {
  border-radius: 0;
  background: transparent;
  padding: 14px 0;
}

.subscription-grid strong {
  color: var(--t1);
  word-break: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 620px) {
  .subscription-grid {
    grid-template-columns: 1fr;
  }
}

/* Admin panel */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#f4f7fb;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.admin-shell .side{background:#101828;color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:22px;box-shadow:8px 0 30px rgba(15,23,42,.12)}
.admin-shell .brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;font-size:18px}
.admin-shell .brand img{width:42px;height:42px;object-fit:contain;border-radius:12px;box-shadow:0 8px 22px rgba(69,115,255,.28)}
.admin-shell .side nav{gap:8px}
.admin-shell .side a{color:#cbd5e1;text-decoration:none;border-radius:10px;padding:10px 12px;font-weight:800;font-size:14px}
.admin-shell .side a:hover,.admin-shell .side a.active{background:#2563eb;color:#fff}
.admin-shell .main{padding:28px;max-width:1500px;width:100%}
.admin-shell h1{font-size:28px;margin:0 0 8px;color:#0f172a}
.admin-shell h2{font-size:18px;margin:0 0 14px;color:#0f172a}
.admin-shell h3{font-size:14px;color:#0f172a}
.admin-shell .subtitle{color:#64748b;margin:0 0 18px}
.admin-shell .notice{background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:12px;padding:12px 14px;margin:0 0 18px;font-weight:800}
.admin-shell .metric{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.admin-shell .card{background:#fff;border:1px solid #dbe4f0;border-radius:14px;padding:18px;box-shadow:0 16px 40px rgba(15,23,42,.07);overflow:auto}
.admin-shell .card .hint,.admin-shell .hint{color:#667085;font-size:12px}
.admin-shell .card strong{display:block;font-size:28px;line-height:1.1;margin-top:6px;color:#0b1f3a}
.admin-shell .split{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:16px;margin:16px 0}
.admin-shell .toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.admin-shell .form-row{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.admin-shell label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:900}
.admin-shell input,.admin-shell select,.admin-shell textarea{width:100%;border:1px solid #cfd8e6;border-radius:10px;padding:10px 12px;background:#fff;color:#0f172a;font:inherit}
.admin-shell textarea{min-height:140px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.admin-shell .btn{border:0;border-radius:10px;padding:10px 14px;background:#2563eb;color:#fff;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.admin-shell .btn.secondary{background:#eef2f7;color:#0f172a;border:1px solid #dbe4f0}
.admin-shell .table{width:100%;border-collapse:collapse;font-size:13px}
.admin-shell .table th{color:#667085;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc}
.admin-shell .table th,.admin-shell .table td{border-bottom:1px solid #edf2f7;padding:11px 10px;vertical-align:top}
.admin-shell .codebox{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}
.admin-shell .badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900;background:#fff7ed;color:#b45309}
.admin-shell .badge.ok{background:#dcfce7;color:#166534}
.admin-shell .badge.fail{background:#fee2e2;color:#b91c1c}
.admin-shell .badge.pending{background:#e0f2fe;color:#0369a1}
.login{min-height:100vh;display:grid;place-items:center;background:#f4f7fb;padding:20px}
.login>.card{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:26px;box-shadow:0 24px 70px rgba(15,23,42,.12)}
.login .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0f172a;font-weight:900;margin-bottom:20px}
.login .brand img{width:44px;height:44px;object-fit:contain;border-radius:12px}
.login h1{font-size:26px;margin:0 0 18px;color:#0f172a}
.login .form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.login label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:900}
.login input{width:100%;border:1px solid #cfd8e6;border-radius:10px;padding:11px 12px;font:inherit}
.login .btn{width:100%;border:0;border-radius:10px;padding:12px;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}
@media(max-width:800px){.admin-shell{grid-template-columns:1fr}.admin-shell .side{position:relative}.admin-shell .split{grid-template-columns:1fr}.admin-shell .main{padding:18px}}