body { font-family: system-ui, -apple-system, "Segoe UI", Roboto; padding:18px; background:#f7f8fb; color:#222; }
.container { max-width:900px; margin:0 auto; }
h1 { margin-bottom:6px; }
.card { background:white; border-radius:10px; padding:16px; box-shadow:0 6px 18px rgba(20,30,60,0.06); margin-bottom:14px; }
.grid { display:grid; grid-template-columns: repeat(3,1fr); gap:12px; }
.big { grid-column: span 3; }
.kv { font-size:14px; color:#666; }
.value { font-weight:700; font-size:20px; margin-top:6px; }
.list { max-height:340px; overflow:auto; }
.scan { border-bottom:1px solid #eee; padding:8px 0; }
.small { font-size:12px; color:#555; }
.muted { color:#888; font-size:13px; }

.btn {
  margin-top:10px;
  padding:8px 14px;
  background:#4CAF50;
  color:white;
  border:none;
  border-radius:8px;
  cursor:pointer;
}
.btn.red { background:#d33; }
.btn:hover { opacity:0.8; }
#records-table { width:100%; border-collapse:collapse; margin-top:8px; }
#records-table th, #records-table td { text-align:left; padding:8px; border-bottom:1px solid #eee; font-size:14px; }
#records-table thead th { background:#fafafa; font-weight:700; }
.mutedBtn { background:#888; color:white; border:none; padding:8px 12px; border-radius:8px; margin-left:8px; }