:root{font:16px/1.5 system-ui,sans-serif;color:#172720;background:#eef3ee;--green:#064f37;--line:#d5e1d9;--muted:#465e51}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
header{background:#082e23;color:#fff}
.bar{max-width:1160px;margin:auto;padding:16px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.bar a{color:inherit}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;letter-spacing:.04em;margin-right:auto;font-size:21px;line-height:1.2}
.brand img{width:45px;height:45px;object-fit:contain;background:#fff;border-radius:8px}
.brand small{display:block;color:#afd4be;font-size:11px;letter-spacing:.13em}
main{max-width:1160px;margin:auto;padding:38px 24px 64px}
.intro{margin-bottom:26px}
.intro h1{font-size:clamp(32px,5vw,54px);line-height:1.05;letter-spacing:-.045em;margin:.2em 0}
.intro p{color:var(--muted)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em}
h2,h3,p{margin:0 0 .6rem}
h2{font-size:26px}
h3{font-size:21px}
button,input,select,textarea{font:inherit}
button{background:var(--green);color:#fff;border:1px solid transparent;border-radius:10px;padding:10px 16px;min-height:44px;font-weight:700;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
button.secondary{background:#fff;color:var(--green);border-color:var(--line)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #21956c;outline-offset:3px}
label{display:grid;gap:5px;color:#293e32;font-weight:650}
input,select,textarea{border:1px solid #9aafa1;border-radius:8px;padding:9px 11px;color:#172720;background:#fff;min-width:0;width:100%}
textarea{resize:vertical}
.check{display:flex;align-items:center;gap:8px}
.check input{width:20px;height:20px}
.panel,dialog{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.login{max-width:440px}
form,.stack{display:grid;gap:14px}
form>button{justify-self:start}
.tabs,.section-head,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tabs{padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.tabs button[aria-pressed=false]{background:#fff;color:var(--green);border-color:var(--line)}
.section-head{margin-bottom:14px}
.section-head h2{margin:0 auto 0 0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.notice{background:#e1f3e6;border:1px solid #98c9a9;border-radius:10px;padding:12px;margin-bottom:15px}
.notice.error,.inline-error{color:#8c271c}
.notice.error{background:#fff0ea;border-color:#e7aba1}
.inline-error:empty{display:none}
.muted{color:var(--muted)}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#e2f1e6;font-weight:700;color:#165239}
details{margin-top:15px}
summary{cursor:pointer;font-weight:750;color:var(--green)}
.interval{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:8px 0}
details form{margin-top:15px}
dialog{width:min(640px,calc(100% - 24px));max-height:90vh}
dialog::backdrop{background:#051e17a6}
.facts{display:grid;gap:6px;overflow-wrap:anywhere;margin-bottom:12px}
.facts p{margin:0}
@media(max-width:570px){main,.bar{padding-inline:15px}.panel,dialog{padding:16px}.grid{grid-template-columns:1fr}.section-head h2{flex-basis:100%}}