:root{font:16px system-ui,sans-serif;color:#182d3a;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{background:#123d59;color:white;padding:1rem max(1rem,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}header strong{font-size:1.4rem}nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}nav a{color:white;text-decoration:none}nav form{margin:0}main{max-width:1100px;margin:2rem auto;padding:0 1rem}h1{font-size:1.7rem}.card{background:white;padding:1.5rem;margin:1rem 0;border-radius:12px;box-shadow:0 2px 12px #123d5912}form{max-width:480px}label{display:block;margin:0 0 1rem;font-weight:600}input,select{display:block;margin-top:.4rem;width:100%;border:1px solid #abbac4;border-radius:6px;padding:.75rem;font:inherit}button{background:#12668b;color:white;border:0;border-radius:6px;padding:.7rem 1rem;font:inherit;cursor:pointer}button:hover{background:#0b4e70}nav button{background:#ffffff25}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}th,td{padding:.7rem;text-align:left;border-bottom:1px solid #e4ebef}.error{color:#a32424}@media(max-width:650px){main{margin:1rem auto}header{align-items:flex-start}nav{width:100%;gap:.7rem}.card{padding:1rem}}

.brand{color:white;font-size:1.5rem;font-weight:700;text-decoration:none}.table-scroll{overflow-x:auto}table{display:table;overflow:visible}td form{min-width:150px}td label{font-size:.85rem}a{color:#12668b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5a72a;outline-offset:3px}

.card code{overflow-wrap:anywhere;user-select:all}.card pre{white-space:pre-wrap;overflow-wrap:anywhere}