:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:#070a16;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(900px 500px at 20% 10%,rgba(99,102,241,.22),transparent 60%),radial-gradient(800px 460px at 80% 30%,rgba(16,185,129,.16),transparent 60%),#070a16}*{box-sizing:border-box}#root{min-height:100vh}a{color:inherit}.appRoot{min-height:100vh}.appShell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topNav{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;margin:14px auto 0;width:min(1120px,calc(100% - 32px));border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0f14239e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000040}.brand{font-weight:800;letter-spacing:.4px;color:#ffffffeb;text-decoration:none;font-size:18px}.brandAccent{background:linear-gradient(90deg,#a78bfa,#34d399,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.navLinks{display:flex;gap:14px;align-items:center}.navLinks a{text-decoration:none;padding:8px 10px;border-radius:12px;color:#ffffffd1;border:1px solid transparent}.navLinks a.active{border-color:#ffffff24;background:#ffffff0f}.content{width:min(1120px,calc(100% - 32px));margin:18px auto 0;padding-bottom:48px}.footer{width:min(1120px,calc(100% - 32px));margin:auto auto 18px;padding:12px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0f142359;color:#ffffffa6;text-align:center}.hero{padding:26px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(1200px 380px at 30% 0%,rgba(99,102,241,.28),transparent 50%),radial-gradient(900px 320px at 80% 30%,rgba(16,185,129,.22),transparent 55%),#0f14238c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.heroTitle{margin:0;font-size:clamp(26px,4vw,40px);line-height:1.1;letter-spacing:-.5px}.heroSubtitle{margin:10px 0 0;color:#ffffffbd}.grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid{grid-template-columns:1fr}.navLinks{gap:8px}.navLinks a{padding:8px}}.card{display:block;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0f14238f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 38px #00000038;overflow:hidden}.productCard{text-decoration:none;color:inherit;transition:transform .14s ease,border-color .14s ease}.productCard:hover{transform:translateY(-2px);border-color:#ffffff2e}.thumbWrap{position:relative;height:168px;background:#ffffff0a}.thumb{width:100%;height:100%;object-fit:cover;display:block}.thumbPlaceholder,.heroImgPlaceholder{width:100%;height:100%;display:grid;place-items:center;color:#ffffff8c;background:linear-gradient(135deg,#ffffff14,#ffffff05)}.pill{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.14);background:#00000038}.pillActive{box-shadow:0 0 0 1px #10b98133 inset}.pillSold{box-shadow:0 0 0 1px #f43f5e40 inset}.cardBody{padding:14px 14px 16px}.cardTitleRow{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.cardTitle{margin:0;font-size:16px;line-height:1.2}.price{font-weight:800;background:linear-gradient(90deg,#93c5fd,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:#ffffffb3;font-size:13px}.panel{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0f14239e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px;box-shadow:0 14px 38px #00000038}.details{position:relative}.detailsTop{display:grid;grid-template-columns:1.05fr 1fr;gap:14px}@media(max-width:920px){.detailsTop{grid-template-columns:1fr}}.imagePanel{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0f14239e;box-shadow:0 14px 38px #00000038}.heroImg{width:100%;height:420px;object-fit:cover;display:block}.detailsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.kv{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:640px){.kv{grid-template-columns:1fr}}.kvVal{font-size:18px;font-weight:800}.divider{height:1px;background:#ffffff1a;margin:14px 0}.form{display:grid;gap:12px}.row{display:flex;gap:12px}@media(max-width:640px){.row{flex-direction:column}}.rowEnd{justify-content:space-between;align-items:center}.field{display:grid;gap:6px}.label{font-size:12px;color:#ffffffb3}input,textarea{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0003;color:#ffffffeb;outline:none}input:focus,textarea:focus{border-color:#6366f18c;box-shadow:0 0 0 4px #6366f12e}textarea{resize:vertical}.btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffe6;padding:10px 12px;border-radius:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:#ffffff38}.btnPrimary{border-color:#6366f18c;background:linear-gradient(135deg,#6366f1d9,#10b981bf);color:#fff}.btnDanger{border-color:#f43f5e80;background:#f43f5e2e}.btnGhost{background:transparent}.alert{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.alert-error{border-color:#f43f5e59;background:#f43f5e1a}.emptyState{margin-top:18px;padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.14);background:#0f142385;text-align:center}.skeletonGrid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:980px){.skeletonGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.skeletonGrid{grid-template-columns:1fr}}.skeleton{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#ffffff0f,#ffffff1a,#ffffff0f);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:0% 0}to{background-position:200% 0}}.bidList{display:grid;gap:10px}.bidRow{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.bidAmt{font-weight:800}.imagePreview{width:180px;height:110px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;display:grid;place-items:center}.imagePreview img{width:100%;height:100%;object-fit:cover;display:block}.toast{position:fixed;right:18px;bottom:18px;z-index:50;width:min(420px,calc(100% - 36px));padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#0f1423c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 16px 40px #00000059}.toast-success{border-color:#10b98159}.toast-error{border-color:#f43f5e59}.toastMsg{color:#ffffffeb}.toastClose{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffeb;cursor:pointer}
