:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f7f6;--panel:#fff;--text:#10201b;--muted:#587068;--accent:#126b52;--line:#d8e2de}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,sans-serif}header{color:#fff;background:#0c3228;flex-wrap:wrap;align-items:center;gap:2rem;padding:1rem max(1rem,50% - 590px);display:flex}.brand{color:#fff;font-size:1.35rem;font-weight:750;text-decoration:none}.brand small{color:#b9d8ce;font-size:.68rem;font-weight:500;display:block}nav{gap:.3rem;display:flex;overflow:auto}nav a{color:#dcebe6;white-space:nowrap;border-radius:.5rem;padding:.55rem .75rem;text-decoration:none}nav a:hover,nav a:focus-visible{background:#1d5545;outline:2px solid #8bc8b5}main{max-width:1180px;min-height:75vh;margin:auto;padding:2rem 1rem}.hero{grid-template-columns:1.6fr 1fr;gap:1rem;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1.25rem;box-shadow:0 2px 10px #07271e0a}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.muted{color:var(--muted)}.status{color:#14533f;background:#e4f2ed;border-radius:99px;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.ball{border:1px solid var(--line);color:#10201b;font-variant-numeric:tabular-nums;background:#eef4f2;border-radius:50%;place-items:center;width:2.35rem;height:2.35rem;margin:.2rem;display:inline-grid}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:.55rem;padding:.75rem 1rem;font-weight:700}.button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #60b99e}label{gap:.35rem;margin:.75rem 0;display:grid}input,select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:.5rem;padding:.7rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.65rem}footer{text-align:center;color:var(--muted);padding:2rem;font-size:.85rem}@media (max-width:700px){.hero{grid-template-columns:1fr}header{display:block}nav{margin-top:1rem}.ball{width:2rem;height:2rem}main{padding-top:1rem}}@media (prefers-color-scheme:dark){:root{--bg:#081511;--panel:#10231d;--text:#e9f3ef;--muted:#9eb6ae;--line:#29423a}.ball{color:#fff;background:#18352b}.status{color:#c8eee1;background:#174c3b}}.demo-banner{color:#322400;text-align:center;background:#f3c969;padding:.45rem 1rem;font-size:.85rem;font-weight:750}