*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;background:#f6f8f7;color:#122019}a{text-decoration:none;color:inherit}.topbar{background:#0d3b2e;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 18px #0002}.nav{max-width:1200px;margin:auto;display:flex;align-items:center;gap:18px;padding:14px 20px}.brand{font-weight:900;font-size:23px;display:flex;align-items:center;gap:9px}.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#9adf76,#f6ce55);display:grid;place-items:center;color:#173d2e}.navlinks{display:flex;gap:13px;align-items:center;margin-inline-start:auto}.pill,.btn{border:0;border-radius:12px;padding:10px 15px;font-weight:800;cursor:pointer}.btn{background:#188a5a;color:white}.btn:hover{filter:brightness(.95)}.btn.alt{background:#eef6f1;color:#15583f}.btn.danger{background:#a63a3a}.container{max-width:1200px;margin:auto;padding:24px 20px}.hero{background:linear-gradient(135deg,#0f4d39,#17764e);border-radius:28px;padding:48px;color:white;display:grid;grid-template-columns:1.4fr .6fr;overflow:hidden;position:relative}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.02;margin:0 0 14px}.hero p{font-size:18px;opacity:.9;max-width:600px}.hero-art{font-size:110px;display:grid;place-items:center;filter:drop-shadow(0 8px 20px #0005)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.categories{display:flex;gap:10px;overflow:auto;padding-bottom:8px}.chip{white-space:nowrap;border:1px solid #dbe7df;background:white;border-radius:999px;padding:10px 16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:white;border:1px solid #e2ebe5;border-radius:20px;padding:16px;box-shadow:0 5px 18px #0b32200a}.prod-img{height:150px;border-radius:16px;background:linear-gradient(145deg,#eff7f2,#e2f0e7);display:grid;place-items:center;font-size:54px;overflow:hidden}.prod-img img{width:100%;height:100%;object-fit:cover}.price{font-size:21px;font-weight:900;color:#0e6d49}.old{text-decoration:line-through;color:#87968d;font-size:14px}.stock{font-size:12px;color:#6b7f73}.formshell{max-width:560px;margin:30px auto;background:white;border:1px solid #e0eae4;border-radius:24px;padding:26px}.field{margin:13px 0}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #ccd9d0;border-radius:11px;font:inherit;background:#fff}.notice{padding:12px 14px;border-radius:12px;background:#fff5ce;color:#6d5700;margin:12px 0}.ok{background:#e2f7ea;color:#17623a}.bad{background:#fde8e8;color:#922}.tablewrap{overflow:auto;background:white;border-radius:18px;border:1px solid #e0e8e3}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid #edf1ee;text-align:start}th{background:#f3f7f5}.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:18px}.sidebar{background:#133c30;color:white;border-radius:20px;padding:15px;height:max-content;position:sticky;top:86px}.sidebar a{display:block;padding:11px 12px;border-radius:10px;margin:3px 0}.sidebar a:hover{background:#ffffff17}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{background:white;padding:18px;border-radius:18px;border:1px solid #e0e8e3}.metric b{font-size:27px;display:block}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf4ef;font-size:12px;font-weight:800}.badge.pending{background:#fff2bf}.badge.preparing{background:#dceeff}.badge.ready{background:#e2f8e7}.badge.out_for_delivery{background:#eadfff}.badge.delivered{background:#dff4e5}.badge.cancelled{background:#fde1e1}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1ee}.footer{margin-top:50px;background:#102c24;color:#cce0d5;padding:32px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.searchbar{display:flex;gap:8px;margin:18px 0}.searchbar input{flex:1;padding:13px;border:1px solid #d7e1da;border-radius:13px}.product-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-form .wide{grid-column:1/-1}.muted{color:#6c7e74}.rtl{direction:rtl}.ltr{direction:ltr}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{display:none}.admin-layout{grid-template-columns:1fr}.sidebar{position:static}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.nav{flex-wrap:wrap}.navlinks{width:100%;overflow:auto}.grid{grid-template-columns:1fr 1fr;gap:9px}.card{padding:10px}.prod-img{height:115px}.hero{padding:28px}.metric-grid{grid-template-columns:1fr 1fr}.product-form{grid-template-columns:1fr}.product-form .wide{grid-column:auto}}