:root{font:15px system-ui;color:#172033;background:#f4f6f8}body{margin:0}header,nav,main{max-width:1400px;margin:auto;padding:16px}header p{color:#586174}nav{display:flex;gap:8px;flex-wrap:wrap}button,.button{border:1px solid #9aa5b4;background:white;padding:8px 12px;border-radius:5px;color:#172033;text-decoration:none;cursor:pointer}.danger{background:#b42318;color:#fff;border-color:#b42318}section,article{background:white;padding:18px;margin:10px 0;border-radius:8px;border:1px solid #dde2e8}.hidden{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.card{padding:12px;background:#f8fafc;border-radius:5px}input,textarea,select{padding:7px;border:1px solid #9aa5b4;border-radius:4px}textarea{width:100%;min-height:180px}pre{white-space:pre-wrap;word-break:break-word;background:#111827;color:#d1fae5;padding:12px;max-height:520px;overflow:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:7px;border:1px solid #d9dee5;vertical-align:top}th{background:#eef2f6;position:sticky;top:0}.ok{color:#067647}.bad{color:#b42318}dialog{max-width:560px;border:2px solid #b42318;border-radius:8px}code{background:#eee;padding:2px 4px}