:root{--bg:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#111827;--accent:#e11d48;--card:#fff}
[data-theme=dark]{--bg:#0b1020;--text:#f8fafc;--muted:#94a3b8;--line:#263149;--brand:#f8fafc;--accent:#fb7185;--card:#111827}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:auto;padding:0 20px}.top{background:#111827;color:#fff;padding:8px 0;font-size:13px}.nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);z-index:20}.navin{height:70px;display:flex;align-items:center;gap:24px}.logo{font-weight:900;font-size:24px}.logo span{color:var(--accent)}.search{flex:1;position:relative}.search input{width:100%;padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text)}.search-results{position:absolute;top:52px;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 40px #0002;display:none;overflow:hidden}.search-results a{display:flex;gap:12px;padding:10px}.search-results img{width:48px;height:48px;object-fit:cover;border-radius:8px}.actions{display:flex;gap:15px;align-items:center}.hero{padding:60px 0;background:linear-gradient(135deg,#fdf2f8,#eef2ff)}[data-theme=dark] .hero{background:linear-gradient(135deg,#1f1320,#101827)}.hero h1{font-size:clamp(36px,6vw,72px);margin:0 0 15px;line-height:1}.hero p{color:var(--muted);max-width:620px;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;background:var(--brand);color:var(--bg);cursor:pointer;font-weight:700}.btn.accent{background:var(--accent);color:#fff}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.section{padding:45px 0}.section h2{margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}.product-img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f3f4f6}.card-body{padding:14px}.price{font-weight:900;font-size:18px}.old{text-decoration:line-through;color:var(--muted);font-size:13px;margin-left:7px}.muted{color:var(--muted)}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#fce7f3;color:#9d174d;font-size:12px;font-weight:700}.footer{border-top:1px solid var(--line);padding:45px 0;margin-top:40px}.form{max-width:650px}.field{margin-bottom:15px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(430px,95vw);background:var(--card);z-index:50;box-shadow:-15px 0 50px #0003;transform:translateX(105%);transition:.25s;padding:22px;overflow:auto}.drawer.open{transform:none}.overlay{position:fixed;inset:0;background:#0007;z-index:49;display:none}.overlay.open{display:block}.timeline{display:flex;justify-content:space-between;gap:8px;margin:25px 0}.step{flex:1;text-align:center;font-size:12px}.dot{width:28px;height:28px;border-radius:50%;margin:auto auto 8px;background:#d1d5db}.step.active .dot{background:var(--accent)}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.admin-wrap{display:flex;min-height:100vh}.side{width:240px;border-right:1px solid var(--line);padding:20px}.main{flex:1;padding:30px}.metric{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.toast{position:fixed;right:20px;bottom:20px;padding:13px 17px;background:#111827;color:#fff;border-radius:10px;z-index:80}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.side{display:none}.navin{gap:10px}.search{order:3;flex-basis:100%}.navin{height:auto;padding:12px 0;flex-wrap:wrap}}@media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:10px}.row{grid-template-columns:1fr}.actions span{display:none}.hero{padding:40px 0}}