:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#21332c;background:#f6f5f0}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh}
.page{max-width:800px;margin:0 auto;padding:clamp(24px,6vw,64px) 20px}
.eyebrow{color:#356e59;font-weight:750;letter-spacing:.09em;text-transform:uppercase;font-size:.85rem}
h1{font-size:clamp(2.1rem,6vw,3.5rem);line-height:1.12;letter-spacing:-.035em;max-width:16ch;margin:18px 0}
h2{font-size:1.25rem;margin:0 0 12px}
p{line-height:1.6}
.intro{font-size:1.1rem;max-width:60ch;color:#506159;margin-bottom:36px}
.panel{background:#fff;border:1px solid #e1e6de;border-radius:18px;padding:26px;margin:16px 0;box-shadow:0 4px 22px #1d403007}
.panel p{color:#57685f}
.button,button{display:inline-block;font:inherit;font-weight:650;text-decoration:none;border:0;border-radius:12px;background:#28664b;color:white;padding:13px 20px;cursor:pointer}
button.secondary{background:#e4ebe5;color:#294b38}
button.small{padding:7px 12px;font-size:.85rem}
button:disabled{opacity:.6;cursor:wait}
.button:focus-visible,button:focus-visible{outline:3px solid #ff8d4d;outline-offset:3px}
.status{font-size:.85rem;margin-top:20px}
.footnote{font-size:.84rem;margin-bottom:0}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:440px}
th,td{padding:12px 8px;border-bottom:1px solid #e7ece8;text-align:left;vertical-align:middle}
th{font-size:.82rem;color:#4e6457}
#admin-message{font-size:.88rem}
@media(max-width:520px){.panel{padding:20px}.intro{margin-bottom:28px}}