body { margin: 0; font-family: "Segoe UI", system-ui, sans-serif; background: #f0f9ff; color: #0c4a6e; }
.header { display: flex; justify-content: space-between; padding: 16px 32px; background: #0369a1; }
.header a { color: #e0f2fe; text-decoration: none; margin-left: 18px; }
.header .brand { margin: 0; font-weight: 700; color: #fff; }
.header a.active { color: #fff; text-decoration: underline; }
.main { max-width: 720px; margin: 40px auto; padding: 0 24px; }
.button { background: #0369a1; color: #fff; padding: 10px 18px; border: 0; border-radius: 8px; text-decoration: none; font: inherit; cursor: pointer; }
label { display: block; margin: 10px 0; }
input { display: block; padding: 8px; width: 100%; max-width: 360px; }
.table td { padding: 8px 16px 8px 0; border-bottom: 1px solid #bae6fd; }
.ok { color: #15803d; } .muted { color: #64748b; font-size: 14px; }
.footer { text-align: center; padding: 24px; font-size: 14px; color: #64748b; }