:root{font:17px/1.6 system-ui,sans-serif;color:#24343b;background:#eff6f5}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:36px auto;padding:0 24px}nav{display:flex;gap:22px;flex-wrap:wrap;padding:18px 28px;background:white;border-bottom:1px solid #d7e5e1}a{color:#176d62}h1,h2{line-height:1.25}h1{font-size:2.3rem}h2{font-size:1.4rem}.card{background:white;border:1px solid #d7e5e1;border-radius:16px;padding:24px;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.grid .card{margin:0}label{display:block;margin:15px 0}input,select,button,.button{font:inherit;border-radius:8px;padding:10px 16px}input,select{border:1px solid #b9ceca;max-width:100%;background:white}label input{display:block;width:100%}button,.button{background:#176d62;color:white;border:0;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e1ece9;color:#24343b}.status{white-space:pre-line;color:#71531a}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid #e0e9e6}canvas{max-width:100%;background:#7cb8da;border-radius:12px}small{color:#5f7479}[hidden]{display:none!important}