
*{box-sizing:border-box}body{margin:0;font:16px system-ui;color:#173c37;background:radial-gradient(ellipse at 75% 0,#d9edda,transparent 50%),#f4f8f3}main,header{max-width:1160px;margin:auto}header{position:sticky;top:10px;z-index:2;margin:10px auto;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:12px 22px;border:1px solid white;border-radius:20px;background:#ffffffe0;backdrop-filter:blur(22px);box-shadow:0 6px 28px #173c3710}header img{width:165px}main{padding:24px}a{color:#176047}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}button,.button{border:1px solid #b9d2c2;border-radius:10px;padding:10px 15px;background:white;color:#173c37;text-decoration:none;font-weight:650}.primary{background:#195c45;color:white;border-color:#195c45}.hero{padding:30px 0 24px;display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:-.05em;margin:8px 0}.hero p{max-width:580px;margin-bottom:0;color:#47685d}.badge{background:#e2efe0;padding:6px 10px;border-radius:99px;font-size:.83rem;font-weight:700}.panel{background:#fff;border:1px solid #dce8df;border-radius:18px;box-shadow:0 14px 45px #173c370b;overflow:hidden}.filters{display:flex;gap:10px;padding:16px;flex-wrap:wrap}input,select,textarea{padding:10px 12px;border:1px solid #b9d2c2;border-radius:8px;background:white;color:inherit}input[type=search]{flex:1;min-width:200px}.table{width:100%;border-collapse:collapse;text-align:left}.table th,.table td{padding:14px;border-top:1px solid #e3ece4}.table th{background:#f0f7f0;font-size:.8rem}.table td small{display:block;color:#526e65;margin-top:4px}.star{font-size:22px;padding:2px 8px;color:#956600}.name{border:0;padding:0;background:none;text-align:left}.count{text-align:right}.footer{color:#526e65;display:flex;gap:16px;justify-content:space-between;padding:20px 0;flex-wrap:wrap}dialog{border:1px solid #cbded0;border-radius:20px;max-width:min(680px,94vw);width:100%;max-height:90vh;padding:25px;color:inherit;box-shadow:0 22px 85px #173c3750}dialog::backdrop{background:#173c3770;backdrop-filter:blur(4px)}dialog h2{margin:4px 0}.close{float:right}.upload{display:block;padding:18px;border:2px dashed #83ad92;border-radius:12px;background:#eff8ef;margin:16px 0}.upload input{width:100%;margin-top:7px}form label{display:grid;gap:5px;font-weight:650}form .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}textarea{resize:vertical}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}output{display:block;padding:10px 0}.muted{color:#526e65}.steps{font-size:.88rem;color:#40685b}.error{color:#a03b35}#empty{padding:16px}button[aria-pressed=true]{background:#f4edd3}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2c8668;outline-offset:2px}@media(max-width:650px){header{margin:8px;padding:10px}header img{width:125px}main{padding:14px}.hero{padding:20px 0}.table th,.table td{padding:9px 7px}.category,.version{display:none}form .fields{grid-template-columns:1fr}.filters>*{flex:1}.footer{display:block}}
