:root { font-family: Arial, Helvetica, sans-serif; color: #1f2937; background: #f3f4f6; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; box-sizing: border-box; }
.card { width: min(760px, 100%); background: #fff; border-radius: 16px; padding: 32px; box-shadow: 0 10px 30px rgba(0,0,0,.08); box-sizing: border-box; }
h1 { margin: 8px 0 10px; }
.muted { color: #6b7280; line-height: 1.6; }
.badge { display: inline-block; background: #eef2ff; color: #3730a3; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.button { display: inline-block; background: #2563eb; color: white; text-decoration: none; padding: 12px 18px; border-radius: 8px; font-weight: 700; margin: 10px 0; }
.button.secondary { background: #374151; }
.success, .error { padding: 12px 14px; border-radius: 8px; font-weight: 700; margin: 18px 0; }
.success { background: #dcfce7; color: #166534; }
.error { background: #fee2e2; color: #991b1b; }
table { width: 100%; border-collapse: collapse; margin: 18px 0; }
th, td { text-align: left; padding: 10px; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
th { width: 190px; }
.mono { font-family: Consolas, monospace; font-size: 12px; word-break: break-all; }
.note, .small { color: #6b7280; font-size: 13px; line-height: 1.6; }
hr { border: 0; border-top: 1px solid #e5e7eb; margin: 24px 0; }