*{box-sizing:border-box}body{margin:0;background:#f4f6f3;color:#1b2a22;font:16px/1.5 system-ui,sans-serif}
header{background:#14674a;color:#fff;padding:16px}header h1{margin:0;font-size:1.3rem}header p{margin:0;opacity:.85}
nav{display:flex;gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid #d9e0da;flex-wrap:wrap}
nav a{padding:8px 14px;border-radius:8px;text-decoration:none;color:#14674a;font-weight:600;border:1px solid #d9e0da}
main{max-width:780px;margin:0 auto;padding:14px 12px 40px}
.card{background:#fff;border:1px solid #d9e0da;border-radius:14px;overflow:hidden;margin-bottom:14px}
.card img{width:100%;max-height:360px;object-fit:cover;display:block}.pad{padding:14px}
.row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
h2{font-size:1.05rem;margin:0}.mu{color:#5d6b63;font-size:.88rem}
.badge{padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:700;border:1px solid #9a6700;color:#9a6700}
.badge.t{color:#1f5fa8;border-color:#1f5fa8}.badge.x{color:#b3261e;border-color:#b3261e}.badge.o{color:#14674a;border-color:#14674a}
.res{margin-top:10px;padding:10px;border-radius:10px;background:#f4f6f3;border:1px solid #d9e0da;font-size:.92rem}
label{display:block;font-weight:600;margin:12px 0 4px}
input,select,textarea{width:100%;padding:10px;border:1px solid #d9e0da;border-radius:10px;font:inherit}
textarea{min-height:80px}button{margin-top:14px;padding:11px 18px;border:0;border-radius:10px;background:#14674a;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ok{background:#e3f5ea;padding:10px;border-radius:10px}.err{background:#fde8e6;padding:10px;border-radius:10px;color:#b3261e}
.hp{position:absolute;left:-9999px}.pg{display:flex;gap:8px;justify-content:center}