*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;background:#f5f7fa;color:#17212f}main{max-width:1050px;margin:40px auto;padding:0 18px}section{background:#fff;border:1px solid #e2e7ee;border-radius:12px;padding:22px;margin-bottom:18px}input,button{font:inherit;padding:10px 12px;border-radius:7px;border:1px solid #c9d1dc}input{max-width:100%;margin:4px 8px 8px 0}button{background:#163c72;color:#fff;cursor:pointer;border:0;margin:4px 8px 8px 0}button:disabled{opacity:.5}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left;border-bottom:1px solid #e4e9ef}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5f8;padding:16px;border-radius:8px}.error{color:#a20b27}.muted{color:#58687b}label{display:block;margin-top:10px}nav{display:flex;justify-content:space-between;align-items:center;gap:10px}button.secondary{background:#e9eef5;color:#163c72}