:root { color-scheme: dark; --bg:#080d10; --panel:#101a20; --panel2:#13242c; --text:#ecfbff; --muted:#93aeb7; --accent:#59f0b7; --gold:#ffd166; --line:rgba(255,255,255,.1); --bad:#ff7b7b; }
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at top left,#17313a 0,#080d10 42%,#050709 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}
a{color:inherit} .wrap{max-width:1180px;margin:0 auto;padding:34px 18px 54px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:stretch;margin-bottom:22px}.hero>div,.status,.panel,.metric{background:linear-gradient(145deg,rgba(19,36,44,.92),rgba(9,15,20,.9));border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.28);border-radius:24px}.hero>div{padding:34px;flex:1}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:800;margin:0 0 12px}h1{font-size:clamp(2rem,5vw,4.4rem);line-height:.96;margin:0 0 14px}.sub{color:var(--muted);max-width:760px;font-size:1.08rem}.status{min-width:245px;padding:26px;display:flex;flex-direction:column;justify-content:center;gap:8px}.dot{width:12px;height:12px;border-radius:99px;background:var(--accent);box-shadow:0 0 22px var(--accent)}.status span:not(.dot){color:var(--muted)}.status strong{font-size:1.05rem}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric{padding:22px}.metric b{display:block;font-size:2rem}.metric span{color:var(--muted);font-size:.9rem}.panel{padding:24px;margin-top:14px}.controls{display:flex;justify-content:space-between;gap:18px;align-items:center}.controls h2{margin:0 0 8px}.controls p{margin:0;color:var(--muted)}.links{display:flex;gap:10px;flex-wrap:wrap}.links a,button{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.05);color:var(--text);text-decoration:none;cursor:pointer}.links a:hover,button:hover{border-color:var(--accent)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title span{font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:22px;overflow:hidden}.card.flagged{opacity:.72}.thumb{height:190px;background:#0a1014 center/cover no-repeat}.card-body{padding:20px}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.card h3{margin:0;font-size:1.2rem}.price{font-size:1.2rem;font-weight:900;color:var(--gold);white-space:nowrap}.meta{margin:10px 0;color:var(--muted)}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.badge{font-size:.78rem;border:1px solid var(--line);background:rgba(89,240,183,.08);padding:6px 9px;border-radius:999px;color:#c8ffe9}.warning{color:var(--bad)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions a{border-radius:12px;background:var(--accent);color:#062016;font-weight:900;text-decoration:none;padding:10px 12px}.empty{padding:28px;color:var(--muted);border:1px dashed var(--line);border-radius:18px}@media(max-width:800px){.hero,.controls{flex-direction:column}.metrics,.cards{grid-template-columns:1fr}.status{min-width:0}.thumb{height:160px}}