:root {
  --bg: #070b14;
  --bg-soft: #0d1424;
  --card: rgba(15, 23, 42, 0.78);
  --card-strong: rgba(17, 24, 39, 0.9);
  --border: rgba(148, 163, 184, 0.14);
  --text: #e5eefb;
  --muted: #9aa7be;
  --primary: #5b8cff;
  --primary-2: #6ee7f9;
  --danger: #ff5f7a;
  --green: #34d399;
  --shadow: 0 20px 70px rgba(0, 0, 0, 0.32);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top, rgba(44, 61, 112, 0.22), transparent 30%), linear-gradient(180deg, #060913 0%, #0a1020 100%);
  color: var(--text);
  min-height: 100vh;
}
.aurora { position: fixed; inset: auto; pointer-events: none; filter: blur(70px); opacity: .22; z-index: 0; }
.aurora-a { width: 280px; height: 280px; background: #3b82f6; top: 80px; left: -40px; }
.aurora-b { width: 320px; height: 320px; background: #22d3ee; top: 180px; right: -60px; }
.container { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; padding: 24px; }
.header { position: sticky; top: 0; backdrop-filter: blur(18px); background: rgba(7, 11, 20, 0.5); border-bottom: 1px solid rgba(255,255,255,.05); z-index: 5; }
.nav { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.nav nav { display: flex; flex-wrap: wrap; gap: 14px; }
.nav a { color: #bfd3ff; text-decoration: none; font-size: 14px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; color: white !important; letter-spacing: .02em; }
.brand-badge { width: 34px; height: 34px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary), var(--primary-2)); color: white; box-shadow: 0 10px 30px rgba(91, 140, 255, .35); }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(34px, 6vw, 58px); line-height: 1.02; letter-spacing: -0.04em; }
h2 { font-size: clamp(24px, 4vw, 34px); line-height: 1.05; letter-spacing: -0.03em; }
h3 { font-size: 18px; }
.lead, .big { color: #c8d4ea; font-size: 17px; line-height: 1.7; }
.eyebrow { display: inline-block; margin-bottom: 14px; color: #86a7ff; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 700; }
.hero { padding: 38px 0 14px; }
.hero-grid { display: grid; grid-template-columns: 1.2fr .9fr; gap: 22px; align-items: stretch; }
.hero-actions, .pill-row, .mini-badges, .quick-amounts, .region-list { display: flex; flex-wrap: wrap; gap: 10px; }
.pill, .region-pill, .chip { padding: 9px 12px; border-radius: 999px; font-size: 13px; border: 1px solid var(--border); background: rgba(255,255,255,.04); color: var(--text); }
.chip-green { background: rgba(52, 211, 153, .12); color: #bdfce0; border-color: rgba(52, 211, 153, .22); }
.chip-red { background: rgba(255, 95, 122, .12); color: #ffd3dc; border-color: rgba(255, 95, 122, .22); }
.card, .section, .premium-card, .device-card, .auth-card { background: var(--card); border: 1px solid var(--border); border-radius: 24px; box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.premium-card { background: linear-gradient(180deg, rgba(20,29,49,.88) 0%, rgba(10,15,28,.9) 100%); }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin: 18px 0 26px; }
.compact-gap { margin-top: 4px; }
.card, .stat-card { padding: 22px; }
.card strong { display: block; font-size: 29px; margin-bottom: 7px; }
.card span, .muted { color: var(--muted); }
.section { padding: 22px; margin-bottom: 18px; }
.surface { background: var(--card-strong); }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.section-head.tight { margin-bottom: 14px; }
.btn { display: inline-flex; justify-content: center; align-items: center; gap: 8px; border: none; border-radius: 16px; padding: 12px 18px; cursor: pointer; text-decoration: none; font-weight: 700; transition: .18s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: linear-gradient(135deg, var(--primary), #7c5cff); color: white; box-shadow: 0 14px 35px rgba(91, 140, 255, .35); }
.btn-glass { background: rgba(255,255,255,.05); color: var(--text); border: 1px solid var(--border); }
.btn-danger { background: linear-gradient(135deg, #ef4444, #fb7185); color: white; }
.wide { width: 100%; }
input, select { width: 100%; margin: 8px 0 12px; padding: 13px 14px; border-radius: 16px; border: 1px solid rgba(255,255,255,.09); background: rgba(6, 10, 19, .85); color: var(--text); outline: none; }
input:focus { border-color: rgba(91, 140, 255, .5); box-shadow: 0 0 0 4px rgba(91, 140, 255, .11); }
code { display:block; background:#08101e; color:#a5f3fc; padding:14px; border-radius:16px; overflow:auto; border: 1px solid rgba(255,255,255,.06); }
.auth-shell { display: flex; justify-content: center; padding: 36px 0; }
.auth-card { width: min(100%, 620px); padding: 28px; }
.alert { background: rgba(255,95,122,.12); border: 1px solid rgba(255,95,122,.22); color: #ffd5dd; padding: 12px 14px; border-radius: 14px; margin-bottom: 14px; }
.hint-box, .empty-box, .retention-card { background: rgba(255,255,255,.04); border: 1px solid var(--border); border-radius: 18px; padding: 16px; }
.showcase { padding: 24px; display:flex; flex-direction:column; gap:18px; }
.showcase-top, .balance-panel-top, .progress-label { display:flex; justify-content: space-between; gap:10px; align-items:center; }
.status-dot { width: 10px; height: 10px; background: var(--green); border-radius: 999px; box-shadow: 0 0 18px rgba(52,211,153,.8); }
.showcase-balance { font-size: 24px; font-weight: 700; }
.showcase-metrics { display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.showcase-metrics div { background: rgba(255,255,255,.04); padding: 14px; border-radius: 18px; }
.showcase-metrics strong { display:block; font-size: 23px; }
.timeline { display:grid; gap: 12px; }
.timeline div { border-left: 2px solid rgba(110,231,249,.35); padding-left: 14px; }
.steps-grid, .retention-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.step-card { background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 22px; padding: 20px; }
.step-index { display:inline-flex; width: 44px; height:44px; border-radius:14px; align-items:center; justify-content:center; background: rgba(91,140,255,.14); color:#bfd3ff; font-weight:800; margin-bottom: 16px; }
.balance-panel { padding: 24px; display:flex; flex-direction:column; justify-content:space-between; }
.balance-number { font-size: 52px; font-weight: 800; line-height: 1; letter-spacing: -.04em; margin: 8px 0 12px; }
.balance-meta { color: #cad8f3; }
.progress-wrap { margin-top: 18px; }
.progress { height: 12px; border-radius: 999px; background: rgba(255,255,255,.06); overflow:hidden; }
.progress span { display:block; height:100%; background: linear-gradient(90deg, var(--primary), var(--primary-2)); border-radius:999px; }
.topup-grid { display:grid; grid-template-columns: 1fr auto; gap: 10px; }
.quick-amounts span { color: var(--muted); }
.quick-amounts a { color: #c7d6ff; text-decoration: none; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.04); border: 1px solid var(--border); }
.device-preview-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.device-chip { background: rgba(255,255,255,.04); border: 1px solid var(--border); border-radius: 18px; padding: 14px; display:grid; gap: 4px; }
.device-list { display: grid; gap: 14px; }
.device-card { display:flex; justify-content: space-between; gap: 18px; align-items:flex-start; padding: 18px; }
.device-actions { display:grid; gap: 10px; min-width: min(100%, 320px); }
.inline-form { display:flex; gap:8px; margin-bottom:0; }
.mini-shell { display:grid; gap: 16px; }
.mini-top, .mini-nav { padding: 20px; }
.mini-nav { display:flex; gap:10px; flex-wrap:wrap; }
.mini-tab { border: 1px solid var(--border); background: rgba(255,255,255,.04); color: var(--text); padding: 12px 14px; border-radius: 16px; cursor: pointer; font-weight: 700; }
.mini-tab.is-active { background: linear-gradient(135deg, var(--primary), #7c5cff); border-color: transparent; }
.mini-tab-panel { display:none; }
.mini-tab-panel.is-active { display:block; }
.support-list, .clean-list { list-style: none; padding: 0; margin: 0; display:grid; gap: 10px; }
.spacer-top { margin-top: 16px; }
table { width:100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid rgba(255,255,255,.08); padding: 10px; text-align:left; }
@media (max-width: 900px) {
  .hero-grid, .two-col, .topup-grid { grid-template-columns: 1fr; }
  .nav { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 700px) {
  .container { padding: 18px; }
  .device-card, .inline-form { display:block; }
  .device-actions { min-width: 100%; }
  .balance-number { font-size: 40px; }
  .showcase-metrics { grid-template-columns: 1fr; }
}

.premium-hero { display:grid; grid-template-columns: 1.3fr .9fr; gap:18px; align-items:stretch; }
.hero-side, .cta-stack { display:grid; gap:12px; }
.warning-card { border-radius:20px; padding:18px; border:1px solid var(--border); background:rgba(255,255,255,.04); }
.danger-glow { box-shadow: 0 0 0 1px rgba(255,95,122,.18), 0 18px 45px rgba(255,95,122,.12); }
.warn-glow { box-shadow: 0 0 0 1px rgba(245,158,11,.18), 0 18px 45px rgba(245,158,11,.10); }
.ok-glow { box-shadow: 0 0 0 1px rgba(52,211,153,.16), 0 18px 45px rgba(52,211,153,.10); }
.hero-cta-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.retention-accent { background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); }
.action-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
.action-tile { text-align:left; border:none; cursor:pointer; border-radius:22px; padding:18px; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); color:var(--text); border:1px solid var(--border); }
.action-tile span { font-size:24px; display:block; margin-bottom:10px; }
.action-tile strong, .action-tile small { display:block; }
.subscription-note-grid, .owner-grid, .server-grid { display:grid; gap:14px; }
.subscription-note-grid, .owner-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.premium-device-card { background: linear-gradient(180deg, rgba(20,29,49,.88), rgba(12,17,30,.96)); }
.referral-hero { padding:18px; display:grid; gap:12px; }
.owner-shell { background:transparent; border:none; box-shadow:none; padding:0; }
.owner-card { padding:18px; }
.owner-form-stack, .owner-form-grid, .server-toggle-form { display:grid; gap:10px; }
.owner-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.owner-form-grid .wide { grid-column:1 / -1; }
.server-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.server-card { padding:18px; display:grid; gap:10px; }
.mini-tab-owner { background: linear-gradient(135deg, rgba(251,191,36,.14), rgba(249,115,22,.14)); }
@media (max-width: 900px) { .premium-hero, .owner-form-grid { grid-template-columns: 1fr; } }


.premium-status-band { margin-top: 8px; }
.status-band-grid { display:grid; grid-template-columns: 1.3fr .9fr; gap:16px; align-items:center; }
@media (max-width: 900px) { .status-band-grid { grid-template-columns: 1fr; } }

/* v8 premium ui */
.stats-grid-premium{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}
.premium-retention-grid .retention-card,.premium-action-grid .action-tile,.premium-device-card,.owner-card,.server-card,.referral-hero,.premium-status-band{box-shadow:0 10px 30px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06)}
.code-shell{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.compact-code-shell{margin-top:10px}
.code-actions{display:flex;gap:10px;align-items:center}
.premium-support-list{padding-left:18px}
.premium-support-list li{margin:8px 0}
.device-health-strip,.server-state-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.pill-success{background:rgba(34,197,94,.14);color:#7ef0a1}
.pill-muted{background:rgba(148,163,184,.12);color:#d6ddeb}
.owner-stats-grid{margin-bottom:18px}
.owner-form-stack select,.owner-form-stack input,.owner-form-grid input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:inherit;padding:12px 14px;width:100%}
.owner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width: 760px){.owner-form-grid{grid-template-columns:1fr}.code-shell{align-items:flex-start}.hero-cta-row{display:flex;flex-wrap:wrap}}


/* v9 premium analytics */
.premium-insight-band{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;background:linear-gradient(180deg,rgba(91,140,255,.08),rgba(255,255,255,.02));}
.insight-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.insight-metrics div,.owner-health-grid div{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.insight-metrics strong,.owner-health-grid strong{display:block;font-size:24px;margin-bottom:6px}
.owner-stats-grid-wide{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.owner-health-card{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;margin-bottom:16px}
.owner-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.owner-actions-card{grid-column:1 / -1}
.owner-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.owner-action{min-height:130px}
.action-tile:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.mini-tab{transition:.18s ease, background .18s ease}
.mini-tab:hover{transform:translateY(-1px)}
@media (max-width:900px){.premium-insight-band,.owner-health-card{grid-template-columns:1fr}.insight-metrics,.owner-health-grid{grid-template-columns:1fr}}


/* v10 premium analytics */
.retention-rail{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.retention-rail-card{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.retention-critical{background:linear-gradient(180deg,rgba(239,68,68,.18),rgba(255,255,255,.03));}
.retention-warning{background:linear-gradient(180deg,rgba(245,158,11,.18),rgba(255,255,255,.03));}
.retention-ok{background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(255,255,255,.03));}
.owner-analytics-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.analytics-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:220px;padding-top:12px}
.analytics-bar-col{display:flex;flex-direction:column;align-items:center;gap:8px}
.analytics-bars{height:150px;display:flex;align-items:flex-end;gap:6px}
.analytics-bar{display:block;width:16px;border-radius:999px 999px 6px 6px;min-height:10px;box-shadow:0 10px 20px rgba(0,0,0,.18)}
.analytics-bar.payments{background:linear-gradient(180deg,#5b8cff,#3568ff)}
.analytics-bar.regs{background:linear-gradient(180deg,#22c55e,#16a34a)}
.owner-alert-list{display:grid;gap:10px}
.owner-alert{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.owner-alert p{margin:6px 0 0;color:#b9c4d9}
.owner-alert-critical{background:linear-gradient(180deg,rgba(239,68,68,.16),rgba(255,255,255,.02))}
.owner-alert-warning{background:linear-gradient(180deg,rgba(245,158,11,.16),rgba(255,255,255,.02))}
.owner-alert-ok{background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(255,255,255,.02))}
@media (max-width:900px){.retention-rail,.owner-analytics-grid{grid-template-columns:1fr}}


.owner-setup-list{display:grid;gap:12px}.setup-row{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.setup-row.is-ok{border-color:rgba(16,185,129,.35)}.setup-row.is-pending{border-color:rgba(245,158,11,.25)}.setup-row p{margin:6px 0 0;color:#9fb0d3}.hint-box{margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(91,140,255,.08);border:1px solid rgba(91,140,255,.18);color:#dbe7ff}.subscription-preview{white-space:pre-wrap;word-break:break-word;background:#08101d;color:#dbe7ff;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);max-height:280px;overflow:auto}.owner-alert{padding:12px 14px;border-radius:16px}.owner-alert-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25)}.owner-alert-critical{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25)}.owner-alert-ok{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25)}

/* compact user miniapp */
.card-soft{background:#121a2b;border:1px solid rgba(255,255,255,.06);border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.mini-v3{max-width:760px;margin:0 auto;padding:16px 12px 96px;display:grid;gap:12px}
.mini-v3__topbar,.mini-v3__cta-row,.mini-sheet__head,.mini-v3__section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mini-v3__brand{font-size:18px;font-weight:800;letter-spacing:.01em}.mini-v3__hint,.mini-v3__hero-meta,.mini-v3__referral p,.mini-v3__empty,.mini-v3__device-note,.mini-v3__device-main span,.mini-v3__device-side small{color:#94a1c0}
.mini-v3__topbar-actions{display:flex;align-items:center;gap:8px}.mini-v3__chip,.mini-v3__device-count{padding:8px 12px;border-radius:999px;background:#18233b;font-size:13px;font-weight:700}.mini-v3__chip--critical{background:#3a1820;color:#ffb4be}.mini-v3__chip--warning{background:#3a2b13;color:#ffd38d}.mini-v3__chip--ok{background:#132e22;color:#92f0b8}.mini-v3__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#18233b;color:#fff;text-decoration:none;border:none;cursor:pointer}
.mini-v3__hero,.mini-v3__devices,.mini-v3__referral{padding:18px}.mini-v3__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#7f92bd}.mini-v3__balance{margin-top:6px;font-size:40px;line-height:1;font-weight:850}.mini-v3__hero-meta{margin-top:6px}.mini-v3__cta-row{margin-top:14px;flex-wrap:wrap}.mini-v3__cta-row--tight{margin-top:10px}.mini-v3__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;background:#18233b;color:#eef2ff;padding:12px 15px;border-radius:14px;font-weight:700;cursor:pointer}.mini-v3__button--primary{background:#4f7cff}.mini-v3__button--small{padding:9px 12px;border-radius:12px;font-size:13px}.mini-v3__button--danger{background:#3a1820;color:#ffb4be;width:100%}
.mini-v3__section-head h2,.mini-v3__referral h2{margin:4px 0 0;font-size:24px}.mini-v3__device-note{margin-top:6px}
.mini-v3__device-list-main{display:grid;gap:10px;margin-top:14px}.mini-v3__device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:none;background:#0e1628;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:15px;text-align:left;cursor:pointer}.mini-v3__device-main strong,.mini-device-card__detail-top strong{display:block;font-size:18px}.mini-v3__device-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mini-v3__device-side span{font-size:13px;font-weight:700;color:#9cb7ff}
.mini-v3__referral{display:grid;gap:12px}.mini-v3__referral p{margin:0}.mini-v3__referral-actions code,.mini-device-card code{display:block;background:#0b1120;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px;overflow:auto;color:#dfe7ff;word-break:break-all}
.mini-sheet{position:fixed;inset:0;display:none;z-index:60}.mini-sheet.is-open{display:block}.mini-sheet__backdrop{position:absolute;inset:0;background:rgba(3,7,15,.72);backdrop-filter:blur(6px)}.mini-sheet__dialog{position:relative;z-index:1;background:#11192b;border:1px solid rgba(255,255,255,.06);border-radius:24px;max-height:calc(100dvh - 28px);overflow:auto;-webkit-overflow-scrolling:touch;box-shadow:0 26px 60px rgba(0,0,0,.35)}.mini-sheet__dialog--bottom{position:absolute;left:10px;right:10px;bottom:10px;max-width:760px;margin:0 auto;padding:14px}.mini-sheet__dialog--wide{max-width:760px}.mini-sheet__grab{width:42px;height:5px;border-radius:999px;background:#30405f;margin:2px auto 12px}.mini-sheet__form{display:grid;gap:12px}.mini-sheet__form label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8fa0c4}.mini-sheet__form input,.mini-sheet__form select{background:#0b1120;color:#eef2ff;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}.mini-sheet__quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-sheet__quick-grid button{border:none;background:#18233b;color:#eef2ff;padding:12px;border-radius:12px;font-weight:700;cursor:pointer}.mini-sheet__form--stacked{grid-template-columns:1fr}
.mini-device-card{padding:14px;background:#0e1628;border:1px solid rgba(255,255,255,.05);border-radius:18px}.mini-device-card--detail{margin-top:8px}.mini-device-card__detail-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.mini-device-card__grid{display:grid;grid-template-columns:1fr;gap:10px}.mini-device-card__delete{margin-top:14px}.mini-device-card__rename{margin-bottom:8px}
@media (max-width:720px){.mini-v3{padding:14px 10px 90px}.mini-v3__balance{font-size:36px}.mini-device-card__detail-top{grid-template-columns:1fr}.mini-sheet__quick-grid{grid-template-columns:1fr 1fr}.mini-v3__topbar,.mini-v3__cta-row,.mini-sheet__head,.mini-v3__section-head{align-items:flex-start}.mini-v3__button{width:100%}.mini-v3__cta-row .mini-v3__button{flex:1 1 100%}.mini-v3__device-row{align-items:flex-start}.mini-v3__device-side{align-items:flex-start}}


/* ui refresh devices-only */
body{background:#0b1220;color:#edf2ff}
a{color:#9ec1ff}
a:hover{color:#c9dcff}
.header--minimal{border-bottom:1px solid rgba(255,255,255,.06);background:rgba(11,18,32,.72);backdrop-filter:blur(14px)}
.nav--single{justify-content:space-between;gap:14px}.nav-pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#1a2740;color:#f4f7ff;font-weight:700}
.footer-links--compact a{color:#aebee0}
.mini-v3__topbar.card-soft{padding:16px 18px}
.mini-v3__hint,.mini-v3__hero-meta,.mini-v3__device-note,.mini-v3__empty,.mini-v3__device-main span,.mini-v3__device-side small,.mini-sheet__note{color:#c0cdee}
.mini-v3__eyebrow,.mini-sheet__form label,.mini-device-card label{color:#9fb5e8}
.mini-v3__button{background:#253551;color:#f7f9ff;border:1px solid rgba(255,255,255,.06)}
.mini-v3__button:hover{filter:brightness(1.08)}
.mini-v3__button--primary{background:#5d7cff;color:#fff}
.mini-v3__button--ghost{background:transparent}
.mini-v3__device-row{background:#131d31;border-color:rgba(255,255,255,.08)}
.mini-v3__device-side span{color:#c9d7ff}
.mini-sheet__dialog{background:#10192c}
.mini-sheet__form input,.mini-sheet__form select{background:#0d1526;color:#f5f7ff;border:1px solid rgba(255,255,255,.12)}
.mini-sheet__quick-grid button{background:#22314d;color:#fff}
.mini-alert{padding:14px 16px;border-radius:18px;font-weight:600;border:1px solid rgba(255,255,255,.1)}
.mini-alert--success{background:rgba(16,185,129,.14);color:#b7f5d7;border-color:rgba(16,185,129,.35)}
.mini-alert--error{background:rgba(239,68,68,.14);color:#ffc6c6;border-color:rgba(239,68,68,.34)}

/* dashboard layout refresh */
.mini-v3--dashboard{max-width:820px;gap:14px}
.mini-v3__hero{display:grid;gap:16px;padding:22px}
.mini-v3__hero-balance-wrap{text-align:center;padding-top:4px}
.mini-v3__balance{font-size:64px;font-weight:900;letter-spacing:-.05em}
.mini-v3__hero-meta{font-size:16px}
.mini-v3__action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mini-v3__action-card{display:grid;gap:8px;align-items:center;justify-items:center;padding:20px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#16233b,#111b2f);color:#f5f7ff;cursor:pointer}
.mini-v3__action-card strong{font-size:20px}
.mini-v3__action-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:#4f7cff;color:#fff;font-size:28px;line-height:1}
.mini-v3__devices,.mini-v3__referral{padding:20px}
.mini-v3__section-head h2{font-size:20px}
.mini-v3__device-list-main{margin-top:16px}
.mini-v3__device-row{grid-template-columns:auto 1fr auto;display:grid;align-items:center;padding:16px 15px}
.mini-v3__device-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#6fd16d;color:#fff;font-size:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.mini-v3__device-main strong{font-size:19px}
.mini-v3__device-main span{font-size:14px}
.mini-v3__referral{text-align:center}
.mini-v3__referral-emoji{font-size:48px;line-height:1}
.mini-v3__referral h2{font-size:38px;line-height:1.06;letter-spacing:-.04em;margin:0}
.mini-v3__referral p{font-size:18px;line-height:1.5;color:#cdd8f5}
.mini-v3__referral-actions{display:grid;gap:12px}
.mini-v3__cta-row--double .mini-v3__button{flex:1 1 0}
.mini-v3__button{min-height:52px}
.mini-v3__button--danger{background:#2a1520;color:#ff6f87;border-color:rgba(255,111,135,.12)}
.mini-sheet__dialog--bottom{padding:16px}
.mini-sheet__form input,.mini-sheet__form select{font-size:16px}
.mini-device-card__detail-top label,.mini-device-card__grid label,.mini-device-card__rename label{display:block;margin-bottom:6px}
.mini-device-card__detail-top strong{font-size:17px}
#referral-link,#device-link{font-size:14px}
@media (max-width:720px){
  .mini-v3__balance{font-size:56px}
  .mini-v3__referral h2{font-size:30px}
  .mini-v3__referral p{font-size:16px}
  .mini-v3__action-grid{grid-template-columns:1fr 1fr}
  .mini-v3__action-card{padding:16px 10px}
  .mini-v3__action-card strong{font-size:18px}
  .mini-v3__device-row{grid-template-columns:auto 1fr;grid-template-areas:'icon main''icon side';align-items:start}
  .mini-v3__device-icon{grid-area:icon}
  .mini-v3__device-main{grid-area:main}
  .mini-v3__device-side{grid-area:side;align-items:flex-start;padding-left:60px}
}


body.mini-sheet-open{}
.mini-sheet{overscroll-behavior:contain}
.mini-sheet__dialog{overscroll-behavior:contain}
.mini-v3__action-card,.mini-v3__device-row{text-decoration:none}
.mini-v3__action-card:focus-visible,.mini-v3__button:focus-visible,.mini-v3__device-row:focus-visible,.mini-v3__icon:focus-visible{outline:2px solid #8fb0ff;outline-offset:2px}
.mini-v3__button[disabled],.mini-sheet__quick-grid button[disabled]{opacity:.72;cursor:not-allowed}
.mini-v3__button.is-loading{filter:saturate(.8)}
.mini-v3__cta-row--double > *{flex:1 1 0}
@media (max-width:720px){
  .mini-sheet__dialog--bottom{left:8px;right:8px;bottom:8px;padding:12px}
  .mini-v3__action-grid{grid-template-columns:1fr 1fr}
  .mini-v3__cta-row--double{display:grid;grid-template-columns:1fr 1fr;gap:10px}
}


.header--minimal .nav--single{justify-content:flex-start}
.nav-pill{display:none!important}
.mini-v3__devices{margin-top:8px}
.mini-v3__device-note{margin-bottom:2px}
.mini-v3__device-row{background:linear-gradient(180deg,#131d31 0%,#10192b 100%);border-color:rgba(143,176,255,.14);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.mini-v3__device-row:hover{border-color:rgba(143,176,255,.28);transform:translateY(-1px)}
.mini-v3__device-main strong{font-size:17px;line-height:1.2}
.mini-v3__device-main span{font-size:13px}
.mini-v3__device-side{justify-content:center}
.mini-v3__device-side span{font-size:12px;font-weight:800;letter-spacing:.02em}
.mini-device-card__detail-top{margin-top:10px}


.mini-setup-card{display:grid;gap:14px}
.mini-setup-card__hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:#101a2d;border:1px solid rgba(255,255,255,.06)}
.mini-setup-card__hero strong{font-size:18px}
.mini-setup-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#173057;color:#cfe0ff;font-size:12px;font-weight:800}
.mini-setup-card__steps{padding:14px;border-radius:16px;background:#0b1120;border:1px solid rgba(255,255,255,.06)}
.mini-setup-card__steps ol{margin:0;padding-left:18px;display:grid;gap:10px;color:#dce5ff}
.mini-setup-card__steps li{line-height:1.45}
@media (max-width:720px){.mini-setup-card__hero{align-items:flex-start;flex-direction:column}.mini-setup-card__badge{width:100%}}


/* device list refresh v8 */
.mini-v3__section-head--devices{align-items:center}
.mini-v3__device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.mini-v3__device-card-item{display:grid;gap:14px;padding:16px;border-radius:22px;border:1px solid rgba(143,176,255,.14);background:linear-gradient(180deg,#141f35 0%,#0f172a 100%);box-shadow:0 18px 42px rgba(0,0,0,.22);text-decoration:none;color:#f4f7ff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.mini-v3__device-card-item:hover{transform:translateY(-2px);border-color:rgba(143,176,255,.3);box-shadow:0 20px 48px rgba(0,0,0,.28)}
.mini-v3__device-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mini-v3__device-icon{width:52px;height:52px;border-radius:18px;font-size:28px}
.mini-v3__device-icon--ios{background:linear-gradient(180deg,#8fb4ff,#6f8eff)}
.mini-v3__device-icon--android{background:linear-gradient(180deg,#7fd46a,#4bb865)}
.mini-v3__device-icon--windows{background:linear-gradient(180deg,#72c4ff,#4b93ff)}
.mini-v3__device-icon--mac{background:linear-gradient(180deg,#99a7c7,#7588b4)}
.mini-v3__device-icon--router{background:linear-gradient(180deg,#f0b86b,#da8a43)}
.mini-v3__device-icon--other{background:linear-gradient(180deg,#8d9bb7,#62708e)}
.mini-v3__device-open{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:800;color:#dce6ff}
.mini-v3__device-card-body{display:grid;gap:4px}
.mini-v3__device-card-body strong{font-size:18px;line-height:1.2}
.mini-v3__device-card-body span{font-size:14px;color:#c6d3f1}
.mini-v3__device-meta-chips{display:flex;flex-wrap:wrap;gap:8px}
.mini-v3__device-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;background:#182743;color:#dce7ff;font-size:12px;font-weight:700}
.mini-v3__device-chip--muted{background:rgba(255,255,255,.06);color:#adbcdf}
.mini-v3__empty--devices{display:grid;justify-items:center;text-align:center;padding:26px 18px;border-radius:22px;border:1px dashed rgba(143,176,255,.2);background:linear-gradient(180deg,rgba(17,25,44,.82),rgba(12,18,33,.82));gap:10px}
.mini-v3__empty--devices strong{font-size:18px}
.mini-v3__empty--devices span{max-width:320px}
.mini-v3__empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:20px;background:#1a2740;color:#9ec1ff;font-size:28px}
@media (max-width:720px){
  .mini-v3__device-grid{grid-template-columns:1fr}
  .mini-v3__device-card-item{padding:15px}
}


/* miniapp menu/modal stability v13 */
body.miniapp-body .footer-links--compact{position:relative;z-index:1;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 18px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
body.mini-sheet-open .footer-links--compact{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px)}
body.mini-sheet-open .header{opacity:0;visibility:hidden;pointer-events:none}
body.mini-sheet-open .mini-sheet{pointer-events:auto}
.mini-sheet{overscroll-behavior:contain;touch-action:auto}
.mini-sheet__backdrop{touch-action:auto}
.mini-sheet__dialog{position:relative;z-index:2;touch-action:auto;overscroll-behavior:contain;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))}
.mini-sheet__dialog--bottom{bottom:max(10px, env(safe-area-inset-bottom, 0px));}
@media (max-width:720px){
  .mini-sheet__dialog{max-height:calc(100dvh - 18px)}
  body.miniapp-body .footer-links--compact{font-size:13px;gap:10px}
}