:root{color-scheme:light;--ink:#17332e;--muted:#657770;--green:#176b52;--line:#dce5df;--bg:#f4f7f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}header{padding:24px max(24px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}header p{margin:3px 0;color:var(--muted);font-size:14px}.brand{font-size:25px}main{max-width:1180px;margin:32px auto;padding:0 24px}h1{font-size:25px;margin:0 0 12px}h2{font-size:18px;margin-top:0}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.narrow{max-width:460px;margin:48px auto}.muted{color:var(--muted)}.small{font-size:13px}label{display:block;margin:16px 0;font-size:14px;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #bdcec4;border-radius:8px;font:inherit;background:white;color:var(--ink);margin-top:5px}input:focus,textarea:focus,select:focus{outline:2px solid #8dc9af;outline-offset:1px}button{padding:10px 15px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;font:inherit;cursor:pointer}button:hover{background:#edf4ef}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#10583f}.text-button{border:0;margin-top:16px;color:var(--green)}.danger{color:#a53636}#message,.notice{padding:14px 18px;border-radius:8px;background:#fff0cf;color:#704f0a;overflow-wrap:anywhere}.toolbar{display:flex;gap:12px;margin-bottom:24px;align-items:center}.toolbar input{margin:0;flex:1}.layout{display:grid;grid-template-columns:240px 1fr;gap:28px}aside{align-self:start}nav button{display:block;width:100%;text-align:left;border:0;margin-top:6px;overflow-wrap:anywhere}nav button.active{background:#e1f1e8;color:var(--green);font-weight:600}.section-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.card{background:white;border:1px solid var(--line);padding:20px;border-radius:12px;margin-bottom:12px;display:flex;justify-content:space-between;gap:20px;align-items:center}.card h2{margin:0 0 3px;overflow-wrap:anywhere}.card p{margin:0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.card .actions{display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:12px;color:var(--green);margin-bottom:6px}.empty{padding:42px;text-align:center;color:var(--muted);border:1px dashed #bdcec4;border-radius:12px}footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:32px 0 12px}#save-state{font-size:13px;color:var(--muted);margin-left:auto}dialog{border:0;border-radius:16px;padding:28px;width:min(520px,calc(100% - 32px));max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#102b2266}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}[hidden]{display:none!important}@media(max-width:750px){header{padding:18px;align-items:flex-start;flex-direction:column}main{padding:0 16px;margin:24px auto}.layout{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.card{align-items:flex-start;flex-direction:column}.section-heading{flex-wrap:wrap}.narrow{margin:24px auto}#save-state{margin-left:0}}
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}body{padding-bottom:var(--safe-bottom)}header{padding-top:calc(24px + var(--safe-top));padding-left:max(24px,var(--safe-left),calc((100vw - 1180px)/2));padding-right:max(24px,var(--safe-right),calc((100vw - 1180px)/2))}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}main{padding-left:max(24px,var(--safe-left));padding-right:max(24px,var(--safe-right))}button{min-height:44px}@media(max-width:750px){header{padding-top:calc(18px + var(--safe-top));padding-left:max(18px,var(--safe-left));padding-right:max(18px,var(--safe-right))}main{padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right))}}
input,select,textarea{font-size:16px}#account{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}#who{overflow-wrap:anywhere}