:root{--green:#0f5132;--green2:#198754;--cream:#fbf8ef;--text:#142018;--muted:#68736b;--border:#e6e1d5;--shadow:0 10px 30px rgba(0,0,0,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--border);background:white;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--green);font-size:28px}.brand span{display:block;font-size:13px;font-weight:400;color:var(--green)}.logo{width:48px;height:48px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:28px}.nav{display:flex;gap:30px;align-items:center}.nav a.active{color:var(--green);font-weight:700;border-bottom:2px solid var(--green);padding-bottom:8px}.cartlink{font-weight:700}.hero{min-height:340px;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15)),url('https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=1600&auto=format&fit=crop');background-size:cover;background-position:center;display:flex;align-items:center;padding:50px 8%;color:#fff}.hero h1{font-size:48px;line-height:1.05;margin:0 0 16px}.hero p{font-size:22px;max-width:560px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:var(--green2);color:white;padding:13px 22px;border-radius:8px;border:0;font-weight:700;cursor:pointer}.btn.outline{background:white;color:var(--green);border:1px solid var(--green)}.container{max-width:1180px;margin:0 auto;padding:38px 20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.filters{display:flex;gap:12px;flex-wrap:wrap}.pill{padding:9px 16px;border-radius:99px;border:1px solid var(--border);background:white}.pill.active{background:var(--green);color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid var(--border);border-radius:12px;background:white;box-shadow:var(--shadow);overflow:hidden}.product-img{height:220px;background:var(--cream);display:grid;place-items:center;font-size:70px}.card-body{padding:18px}.price{font-weight:800;font-size:20px;margin:10px 0}.select{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;margin:8px 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.feature{padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--cream)}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{border-bottom:1px solid var(--border);padding:12px;text-align:left}.form{max-width:760px;background:white;border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.field{display:grid;gap:7px;margin-bottom:14px}.field input,.field textarea,.field select{padding:12px;border:1px solid var(--border);border-radius:8px}.notice{background:var(--cream);border:1px solid var(--border);padding:16px;border-radius:10px;margin-bottom:18px}.admin-layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:var(--green);color:white;padding:24px}.sidebar a{display:block;padding:12px;border-radius:8px}.sidebar a:hover{background:rgba(255,255,255,.12)}.admin-main{padding:30px;background:#f7f7f4}.actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 18px}.nav{gap:12px}.hero h1{font-size:36px}.features{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.sidebar{position:relative}}@media(max-width:560px){.grid{grid-template-columns:1fr}.nav{display:none}}
.accountlink{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:9px 13px;
    border-radius:999px;
    background:#075c36;
    color:#fff !important;
    text-decoration:none;
    font-weight:800;
}

.accountlink:hover{
    background:#13894f;
}