:root{--ink:#001B94;--bg:#fff;--line:#e3e6f3;--warn:#a3341a}
body{margin:0;font:15px/1.45 system-ui,sans-serif;color:#111;background:var(--bg)}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--ink);color:#fff}
header h1{font-size:18px;margin:0}main{padding:16px;max-width:960px;margin:auto}
nav button{margin:0 8px 8px 0;padding:8px 12px;border:1px solid var(--ink);background:#fff;color:var(--ink);border-radius:6px;cursor:pointer}
nav button.on{background:var(--ink);color:#fff}.prod{color:var(--warn);font-weight:600;margin-left:6px}
table{border-collapse:collapse;width:100%;margin:8px 0 24px}td,th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top;word-break:break-word}
a.button{display:inline-block;padding:10px 16px;background:var(--ink);color:#fff;border-radius:6px;text-decoration:none}