:root{--bg:#0b0b13;--panel:#12121b;--panel-2:#151523;--border:#222235;--muted:#a7a7bc;--text:#ececf3;--text-2:#d6d6e6;--primary:#6c5ce7;--primary-2:#7c6cff;--success:#23d18b;--danger:#ff5470}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:24px}.grid{display:grid;grid-template-columns:1fr 320px;gap:24px}@media (max-width: 1024px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#151523fa,#10101afa);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 28px #00000059}.card-pad{padding:20px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b13b3;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px}.brand img{width:28px;height:28px}.nav{display:flex;gap:20px;color:var(--text-2)}.nav a{color:inherit;text-decoration:none;padding:8px 10px;border-radius:10px}.nav a:hover{background:#171727}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:#17172a;color:var(--text);cursor:pointer;transition:.2s;box-shadow:0 6px 18px #00000059}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,var(--primary-2),var(--primary));border-color:transparent}.btn.ghost{background:transparent}.hero{position:relative;overflow:hidden;padding:28px;min-height:220px;background:radial-gradient(900px 400px at 80% -10%,rgba(124,108,255,.35),transparent),radial-gradient(600px 260px at 60% 30%,rgba(108,92,231,.25),transparent),linear-gradient(180deg,#111125,#0f0f1b);border-radius:16px;border:1px solid var(--border)}.hero h1{margin:0 0 6px;font-size:36px;line-height:1.15;letter-spacing:.2px}.hero p{margin:0 0 16px;color:var(--muted)}.hero .cta{display:flex;gap:12px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{height:34px;padding:0 12px;border:1px solid var(--border);background:#121225;color:var(--text-2);border-radius:999px;cursor:pointer}.chip.active{background:#1a1a32;border-color:#2a2a46}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1024px){.products{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.products{grid-template-columns:1fr}}.product{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;border:1px solid var(--border);background:#121223}.product .img{height:180px;background:#1a1a2b center/cover no-repeat;display:flex;align-items:center;justify-content:center}.product .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.product .body{padding:14px;display:flex;flex-direction:column;gap:10px}.product .title{font-weight:600}.product .meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.product .price{font-weight:700;color:#cfd2ff}.product .row{display:flex;align-items:center;justify-content:space-between}.product .actions{display:flex;gap:8px}.sidebar .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.list{display:flex;flex-direction:column;gap:10px}.seller{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px12px;background:#111120;border:1px solid var(--border);border-radius:12px}.seller .left{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#222;overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.rank{color:var(--muted);font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.select{background:#121225;border:1px solid var(--border);color:var(--text);height:36px;border-radius:10px;padding:0 10px}.footer{margin-top:20px;padding:18px;text-align:center;color:var(--muted);border-top:1px solid var(--border)}.product .img.missing{background:repeating-linear-gradient(45deg,#1a1a2b,#1a1a2b 10px,#18182a 10px,#18182a 20px)}