:root{--p:#7c3aed;--q:#ec4899;--b:#0f172a;--bg:#f8fafc}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#111827}.top{position:sticky;top:0;z-index:20;background:linear-gradient(110deg,var(--p),var(--q));color:#fff;padding:14px}.wrap{max-width:1100px;margin:auto;padding:18px}.nav{display:flex;gap:10px;align-items:center;justify-content:space-between}.brand{font-weight:900}.nav a,.btn{background:#fff;color:var(--p);padding:10px 14px;border-radius:14px;text-decoration:none;border:0;font-weight:700;cursor:pointer}.hero{padding:34px 0 20px}.search{display:flex;gap:8px;flex-wrap:wrap}.search input,.search select,input,textarea,select{padding:12px;border:1px solid #ddd;border-radius:12px;font:inherit}.search input{flex:1;min-width:180px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 22px #0f172a10;position:relative}.photo{width:100%;aspect-ratio:1/1;object-fit:cover;background:#e5e7eb}.info{padding:12px}.price{font-size:18px;font-weight:900;color:var(--p)}.meta{color:#64748b;font-size:13px}.sold{position:absolute;inset:0;background:#dc2626aa;color:#fff;font-size:36px;font-weight:900;display:flex;align-items:center;justify-content:center;transform:rotate(-18deg)}.gallery{display:flex;gap:8px;overflow:auto}.gallery img{width:76px;height:76px;object-fit:cover;border-radius:10px;cursor:pointer}.detail-main{width:100%;max-height:520px;object-fit:contain;background:#111;border-radius:18px}.panel{background:#fff;padding:18px;border-radius:18px;margin:14px 0;box-shadow:0 4px 18px #0000000d}.btn.primary{background:linear-gradient(110deg,var(--p),var(--q));color:#fff}.btn.danger{background:#dc2626;color:#fff}.btn.wa{background:#16a34a;color:#fff}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.adminnav{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:12px;color:#64748b}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #eee;text-align:left}.modal{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:50}.modal.show{display:flex}.modal img{max-width:92vw;max-height:88vh;border-radius:12px}@media(max-width:700px){.wrap{padding:12px}.row{grid-template-columns:1fr}.nav{align-items:flex-start}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border-radius:14px}.nav a,.btn{padding:9px 10px}.brand{font-size:14px}}