:root{
  --bg-deep:#150E1D;
  --panel:#1B1327;
  --panel-light:#FBF9F5;
  --gold:#D8A94A;
  --gold-soft:#EFD79A;
  --ink:#241A2E;
  --muted:#8B7E97;
  --border:#362a45;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Sarabun',sans-serif;
  background:var(--bg-deep);
  color:#eee;
}
a{color:var(--gold-soft);text-decoration:none;}
a:hover{text-decoration:underline;}
.container{max-width:960px;margin:0 auto;padding:24px 20px;}
.topbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 24px;border-bottom:1px solid var(--border);background:var(--panel);
}
.topbar .brand{font-family:'Prompt',sans-serif;font-weight:600;color:var(--gold-soft);font-size:20px;}
.topbar nav a{margin-left:18px;font-size:14px;color:#ddd;}
.card{
  background:var(--panel);border:1px solid var(--border);border-radius:14px;
  padding:22px;margin-bottom:18px;
}
.card-light{
  background:var(--panel-light);color:var(--ink);border-radius:14px;padding:22px;
}
h1,h2,h3{font-family:'Prompt',sans-serif;color:var(--gold-soft);margin-top:0;}
.card-light h1, .card-light h2, .card-light h3{color:var(--ink);}
label{display:block;font-size:13px;font-weight:600;color:#c9bedd;margin:14px 0 6px;}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{
  width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);
  background:#241A2E;color:#f2eef7;font-size:15px;font-family:'Sarabun',sans-serif;
}
button,.btn{
  display:inline-block;padding:11px 20px;border:none;border-radius:9px;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));
  color:#26190a;font-weight:600;font-size:15px;cursor:pointer;font-family:'Prompt',sans-serif;
}
.btn-secondary{background:#2A2038;color:#eee;border:1px solid var(--border);}
.btn-danger{background:#D9534F;color:#fff;}
table{width:100%;border-collapse:collapse;font-size:14px;}
table th,table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;}
.badge{padding:4px 10px;border-radius:20px;font-size:12.5px;font-weight:600;color:#fff;}
.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
.product-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;}
.product-card .price{font-family:'Prompt',sans-serif;font-size:22px;color:var(--gold-soft);margin:10px 0;}
.msg-error{background:#3a1f22;border:1px solid #D9534F;color:#f8d7da;padding:10px 14px;border-radius:8px;margin-bottom:14px;}
.msg-ok{background:#1e3a2a;border:1px solid #4CAF7D;color:#d3f5e2;padding:10px 14px;border-radius:8px;margin-bottom:14px;}
.slip-thumb{max-width:180px;border-radius:8px;border:1px solid var(--border);}