html,body {margin:0;padding:0;font-family:system-ui,Segoe UI,Tahoma; background:#0f172a; color:#e2e8f0;}
.hero {text-align:center; padding:24px 12px;}
.container {max-width:520px; margin:0 auto; padding:12px;}
.btn-scan,.btn-primary,.btn-stop,.btn-secondary {
  display:inline-block; padding:12px 18px; border-radius:14px; border:none; cursor:pointer;
  background:#22c55e; color:#0b1220; font-weight:700; margin:8px 0; text-decoration:none;
}
.btn-stop { background:#f59e0b; }
.btn-secondary { background:#64748b; color:#0b1220; }
.video-wrap { position:relative; border-radius:16px; overflow:hidden; margin:12px 0; border:1px solid #334155; }
.video-wrap.hidden{ display:none; }
.video-wrap video { width:100%; height:auto; display:block; }
.card { background:#111827; border:1px solid #334155; max-width:560px; margin:24px auto; padding:20px; border-radius:18px; text-align:center; }
.icon.success { font-size:64px; color:#22c55e; }
.icon.error   { font-size:64px; color:#ef4444; }
.product img { width:180px; height:auto; border-radius:12px; border:1px solid #334155; }
.entities { list-style:none; padding:0; margin:10px 0 0; text-align:right; }
.entities li { padding:6px 0; border-bottom:1px dashed #334155; }
.muted { color:#94a3b8; }
.manual-form { margin-top:10px; }
.manual-form input { width:100%; padding:10px; border-radius:10px; border:1px solid #334155; background:#0b1220; color:#e2e8f0; margin:6px 0 10px; }