body { font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; margin: 1rem 1.2rem; background:#f6f9fc; }
h1 { margin-top:0; font-size:1.6rem; }
table { border-collapse: collapse; width:100%; background:#fff; }
th, td { padding: .5rem .6rem; border-bottom:1px solid #e2e8f0; font-size:.85rem; }
th { background:#e9eef5; text-align:left; }
tr:hover { background:#f1f5fa; }
.cards { display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:1rem; }
.card { background:#fff; border:1px solid #dbe2ea; border-radius:6px; padding:.75rem 1rem; font-size:.9rem; box-shadow:0 1px 2px rgba(0,0,0,.05); }
.error { color:#c00; }
canvas { background:#fff; margin:1rem 0; padding:.5rem; border:1px solid #dbe2ea; border-radius:6px; }
footer { margin-top:2rem; color:#555; }