:root{--ink:#22322a;--ink2:#496052;--muted:#7b887e;--cream:#fbfaf6;--cream2:#f5f2e9;--green:#325c45;--green2:#214b38;--lime:#dce9d2;--line:#e6e9e1;--white:#fff;--gold:#ae8052;--danger:#a63e3a;--rose:#fff1ef;--shadow:0 12px 35px rgba(29,55,39,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #adcab1;outline-offset:3px}p,h1,h2,h3{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.05}h2{font-size:clamp(1.5rem,3vw,2rem)}.max{max-width:1220px;margin-inline:auto;padding-inline:clamp(18px,4vw,48px)}.topbar{border-bottom:1px solid var(--line);background:rgba(251,250,246,.96)}.topbar .max{min-height:79px;display:flex;align-items:center;gap:18px;justify-content:space-between}.logo{font-size:26px;font-weight:850;letter-spacing:-.075em;color:var(--green2);line-height:.9;display:inline-flex;flex-direction:column}.logo small{font-size:9px;font-weight:750;letter-spacing:.29em;text-transform:uppercase;margin-top:7px}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;background:#eef2ea;color:#41614c;border-radius:100px;padding:9px 14px;font-weight:700;font-size:12px}.btn{border:1px solid #d5ddd2;background:var(--white);color:var(--green2);border-radius:12px;font-weight:760;padding:11px 17px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;transition:transform .15s,border-color .15s,background .15s}.btn:hover{transform:translateY(-1px);border-color:#91b099}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:var(--green2)}.btn.soft{background:var(--lime);border-color:var(--lime)}.btn.danger{color:var(--danger);border-color:#efcbc6}.btn.ghost{border-color:transparent;background:transparent}.btn.small{font-size:12px;padding:6px 11px;min-height:36px;border-radius:9px}.container{padding-top:35px;padding-bottom:70px}.subtle{color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--gold)}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:100px;padding:6px 10px;background:#f1f2eb;color:var(--green);font-size:11px;font-weight:750}.tag.amber{color:#875a25;background:#fff4de}.tag.red{color:var(--danger);background:var(--rose)}.tag.dark{background:var(--green);color:#fff}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.85fr);gap:30px;align-items:stretch;padding-top:48px;padding-bottom:47px}.hero h1{max-width:690px;margin-bottom:18px}.hero p{line-height:1.8;max-width:610px;color:#526c5c;font-size:16px}.hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--gold)}.hero-card{border-radius:30px;padding:38px;position:relative;overflow:hidden;min-height:260px;background:radial-gradient(circle at 85% 15%,#b5cda5 0%,transparent 36%),linear-gradient(145deg,#426650,#163d2d);color:white;display:flex;flex-direction:column;justify-content:space-between}.hero-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.21);border-radius:50%;right:-77px;top:58px;box-shadow:0 0 0 36px rgba(255,255,255,.045),0 0 0 70px rgba(255,255,255,.02);pointer-events:none}.hero-card strong{font-size:34px;line-height:1.12;max-width:250px;letter-spacing:-.04em;font-weight:680;z-index:1}.hero-card span{font-size:13px;color:#d5e6d6;line-height:1.7;z-index:1}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.note{margin:0 0 20px;border:1px solid #eadfc2;background:#fffaf0;border-radius:12px;padding:13px 18px;color:#6b593b}.filters{position:sticky;top:0;background:rgba(251,250,246,.97);backdrop-filter:blur(12px);padding:18px 0 16px;border-bottom:1px solid var(--line);z-index:5}.filter-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe4db;border-radius:13px;padding:0 16px;max-width:360px;width:100%;min-height:48px}.search input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:15px;color:var(--ink)}.chips{display:flex;gap:9px;overflow:auto;padding:13px 0 2px;scrollbar-width:thin}.chip{border:1px solid var(--line);background:#fff;padding:10px 17px;border-radius:100px;color:#657668;white-space:nowrap;font-size:13px;font-weight:720}.chip.active{background:var(--green);border-color:var(--green);color:#fff}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:35px 0 24px}.section-heading h2{margin:0}.section-heading small{color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-visual{height:195px;background:radial-gradient(circle at 85% 20%,#e8f0df,transparent 48%),linear-gradient(135deg,#f6f3e8,#e6eadb);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover;display:block}.product-visual .icon{font-size:56px;filter:saturate(.68);opacity:.6}.visual-label{position:absolute;top:14px;left:14px;z-index:1}.product-content{display:flex;flex-direction:column;flex:1;padding:21px 21px 19px}.product-category{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9c916d;font-weight:850}.product-title{font-weight:810;font-size:18px;line-height:1.28;margin:7px 0 8px}.product-desc{font-size:13px;color:#7a897d;line-height:1.6;margin:0 0 20px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.price{font-size:21px;font-weight:860;color:var(--green)}.price small{font-size:11px;font-weight:710;color:#829184;margin-left:5px}.out-card{opacity:.55}.out-card .product-visual{filter:grayscale(.8)}.empty-state{padding:52px 20px;border:1px dashed #b5c6b5;border-radius:19px;text-align:center;color:#748477;background:#fff;line-height:1.8}.empty-state strong{display:block;color:var(--green);font-size:21px;margin-bottom:8px}.visit{margin-top:70px;border-radius:28px;background:#e8eee2;padding:32px 40px;display:flex;justify-content:space-between;gap:32px;align-items:center}.visit p{margin:6px 0;line-height:1.7}.site-footer{border-top:1px solid var(--line);padding:26px 0;color:#809083;font-size:12px}.site-footer .max{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.staff-background{background:#f2f3ef;min-height:100vh}.dashboard{max-width:1180px;padding-top:32px}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:25px}.dash-header h1{font-size:37px;margin:9px 0 6px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 26px}.stat{background:#fff;border:1px solid var(--line);padding:20px 21px;border-radius:16px}.stat strong{font-size:30px;display:block;color:var(--green)}.stat small{color:var(--muted);font-size:12px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:25px;margin-bottom:19px}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.panel-header h2{margin:0;font-size:21px}.items-list{display:grid;gap:9px}.staff-row,.admin-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:13px;background:white;min-width:0}.admin-row{grid-template-columns:55px minmax(0,1fr) auto}.thumb{width:54px;height:54px;background:#edf1e8;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#839385;font-size:21px}.thumb img{width:100%;height:100%;object-fit:cover}.row-title{font-weight:800;line-height:1.35;overflow-wrap:anywhere}.row-meta{font-size:12px;color:var(--muted);margin-top:4px}.row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.toggle{display:inline-flex;align-items:center;gap:11px;min-height:44px;cursor:pointer;font-weight:740;color:var(--green)}.toggle input{appearance:none;position:relative;width:49px;height:29px;border-radius:99px;background:#d6dcd5;outline-offset:3px;transition:background .15s;cursor:pointer;flex:none}.toggle input:checked{background:var(--green)}.toggle input:before{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:white;top:4px;left:4px;box-shadow:0 1px 5px #0002;transition:transform .15s}.toggle input:checked:before{transform:translateX(20px)}.login-box{max-width:460px;margin:65px auto 80px;background:white;border-radius:24px;border:1px solid var(--line);padding:36px;box-shadow:var(--shadow)}.login-box h1{font-size:32px;margin-bottom:10px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#536759;font-weight:750}.field input,.field textarea,.field select{padding:12px 14px;border-radius:11px;border:1px solid #d8e1d7;background:#fff;min-height:45px;outline-offset:2px;color:var(--ink);font-size:15px}.field textarea{min-height:78px;resize:vertical}.field select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.form-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.helper{font-size:12px;color:var(--muted);line-height:1.5}.alert{padding:12px 15px;border-radius:10px;background:#fff0ee;color:#a14236;margin-top:15px;line-height:1.5;font-size:13px}.success{background:#e7f4e8;color:#256740}.tabs{display:flex;border-bottom:1px solid var(--line);gap:6px;overflow:auto;margin:0 0 23px}.tab{border:0;background:transparent;color:#708375;font-weight:760;padding:14px 18px;border-bottom:3px solid transparent;white-space:nowrap}.tab.active{border-color:var(--green);color:var(--green)}.admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:17px}.admin-toolbar .search{max-width:300px}.cat-select{border:1px solid var(--line);border-radius:10px;background:white;min-height:45px;padding:0 10px;max-width:220px}.table-head{display:grid;grid-template-columns:minmax(0,1fr) 150px 95px;gap:14px;padding:9px 14px;font-size:11px;color:#8a978c;text-transform:uppercase;letter-spacing:.07em}.admin-row .row-actions .btn{white-space:nowrap}.modal-layer{position:fixed;inset:0;z-index:30;background:rgba(18,39,27,.55);overflow-y:auto;padding:25px 15px;display:flex;justify-content:center;align-items:flex-start}.modal{width:min(660px,100%);margin:auto;background:#fff;border-radius:22px;box-shadow:0 20px 90px #0003;padding:29px}.modal h2{margin-bottom:5px}.modal .form-grid{margin-top:18px}.image-upload{border:2px dashed #d2dccf;border-radius:13px;padding:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.image-upload img{width:90px;height:90px;border-radius:12px;object-fit:cover}.upload-placeholder{width:90px;height:90px;border-radius:12px;background:#edf0e9;display:flex;align-items:center;justify-content:center;font-size:34px}.activity{display:grid;gap:9px}.activity-entry{display:flex;gap:14px;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 4px;font-size:13px}.activity-entry strong{font-size:14px}.kbd{border:1px solid #c6d1c4;border-radius:7px;padding:3px 6px;background:#f1f5f0;font-family:ui-monospace,monospace;font-size:11px}.inline-info{background:#edf3e9;border-radius:13px;padding:15px 17px;font-size:13px;color:#426d50;line-height:1.65}.hidden,[hidden]{display:none!important}.muted-rule{border:0;border-top:1px solid var(--line);margin:24px 0}.toast{position:fixed;bottom:24px;right:24px;padding:14px 19px;background:#244c36;color:white;border-radius:13px;box-shadow:var(--shadow);z-index:60;max-width:min(360px,calc(100vw - 34px));font-weight:730}.toast.error{background:#983d33}.rtl{direction:rtl}.rtl .eyebrow:before{order:2}.rtl .visual-label{left:auto;right:14px}.rtl .site-footer,.rtl .visit{direction:rtl}
@media(max-width:870px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-card{min-height:210px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.visit{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.max{padding-inline:18px}.topbar .max{min-height:72px}.top-actions .pill{display:none}.hero{padding-top:35px;gap:18px}.hero-card{min-height:186px;padding:26px}.hero-card strong{font-size:29px}.products{gap:11px}.product-visual{height:140px}.product-content{padding:14px}.product-title{font-size:14px}.product-desc{font-size:12px;margin-bottom:10px}.price{font-size:18px}.price small{display:block;margin-left:0}.section-heading{margin:28px 0 18px}.visit{padding:27px 23px}.panel{padding:16px}.login-box{margin:27px 13px;padding:23px}.staff-row,.admin-row{grid-template-columns:43px minmax(0,1fr);gap:10px}.staff-row .row-actions,.admin-row .row-actions{grid-column:2;justify-content:flex-start}.thumb{width:43px;height:43px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.modal{padding:20px}.filter-line{flex-direction:column;align-items:stretch}.filter-line .search{max-width:100%}.dash-header h1{font-size:30px}.admin-toolbar .search{max-width:100%}.topbar .btn.small{font-size:11px;padding:6px 9px}.logo{font-size:22px}}
@media(max-width:370px){.products{grid-template-columns:1fr}.product-visual{height:170px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:15px}.stat strong{font-size:24px}}