body { font-family: Arial, sans-serif; background: #111827; color: #f9fafb; margin: 0; padding: 20px; }
.wrap { max-width: 600px; margin: 0 auto; background: #1f2937; border-radius: 16px; padding: 24px; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
h1, h2, h3 { margin-top: 0; }
a { color: #93c5fd; text-decoration: none; }
.btn { display: inline-block; padding: 10px 14px; border-radius: 10px; text-decoration: none; background: #2563eb; color: #fff; border: none; cursor: pointer; margin: 4px 0; text-align: center; }
.btn:hover { background: #1d4ed8; }
.btn.gray { background: #4b5563; }
.btn.red { background: #dc2626; }
.card { border: 1px solid #374151; background: #111827; border-radius: 12px; padding: 14px; margin: 10px 0; }
.flash { background: #7f1d1d; color: #fee2e2; padding: 10px; border-radius: 10px; margin-bottom: 12px; }
input { width: 100%; padding: 12px; border: 1px solid #4b5563; border-radius: 10px; background: #0f172a; color: #fff; box-sizing: border-box; margin-bottom: 10px; }
code { display: block; white-space: pre-wrap; word-break: break-all; background: #0f172a; padding: 10px; border-radius: 8px; margin: 5px 0; color: #a5b4fc;}
.muted { color: #9ca3af; font-size: 0.9em; }