:root { --ink: #1d2b36; --muted: #5b6b78; --brand: #1f8a8a; --bg: #f7fafb; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: var(--ink); background: var(--bg); }
header { background: #fff; border-bottom: 1px solid #e3e9ec; }
nav, main, footer { max-width: 920px; margin: 0 auto; padding: 0 16px; }
nav { display: flex; gap: 20px; align-items: center; height: 64px; flex-wrap: wrap; }
nav b { color: var(--brand); margin-right: auto; font-size: 18px; }
nav a { color: var(--ink); text-decoration: none; }
main { padding: 32px 16px 48px; }
h1 { font-size: 34px; line-height: 1.2; margin: 0 0 12px; }
.card { background: #fff; border: 1px solid #e3e9ec; border-radius: 12px; padding: 20px; margin: 16px 0; }
table { width: 100%; border-collapse: collapse; } td { padding: 8px 0; border-bottom: 1px solid #eef2f4; }
td:last-child { text-align: right; font-weight: 600; }
footer { color: var(--muted); font-size: 13px; padding: 24px 16px 40px; border-top: 1px solid #e3e9ec; }
.btn { display: inline-block; background: var(--brand); color: #fff; padding: 10px 18px; border-radius: 8px; text-decoration: none; }