/* ใช้ Prompt เป็นฟอนต์หลักของหน้านี้ */
  body, button, input, select, textarea {
    font-family: 'Prompt', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',
                 Roboto, 'Helvetica Neue', Arial, 'Noto Sans Thai', sans-serif;
  }

:root{
  --bp-bg:#0a0a0f; --bp-card:#101019; --bp-line:#23233a; --bp-txt:#e8e8f3; --bp-dim:#9aa0b6;
  --bp-accent:#7a3cff; --bp-accent-2:#00e0ff; --bp-good:#10d38a; --bp-bad:#ff5d8f;
  --bp-accentc:#3cffc4; --bp-accent-3:#f700ff; --bp-good:#d0d310; --bp-bad:#805dff;
  --bp-radius:16px;
}
*{box-sizing:border-box}
body{background:radial-gradient(1200px 600px at 10% 0%,#0f0f1a 0%,var(--bp-bg) 60%),linear-gradient(180deg,rgba(122,60,255,.08),rgba(0,224,255,.05));color:var(--bp-txt)}
.bp-wrap{max-width:1200px;margin:24px auto;padding:0 16px}
.bp-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border:1px solid var(--bp-line);border-radius:var(--bp-radius);backdrop-filter:blur(6px)}
.bp-btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--bp-line);color:var(--bp-txt);text-decoration:none;transition:.15s}
.bp-btn:hover{border-color:#3b3b5a;transform:translateY(-1px)}
.bp-btn.primary{background:linear-gradient(90deg,var(--bp-accent),var(--bp-accent-2));border:none}
.bp-btn.success{background:linear-gradient(90deg,var(--bp-accentc),var(--bp-accent-3));border:none}
.bp-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--bp-line);color:var(--bp-txt)}
.bp-badge.live{background:linear-gradient(90deg,#ff2d55,#ff7a7a);border:none}
.bp-dim{color:var(--bp-dim)}
.bp-grid{display:grid;gap:16px}
@media(min-width:768px){.bp-grid.cols-3{grid-template-columns:repeat(3,1fr)} .bp-grid.cols-2{grid-template-columns:repeat(2,1fr)}}
.bp-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--bp-line);background:#0f0f18;color:var(--bp-txt)}
.bp-label{font-size:14px;color:var(--bp-dim);margin-bottom:6px}
.bp-table{width:100%;border-collapse:collapse}
.bp-table th,.bp-table td{border-bottom:1px solid var(--bp-line);padding:10px}
.bp-table th{color:#cfd3ea;text-align:left}
.bp-shadow{box-shadow:0 10px 30px rgba(0,0,0,.25)}