:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#14221c;background:#f2f5f0;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{width:min(1100px,100%);margin:auto;padding:24px}header,.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{margin:.2rem 0 1.5rem;font-size:clamp(2rem,7vw,4rem);letter-spacing:-.06em}h2{margin:0 0 1rem}.eyebrow{font-size:.75rem;letter-spacing:.18em;color:#52705f}.panel,.stats article{background:#fff;border:1px solid #dce5dd;border-radius:20px;padding:22px;box-shadow:0 12px 35px rgba(26,55,39,.05)}#login,#register{max-width:480px;margin:3rem auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.stats span,.stats strong{display:block}.stats strong{font-size:1.65rem;margin-top:.35rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:.9rem;color:#4a5e52}input,button,textarea{font:inherit;border-radius:12px;padding:12px 14px}input,textarea{border:1px solid #cad7cd;background:#fbfcfb}button{border:0;background:#176b45;color:white;font-weight:700;cursor:pointer}.ghost{background:transparent;color:#176b45;border:1px solid #b9cdbf}.cardActions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.cardActions input{min-width:220px;flex:1}.cards{display:grid;gap:8px}.cards article{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#f6f8f5}.cardCheck{display:flex;grid-template-columns:none;align-items:center;gap:10px;color:inherit}.cardCheck input{width:18px;height:18px}.cards span,.cards small{color:#607066}output{display:grid;gap:8px;margin:14px 0;overflow-wrap:anywhere}output input,output textarea{width:100%}#message{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#123a29;color:white;border-radius:999px;padding:10px 18px;max-width:90%}#message:empty{display:none}#message.error{background:#8e2e2e}.empty{color:#6b786f}@media(max-width:700px){main{padding:16px}h1{font-size:2.5rem}.stats{grid-template-columns:1fr 1fr}.stats article:first-child{grid-column:1/-1}.grid{grid-template-columns:1fr}.cards article{grid-template-columns:1fr}.cardActions>*{width:100%}.panel{padding:18px}}
