:root{ --bg:#0b1220; --panel:#0f172a; --muted:#94a3b8; --text:#e5e7eb; --accent:#22c55e; --border:#1f2937; --danger:#ef4444; --warn:#f59e0b; }
body.dark{ background:var(--bg); color:#e5e7eb; margin:0; font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif; }
.card{ background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:18px; }
.grid{ display:grid; grid-template-columns: 1fr; gap:12px; }
input, select{ width:100%; padding:10px; background:#0b1220; color:#fff; border:1px solid var(--border); border-radius:10px; }
.primary{ background:#22c55e; color:#052e16; border:0; padding:10px 14px; border-radius:10px; cursor:pointer; }
.badge{ background:#1e293b; color:#93c5fd; padding:2px 8px; border-radius:10px; font-size:12px; }
.muted{ color:#94a3b8; }
.kv th{ text-align:left; color:#cbd5e1; padding-right:12px; width:200px; }
.imgrow{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:8px; }
.imgrow img{ max-width:100%; border:1px solid #1f2937; border-radius:8px; }
.button{ text-decoration:none; background:#334155; color:#fff; padding:8px 12px; border-radius:10px; }
@media (max-width:800px){ .imgrow{ grid-template-columns:1fr; } }