:root{
  --bg:#05070d; --panel:#0f172aee; --bd:#1f2a4455; --inner:#0b1324;
  --txt:#eaf2ff; --dim:#a8b3c7;
  --aqua:#4fd5ff; --blue:#38bdf8; --vio:#a78bfa; --green:#22c55e; --red:#ef4444;
  --r:14px; --shadow:0 40px 120px rgb(0 0 0 /.9);
}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
html,body{height:100%}
body{
  margin:0; color:var(--txt);
  background: radial-gradient(circle at 20% 20%,#122238 0%,#05070d 60%) fixed;
  font-family:-apple-system,BlinkMacSystemFont,"Microsoft JhengHei","Segoe UI",Roboto,Arial,sans-serif;
}
.site-top{position:sticky;top:0;z-index:30;background:#0d1320f2;border-bottom:1px solid rgba(56,189,248,.18);backdrop-filter:blur(8px);box-shadow:0 30px 80px rgb(0 0 0 /.9)}
.top-nav{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;gap:12px;align-items:center}
.top-nav a{color:#fff;text-decoration:none;background:#1a253d;border:1px solid rgba(56,189,248,.3);border-radius:8px;padding:8px 12px;font-size:13px;box-shadow:0 20px 60px rgb(0 0 0 /.8),0 0 20px rgba(56,189,248,.35) inset}
.top-nav a:hover{background:#223455}
.top-nav .right{margin-left:auto;display:flex;gap:10px}

.wrap{max-width:1180px;margin:26px auto 80px;padding:0 16px}
.page-title{margin:0 0 16px;font-size:24px}
.gradient-title{
  background: linear-gradient(90deg,#93c5fd,#38bdf8,#6ee7b7);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.neon-card{
  background: radial-gradient(120% 120% at 10% 10%, var(--inner), var(--bg) 70%);
  border:1px solid rgba(56,189,248,.22);
  border-radius:var(--r);
  box-shadow:var(--shadow), 0 0 40px rgba(56,189,248,.18) inset;
  padding:14px 16px;
}
.card-title{color:var(--dim);font-weight:700;margin-bottom:8px}
.card-value{font-size:18px;font-weight:800;letter-spacing:.3px}

.badge-card .badge-row{display:flex;align-items:center;gap:12px;margin:6px 0 10px}
.badge-img{width:54px;height:54px;border-radius:12px;border:1px solid rgba(79,213,255,.6);box-shadow:0 0 24px rgba(79,213,255,.45)}
.badge-text{font-size:14px;color:var(--aqua)}
.progress .bar{height:10px;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden;border:1px solid rgba(56,189,248,.35)}
.progress .fill{display:block;height:100%;width:0%;transition:width .6s ease;background:linear-gradient(90deg,#22d3ee,#38bdf8,#a78bfa);box-shadow:0 0 18px rgba(56,189,248,.65)}
.progress-tip{margin-top:6px;color:var(--dim);font-size:12px}

.orders-card .table-wrap{overflow:auto}
table.orders{width:100%;border-collapse:collapse}
table.orders th, table.orders td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;white-space:nowrap}
table.orders th{color:var(--dim);text-align:left}
.muted{color:var(--dim)}

.status{padding:2px 8px;border-radius:8px;font-weight:700;font-size:12px;letter-spacing:.2px}
.status.st-paid{color:#10b981;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35)}
.status.st-pending{color:#38bdf8;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.35)}
.status.st-failed{color:var(--red);background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35)}
.status.st-dev{color:#f59e0b;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35)}

@media(max-width:960px){ .grid-3{grid-template-columns:1fr} }

/* Q-8-1 / Q-8 共用授權提醒條（提供其他管理頁面重用） */
.license-alert {
  margin-bottom:16px;
  padding:10px 14px;
  border-radius:6px;
  font-size:13px;
  line-height:1.5;
  border:1px solid transparent;
}
.license-alert-title {
  font-weight:600;
  margin-bottom:4px;
}
.license-alert-body {
  font-size:12px;
  color:#cbd5f5;
}
.license-alert--ok {
  background:#022c22;
  border-color:#0f766e;
  color:#a7f3d0;
}
.license-alert--warn {
  background:#451a03;
  border-color:#f97316;
  color:#fed7aa;
}
.license-alert--error {
  background:#450a0a;
  border-color:#ef4444;
  color:#fecaca;
}
.hidden { display:none; }