*{box-sizing:border-box}
body{margin:0;background:#f4f6f8;color:#1f2937;font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:980px;margin:0 auto;padding:22px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;margin-bottom:18px}
h1,h2{margin-top:0}
.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.meta div{background:#f8fafc;border-radius:8px;padding:12px}
.meta strong{display:block;font-size:12px;text-transform:uppercase;color:#64748b;margin-bottom:5px}
table{width:100%;border-collapse:collapse}
th,td{padding:11px 10px;border-bottom:1px solid #e5e7eb;text-align:left}
th{font-size:13px;text-transform:uppercase;background:#f8fafc}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}
.success{background:#dcfce7;color:#166534}
.warning{background:#fef3c7;color:#92400e}
.danger{background:#fee2e2;color:#991b1b}
.neutral{background:#e5e7eb;color:#374151}
.alert{padding:12px 14px;border-radius:8px;margin:14px 0}
.btn{display:inline-block;background:#1677ff;color:#fff;text-decoration:none;padding:10px 14px;border-radius:8px;font-weight:700}
@media(max-width:650px){.meta{grid-template-columns:1fr}.table-scroll{overflow:auto}.wrap{padding:12px}}