body{font-family:system-ui,Arial;margin:0;background:#0f172a;color:#e2e8f0}
header{background:#020617;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}
h1{font-size:18px;margin:0} small{color:#94a3b8}
main{max-width:900px;margin:auto;padding:16px}
.card{background:#1e293b;border-radius:10px;padding:14px;margin-bottom:12px}
input{display:block;width:100%;margin:6px 0;padding:8px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#fff}
button{background:#0284c7;border:0;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;margin-right:6px}
button:hover{background:#0369a1}
.row{display:flex;gap:8px}
table{width:100%;border-collapse:collapse;font-size:14px}
td,th{border-bottom:1px solid #334155;padding:6px;text-align:left}
code{background:#020617;padding:2px 6px;border-radius:4px}
.ok{color:#4ade80}.bad{color:#f87171}