@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#eef2ea;background:#0c100d;--ink:#eef2ea;--muted:#929e95;--line:#263028;--card:#131915;--lime:#b9ff63;--amber:#ffc76a;--red:#ff7c70}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#1d2a1d 0,transparent 34%),#0c100d}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand,.product{display:flex;align-items:center;gap:10px}.brand span{width:34px;height:34px;border-radius:10px;background:var(--lime);color:#10150f;display:grid;place-items:center;font-weight:900}.product i{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 16px var(--lime)}.product small{color:var(--muted);border-left:1px solid var(--line);padding-left:10px}.ghost{color:var(--ink);background:transparent;border:1px solid var(--line);padding:9px 14px;border-radius:10px;cursor:pointer}.hero{padding:76px 0 48px;display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:end}.eyebrow{color:var(--lime);font:500 11px DM Mono,monospace;letter-spacing:.16em;margin:0 0 13px}.hero h1{font-size:clamp(45px,6vw,74px);line-height:1;letter-spacing:-.055em;margin:0;max-width:790px}.hero h1 em{color:var(--lime);font-style:normal}.lede{color:var(--muted);font-size:17px;line-height:1.65;max-width:720px;margin:24px 0 0}.run-card{display:flex;gap:15px;border:1px solid #364331;background:#161d17;padding:23px;border-radius:18px}.run-card .pulse{width:11px;height:11px;background:var(--lime);border-radius:50%;margin-top:4px;box-shadow:0 0 18px var(--lime)}.run-card.preview .pulse{background:var(--amber);box-shadow:0 0 18px var(--amber)}.run-card div{display:grid;gap:5px}.run-card small,.metrics small,.detail-grid small{font:500 10px DM Mono,monospace;color:var(--muted);letter-spacing:.1em}.run-card strong{font-size:22px}.run-card p{margin:0;color:var(--muted);font-size:12px}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 17px;border:1px solid #574b2c;background:#221d12;border-radius:12px;color:#e9d9b3;font-size:13px}.notice span{color:#bfb399}.notice.error-notice{border-color:#633932;background:#261513}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 32px}.metrics article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}.metrics strong{display:block;font:500 29px DM Mono,monospace;margin-top:11px}.workspace,.panel{border:1px solid var(--line);background:#101511;border-radius:20px}.workspace-head{display:flex;justify-content:space-between;align-items:end;padding:28px}.workspace h2,.panel h2{font-size:25px;margin:0}.workspace-head>div>p:last-child{color:var(--muted);font-size:13px;margin:8px 0 0}.controls{display:flex;align-items:center;gap:10px}.search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#0d120e;border-radius:10px;padding:0 12px}.search input{width:210px;padding:10px 0;border:0;outline:0;color:var(--ink);background:transparent}.filters{display:flex;background:#0b0f0c;padding:3px;border:1px solid var(--line);border-radius:10px}.filters button{border:0;color:var(--muted);background:transparent;border-radius:7px;padding:8px 11px;cursor:pointer}.filters button.active{background:#263124;color:var(--lime)}.table-wrap{overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:880px;text-align:left}th{font:500 10px DM Mono,monospace;color:#768278;letter-spacing:.12em;text-transform:uppercase;padding:13px 17px}td{padding:16px 17px;border-top:1px solid #1f2721;font-size:13px}tbody tr{cursor:pointer;transition:.15s}tbody tr:hover{background:#172018}td small{display:block;color:var(--muted);max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.rank{font:500 16px DM Mono,monospace;color:var(--lime)}.move{font:500 11px DM Mono,monospace;border-radius:99px;padding:5px 8px}.move.new{background:#263d1e;color:var(--lime)}.move.up{background:#183226;color:#7ff4ab}.move.down{background:#34201d;color:#ff9a8e}.move.flat{color:#778078}.positive{color:#7ff4ab}.negative{color:#ff9186}.empty{text-align:center;color:var(--muted);padding:45px}.table-note{font-size:11px;color:#778078;padding:0 28px 18px}.lower-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin:14px 0 70px}.panel{padding:28px;min-height:310px}.muted{color:var(--muted);line-height:1.6}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.detail-grid div{padding:15px;border:1px solid var(--line);border-radius:12px;display:grid;gap:7px}.detail-grid b{font:500 17px DM Mono,monospace}.panel h3{font-size:12px;color:var(--muted);margin:21px 0 6px}.panel p{font-size:13px;line-height:1.55}.history{height:100px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);padding-top:10px}.history div{flex:1;min-width:5px;background:linear-gradient(var(--lime),#4c6c35);border-radius:4px 4px 0 0}.dropped{display:grid;grid-template-columns:50px 40px 1fr;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.dropped span{font:500 11px DM Mono,monospace;color:var(--muted)}.dropped small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:var(--red)}footer{display:flex;justify-content:space-between;padding:25px 0 35px;border-top:1px solid var(--line);font-size:11px;color:#6f7971;font-family:DM Mono,monospace}@media(max-width:900px){.hero{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.workspace-head,.controls{align-items:stretch;flex-direction:column}.lower-grid{grid-template-columns:1fr}.search input{width:100%}}@media(max-width:560px){.product small{display:none}.hero{padding-top:52px}.metrics{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}.filters button{flex:1}.filters{display:flex}.topbar{width:calc(100% - 24px)}footer{gap:15px;flex-direction:column}}
