:root{--bg0: #0b1210;--bg1: #121c18;--bg2: #1a2922;--ink: #f2f7f4;--muted: #9bb0a5;--line: rgba(180, 220, 200, .12);--accent: #3dffa8;--accent2: #7cffd0;--warn: #ffb86b;--danger: #ff6b7a;--radius: 18px;--font-display: "Syne", sans-serif;--font-body: "Manrope", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,rgba(61,255,168,.16),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(80,160,255,.12),transparent 50%),linear-gradient(180deg,var(--bg0),#07100d 40%,#0a1411);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit}img{max-width:100%;display:block}.shop-shell{min-height:100dvh;display:flex;flex-direction:column}.shop-hero{position:relative;min-height:52vh;display:grid;align-content:end;padding:28px 20px 24px;overflow:hidden;isolation:isolate}.shop-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07100d26,#07100deb),var(--hero-image, linear-gradient(135deg, #143028, #0b1210));background-size:cover;background-position:center;z-index:-1;animation:heroIn 1.1s ease both}@keyframes heroIn{0%{transform:scale(1.06);opacity:.6}to{transform:scale(1);opacity:1}}.brand{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,9vw,3.6rem);letter-spacing:-.04em;line-height:.95;margin:0 0 10px;animation:rise .7s ease both}.brand span{color:var(--accent)}.hero-lead{margin:0;max-width:28rem;color:var(--muted);font-size:1rem;line-height:1.5;animation:rise .8s .08s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cta-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;animation:rise .85s .14s ease both}.btn{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#042016;font-weight:700}.btn-ghost{background:#ffffff0f;color:var(--ink);border:1px solid var(--line)}.shop-body{padding:8px 16px 40px;flex:1}.section-title{font-family:var(--font-display);font-size:1.35rem;margin:18px 0 12px;letter-spacing:-.02em}.cat-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.cat-rail::-webkit-scrollbar{display:none}.cat-tile{scroll-snap-align:start;position:relative;height:120px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg2);cursor:pointer;text-align:left;padding:0;color:inherit;animation:rise .6s ease both}.cat-tile img,.cat-tile .ph{width:100%;height:100%;object-fit:cover}.cat-tile .ph{background:linear-gradient(145deg,#1d3a2e,#101a16)}.cat-tile strong{position:absolute;left:10px;right:10px;bottom:10px;font-size:.92rem;text-shadow:0 2px 10px rgba(0,0,0,.7)}.product-list{display:flex;flex-direction:column;gap:14px}.product{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:10px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff08;cursor:pointer;transition:border-color .2s,transform .2s}.product:hover{border-color:#3dffa859;transform:translateY(-1px)}.product img,.product .ph{width:96px;height:96px;border-radius:14px;object-fit:cover}.product .ph{background:linear-gradient(145deg,#234536,#122018)}.product h3{margin:0 0 4px;font-family:var(--font-display);font-size:1.05rem}.product p{margin:0;color:var(--muted);font-size:.86rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{margin-top:8px;color:var(--accent2);font-weight:700}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;align-items:end;z-index:40;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet-panel{background:linear-gradient(180deg,#15241d,#0d1612);border-radius:24px 24px 0 0;padding:16px 16px 28px;border-top:1px solid var(--line);max-height:88vh;overflow:auto;animation:slideUp .28s ease}@keyframes slideUp{0%{transform:translateY(24px)}to{transform:translateY(0)}}.sheet-panel img,.sheet-panel .ph{width:100%;height:210px;object-fit:cover;border-radius:16px;margin-bottom:14px}.sheet-panel .ph{background:linear-gradient(145deg,#234536,#122018)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#123528;border:1px solid rgba(61,255,168,.35);color:var(--ink);padding:12px 16px;border-radius:14px;z-index:50;animation:rise .25s ease}.admin-login{min-height:100dvh;display:grid;place-items:center;padding:24px}.admin-card{width:min(420px,100%);padding:28px;border-radius:22px;border:1px solid var(--line);background:#121c18e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-card h1{font-family:var(--font-display);margin:0 0 8px;letter-spacing:-.03em}.admin-card p{color:var(--muted);margin:0 0 18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:.85rem;color:var(--muted)}.field input,.field textarea,.field select{background:#0c1512;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#3dffa873}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}.admin-nav{padding:22px 16px;border-right:1px solid var(--line);background:#080e0cd9}.admin-nav h2{font-family:var(--font-display);margin:0 0 18px;font-size:1.3rem}.admin-nav button{width:100%;text-align:left;background:transparent;border:0;color:var(--muted);padding:10px 12px;border-radius:12px;cursor:pointer;margin-bottom:4px}.admin-nav button.active,.admin-nav button:hover{background:#3dffa81a;color:var(--ink)}.admin-main{padding:24px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}.stat{padding:16px;border-radius:16px;border:1px solid var(--line);background:#ffffff08}.stat b{display:block;font-family:var(--font-display);font-size:1.4rem;margin-top:6px}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:860px){.admin-layout{grid-template-columns:1fr}.admin-nav{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow-x:auto;align-items:center}.admin-nav h2{display:none}.admin-nav button{width:auto;white-space:nowrap}.grid-2{grid-template-columns:1fr}}