:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18231f;background:#f6f1e8;--green:#1f6f68;--gold:#a56a25;--line:#deddd3}*{box-sizing:border-box}body{margin:0}a{color:var(--green)}
header.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#fffaf1;border-bottom:1px solid var(--line)}header.top strong{letter-spacing:.06em}header.top nav a{margin-left:14px;font-size:14px;text-decoration:none}
main{max-width:960px;margin:0 auto;padding:24px 16px 60px}main.narrow{max-width:520px}h1{font-size:clamp(24px,3vw,34px);margin:8px 0 12px;letter-spacing:-.02em}h2{font-size:20px;margin:0 0 12px}p{line-height:1.55;color:#57645c}
.panel{background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-size:11px;font-weight:750}
label{display:grid;gap:6px;font-size:14px;color:#43514b;margin-bottom:14px}label.inline{display:flex;align-items:center;gap:8px}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #cbd3cb;border-radius:9px;background:white;padding:10px;width:100%;min-height:42px}textarea{min-height:90px}
button,.button{border:0;border-radius:10px;background:var(--green);color:white;padding:10px 16px;cursor:pointer;font-weight:650;min-height:42px;text-decoration:none;display:inline-block}button.secondary{background:#edf2ef;color:#24534c;border:1px solid #c9d8d1}button:disabled{opacity:.5;cursor:default}button.small{min-height:32px;padding:5px 10px;font-size:13px}
.notice{padding:12px 14px;border-radius:10px;background:#e2f0e7;color:#215d43;margin:12px 0}.notice.error{background:#f9e4e0;color:#873729}.badge{display:inline-flex;border-radius:99px;padding:4px 10px;background:#e8ede9;color:#526058;font-size:12px;font-weight:650}.badge.ok{background:#dceee3;color:#256341}.badge.warn{background:#fff0d5;color:#865c14}.badge.bad{background:#f9e1dd;color:#9a3f30}
.row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.row:last-child{border:0}.row>div:first-child{flex:1;min-width:220px}.row small{display:block;color:#57645c;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}.tabs button{background:#edf2ef;color:#24534c;border:1px solid #c9d8d1}.tabs button.active{background:var(--green);color:white}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}code{background:#eef1e7;padding:2px 6px;border-radius:6px}
@media(max-width:600px){main{padding:16px 12px}.panel{padding:16px}}