body{font-family:system-ui;margin:0;background:#f4f6f8;color:#17202a}header{background:#17202a;color:#fff;padding:1rem}nav a{color:#d6eaf8;margin-right:1rem}main{max-width:1200px;margin:auto;padding:1.5rem}.card,section{background:#fff;border:1px solid #d5d8dc;border-radius:8px;padding:1rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #ddd;padding:.5rem}input,button{padding:.55rem;margin:.2rem}pre{white-space:pre-wrap;overflow:auto}.danger{background:#a93226;color:white}.ok{background:#196f3d;color:white}