body { margin: 0; font: 14px/1.45 Arial, sans-serif; background: #f5f5f5; color: #221f1f; }
.top { background: #221f1f; color: #fff; padding: 14px 24px; display: flex; gap: 20px; flex-wrap: wrap; }
.top span { color: #a6a5a5; }
.wrap { padding: 20px 24px; max-width: 1300px; }
.card { background: #fff; border: 1px solid #e9e9e9; border-radius: 4px; padding: 16px; margin-bottom: 16px; overflow-x: auto; }
h2 { font-size: 16px; margin: 0 0 12px; }
table { border-collapse: collapse; width: 100%; font-size: 13px; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #efefef; vertical-align: top; }
th { color: #797878; font-weight: normal; }
.muted { color: #797878; }
.pass { color: #00a046; font-weight: bold; }
.fail { color: #d23a3a; font-weight: bold; }
.manual { color: #b26b00; font-weight: bold; }
input[type=text], input[type=password] { padding: 7px 9px; border: 1px solid #d2d2d2; border-radius: 4px; width: 100%; max-width: 420px; box-sizing: border-box; }
button, .btn { background: #00a046; color: #fff; border: 0; border-radius: 4px; padding: 8px 14px; cursor: pointer; text-decoration: none; display: inline-block; font-size: 14px; }
.btn-grey { background: #797878; }
pre, textarea { font: 12px/1.45 Consolas, monospace; }
textarea { width: 100%; height: 260px; box-sizing: border-box; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px 20px; }
label { display: block; font-size: 12px; color: #797878; }