*{box-sizing:border-box} [hidden]{display:none!important}
:root{font:16px/1.5 system-ui,sans-serif;color:#203830;background:#f5f4ee;--green:#183e35;--accent:#276650;--line:#dce3d8}
body{margin:0} header,nav,main{padding-inline:max(1rem,calc((100vw - 1140px)/2))}
header{background:var(--green);color:#fff;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding-block:.65rem}
.brand{font-size:1.45rem;font-weight:750;color:inherit;text-decoration:none;white-space:nowrap}.brand span{color:#bce6b7}
#session{display:flex;gap:.4rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.identity{font-size:.85rem}
nav{display:flex;gap:.4rem;overflow:auto;background:#e8eee4;padding-block:.55rem} nav a{padding:.65rem .8rem;text-decoration:none;color:var(--green);white-space:nowrap;border-radius:8px;font-weight:650}nav a[aria-current]{background:var(--green);color:white}
main{padding-block:1rem 3rem}.tools,.fields,.actions{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem}.tools form{display:flex;gap:.55rem;flex-wrap:wrap;align-items:end}.tools{padding-block:.5rem 1rem}.tools>label{flex:1 1 210px}
label{display:grid;gap:.25rem;font-size:.88rem;font-weight:650}.check{display:flex;align-items:center}.check input{min-height:auto}
button,input,select,.button{font:inherit;min-height:44px;border-radius:8px;padding:.55rem .75rem}input,select{border:1px solid #b9c8ba;background:#fff;color:inherit;min-width:0;max-width:100%}
button,.button{cursor:pointer;border:1px solid transparent;background:var(--accent);color:white;font-weight:670;text-decoration:none;display:inline-block}button.quiet{background:#e2ede2;color:var(--green)}button[aria-pressed=true]{background:var(--green);color:#fff;outline:2px solid #8da992;outline-offset:-2px}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #c27c24;outline-offset:2px}
#status:not(:empty){background:#fff1ce;padding:.7rem 1rem;border-radius:9px;margin:.3rem 0 .8rem}
.intro{padding:1rem 0}.intro p{margin:.35rem 0}.eyebrow{letter-spacing:.14em;color:#326351;font-size:.77rem;font-weight:800}h1{margin:0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.08;letter-spacing:-.05em}h2{margin:0 0 .65rem;font-size:1.25rem}
.panel,.tiles a{background:white;border:1px solid var(--line);border-radius:14px;padding:1rem 1.15rem;margin-bottom:.8rem}.grid,.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:.75rem}.tiles a{color:var(--green);text-decoration:none}.tiles strong{display:block;font-size:2rem}.rows{padding:0;margin:0;list-style:none}.rows li{padding:.7rem 0;display:flex;justify-content:space-between;gap:.7rem;align-items:center;border-bottom:1px solid var(--line)}.rows li:last-child{border:0}.rows small{display:block;overflow-wrap:anywhere;color:#52685d}.badge{background:#e4efe1;border-radius:20px;padding:.2rem .55rem;font-weight:700;white-space:nowrap}.empty{color:#52685d}.actions{margin-bottom:.75rem}.actions button{min-width:90px}.tablet button,.tablet select,.tablet input{min-height:57px}.tablet .actions button{min-width:120px;font-size:1.15rem}.tablet header .quiet{min-height:46px}
dialog{width:min(90vw,520px);border:0;border-radius:12px;color:inherit}dialog::backdrop{background:#0009}video{width:100%;background:#142a25}
@media(max-width:520px){.tools form{width:100%}.tools form label{flex:1 1 100%}.fields>label,.fields>div{width:100%}.identity{width:100%;text-align:right}nav{padding-inline:.55rem}}