:root{font-family:Manrope,Segoe UI,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0a0d15}a{color:inherit}.app-shell{min-height:100vh;background:radial-gradient(140% 120% at 18% 10%,#ff8bd18c,#0c101e00 42%),radial-gradient(120% 120% at 78% 0%,#7dd3fc8c,#0c101e00 40%),linear-gradient(180deg,#0a0f1b,#0b1224 45%,#070a12);color:#e8edf6}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#0c101ed1,#1a233ad1);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:.65rem}.brand .dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#70f1a0,#5ad6ff);box-shadow:0 0 12px #70f1a099}nav{display:none}.content{padding:1.25rem;max-width:1200px;margin:0 auto}.hero{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:-.02em}.title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#7e8aa9}.title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;background:linear-gradient(135deg,#ff8bd12e,#7dd3fc29);padding:.35rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 36px #00000059;overflow-x:auto}.tabs button{background:none;color:#c4ccdd;border:none;padding:.6rem 1.2rem;border-radius:12px;font-weight:700;white-space:nowrap;flex:0 0 auto}.tabs button.active{background:linear-gradient(135deg,#ff8bd1,#7dd3fc);color:#0a0d15;box-shadow:0 12px 32px #5ad6ff59;border:1px solid rgba(255,255,255,.2)}.tabs button:hover{color:#fff}.panel{background:linear-gradient(160deg,#10172ae6,#0e1220f0);border:1px solid rgba(125,211,252,.25);border-radius:18px;padding:1.1rem 1.35rem;box-shadow:0 20px 48px #00000061,0 0 0 1px #ffffff05}details.panel{padding:0}details.panel summary{list-style:none;cursor:pointer;padding:1.1rem 1.35rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}details.panel summary::-webkit-details-marker{display:none}details.panel[open] summary{border-bottom:1px solid rgba(125,211,252,.18);margin-bottom:.35rem}details.panel .section-body{padding:0 1.35rem 1.1rem}.section-actions{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.section-body{margin-top:.85rem}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:#7dd3fc2e;color:#e8edf6;border:1px solid rgba(125,211,252,.35);font-weight:600}.chip-remove{background:none;border:none;color:#e8edf6;cursor:pointer;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff08,#ffffff05);border-radius:14px;padding:.9rem 1.05rem;color:#e8edf6;text-align:left;box-shadow:inset 0 0 0 1px #ffffff05,0 12px 30px #0000004d}.card.store{cursor:pointer;transition:all .2s ease}.card.store:hover,.card.store.active{border-color:#70f1a080;box-shadow:0 0 0 1px #70f1a04d;background:linear-gradient(180deg,#70f1a01f,#ffffff05)}.card.product .counter{display:inline-flex;align-items:center;gap:.4rem}.card.product.compact{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.card.product input{width:86px;text-align:center}.card.leaderboard ol{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.55rem}.card.leaderboard li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem}.badge{min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#7dd3fc33;color:#7dd3fc}.pill{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;background:#ff8bd12e;color:#ffb3e4;border:1px solid rgba(255,179,228,.5)}.pill.warning{background:#ffca6e29;color:#ffca6e;border-color:#ffca6e66}.pill.neutral{background:#ffffff0f;color:#c4ccdd;border-color:#ffffff1a}.input,.select,input[type=number]{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e8edf6;padding:.7rem .9rem;font-size:1rem}.select{width:auto}button{cursor:pointer}button.primary{background:linear-gradient(135deg,#22c55e,#7dd3fc);color:#0a0d15;font-weight:800;border:none;padding:.65rem 1rem;border-radius:12px;transition:transform .15s ease,box-shadow .2s ease}button.primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px #5ad6ff4d}button.ghost{background:#ffffff0a;color:#e8edf6;border:1px solid rgba(255,255,255,.08);width:38px;height:38px;border-radius:10px}.status{padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(125,211,252,.35);background:linear-gradient(135deg,#7dd3fc38,#70f1a02e);color:#e0f2fe}.actions{margin-top:.65rem;display:flex;justify-content:flex-end}.stack{display:flex;flex-direction:column}.stack.gap-lg{gap:1rem}.stack.gap-xl{gap:1.5rem}.list{display:flex;flex-direction:column;gap:.65rem}.counter input{max-width:90px}.muted{color:#7e8aa9}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{border-bottom:1px solid rgba(255,255,255,.06);padding:.6rem;text-align:left}.toggle{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:#c4ccdd}.toggle input{accent-color:#70f1a0}.chart{display:flex;flex-direction:column;gap:1rem}.chart-row{display:flex;flex-direction:column;gap:.35rem}.bar-track{width:100%;height:12px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.bar-fill{height:100%;background:linear-gradient(135deg,#22c55e,#7dd3fc)}@media(max-width:720px){.topbar{flex-direction:column;align-items:flex-start;gap:.5rem}.title-row{flex-direction:column;align-items:flex-start}.tabs{width:100%}.tabs button{flex:1}}