:root{--green:#0c3428;--green2:#126246;--leaf:#30b36b;--gold:#ffc85b;--bg:#eff7f1;--dark:#071d17}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:
linear-gradient(rgba(239,247,241,.92),rgba(239,247,241,.94)),
url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSN5wqcaRRzt-dJy8RGoqiPhQBjkg7eJ37bew&s') center/cover fixed no-repeat;color:#10231d}a{text-decoration:none}
.topbar{background:#071d17;color:#c9f5d9;font-size:13px;padding:8px 0}.navbar{background:rgba(12,52,40,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:99;box-shadow:0 15px 35px rgba(0,0,0,.14)}
.brand{font-weight:900;color:white;font-size:25px}.brand span{color:var(--gold)}.navlink{color:#e8fff0;margin:0 10px;font-weight:700}.navlink:hover{color:var(--gold)}
.hero{min-height:650px;background:radial-gradient(circle at 20% 20%,rgba(255,200,91,.28),transparent 30%),linear-gradient(135deg,#08261d,#126246 60%,#0c3428);color:#fff;position:relative;overflow:hidden;padding:90px 0}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.04) 25%,transparent 25%);background-size:60px 60px;opacity:.5}
.glass{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.22);border-radius:34px}
.hero h1{font-size:clamp(42px,7vw,88px);font-weight:1000;line-height:.95}.hero p{font-size:19px;color:#dfffe9}.btn-eco{background:linear-gradient(135deg,#31b86d,#ffc85b);border:0;color:#062016;font-weight:900;padding:14px 24px;border-radius:999px;box-shadow:0 12px 25px rgba(48,179,107,.3)}
.section-title{font-weight:1000;color:var(--green);font-size:42px}.soft{color:#5d746a}
.pop-row{display:flex;gap:32px;overflow:auto;padding:25px 5px 40px;scrollbar-width:thin}.pop-cat{text-align:center;min-width:145px}.pop-cat img{width:132px;height:132px;object-fit:cover;border-radius:50%;background:#fff;padding:7px;box-shadow:0 18px 45px rgba(10,45,31,.18);transition:.35s}.pop-cat:hover img{transform:translateY(-10px) scale(1.05) rotate(-2deg)}.pop-cat b{display:block;margin-top:14px;color:#273b34}
.product-card{height:100%;background:rgba(255,255,255,.88);border:1px solid rgba(18,98,70,.12);border-radius:28px;overflow:hidden;box-shadow:0 16px 45px rgba(10,45,31,.09);transition:.35s}.product-card:hover{transform:translateY(-9px);box-shadow:0 25px 70px rgba(10,45,31,.18)}.product-card img{height:220px;width:100%;object-fit:cover}.price{font-size:24px;color:#0c6b43;font-weight:1000}
.feature{padding:28px;border-radius:28px;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.06);height:100%;border:1px solid rgba(18,98,70,.12)}.feature .icon{font-size:38px}
.dark-sec{background:linear-gradient(135deg,#071d17,#0c3428);color:#fff;padding:75px 0;border-radius:45px}.admin-note{background:#fff8df;border:1px solid #ffe18a;border-radius:20px;padding:16px}
.footer{background:#071d17;color:#c9f5d9;padding:55px 0;margin-top:60px}.footer h4{color:#fff}
.sidebar{min-height:100vh;background:#071d17;color:#fff;padding:22px;position:fixed;width:260px}.side-link{display:block;color:#dfffe9;padding:13px 15px;border-radius:14px;margin:5px 0}.side-link:hover,.side-link.active{background:#126246;color:#fff}.main-dash{margin-left:260px;padding:30px}.stat{border-radius:26px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.07);padding:25px}.table-card{background:#fff;border-radius:25px;padding:22px;box-shadow:0 15px 35px rgba(0,0,0,.06)}
@media(max-width:800px){.hero{min-height:auto;padding:55px 0}.main-dash{margin-left:0}.sidebar{position:relative;width:100%;min-height:auto}.pop-cat img{width:105px;height:105px}.pop-cat{min-width:110px}}