:root{--green:#2f6f45;--green2:#eaf3e8;--ink:#1d2a21;--muted:#6c786f;--bg:#f6f5ef;--card:#fff;--line:#e6e8e1}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 5%;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:21px}.brand img,.avatar img{width:43px;height:43px;border-radius:50%;object-fit:cover}.avatar img{width:40px;height:40px}
main{max-width:1100px;margin:24px auto;padding:0 18px 90px}.hero{background:linear-gradient(135deg,#edf4e7,#fff);padding:25px;border-radius:24px;border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.big{font-size:30px;font-weight:800;color:var(--green)}.muted{color:var(--muted);font-size:14px}.btn{display:inline-block;border:0;border-radius:12px;background:var(--green);color:#fff;padding:12px 16px;text-decoration:none;font-weight:700;cursor:pointer}
.btn.light{background:var(--green2);color:var(--green)}input,textarea,select{width:100%;padding:13px;border:1px solid #dfe4dc;border-radius:12px;background:#fff;margin:7px 0 13px;font:inherit}textarea{min-height:220px}
.account,.mail{display:flex;gap:12px;align-items:center;padding:14px;background:#fff;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.account img{width:45px;height:45px;border-radius:50%;object-fit:cover}.grow{flex:1}.badge{background:#d9f0df;color:#17652f;padding:4px 8px;border-radius:999px;font-size:12px}
.mail.unread{font-weight:700}.subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;line-height:1.55;overflow-wrap:anywhere}
nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 5px 10px;z-index:10}nav a{text-decoration:none;color:#506056;text-align:center;font-size:20px}nav span{display:block;font-size:11px;margin-top:3px}
.login{max-width:420px;margin:55px auto}.center{text-align:center}.center .logo{width:100px;height:100px;border-radius:50%;object-fit:cover}.notice{padding:12px;border-radius:12px;background:#fff4d8;margin:12px 0}
@media(max-width:700px){header{height:60px;padding:8px 16px}.brand{font-size:18px}.brand img,.avatar img{width:38px;height:38px}main{margin:14px auto;padding:0 12px 85px}.grid{grid-template-columns:repeat(3,1fr);gap:7px}.card{padding:12px;border-radius:15px}.big{font-size:22px}.hero{padding:18px}.mail{padding:13px 8px}.desktop-only{display:none}}