:root{--bg:#07100f;--panel:#0d1917;--line:#21332f;--text:#eef5ee;--muted:#91a59e;--mint:#71e6b2;--red:#ff746c;--gold:#f0bd66;--blue:#70a9ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% -10%,#173e34 0,transparent 36%),var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}main{max-width:1560px;margin:auto;padding:34px}header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 0 38px}h1{font-size:clamp(38px,5vw,74px);line-height:.94;letter-spacing:-.055em;margin:8px 0 16px;font-weight:700}h1 span{color:var(--mint)}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;color:var(--mint);font-weight:800;margin:0}.subtitle{color:var(--muted);font-size:17px}.mode{border:1px solid #2f584b;border-radius:12px;padding:14px 18px;display:flex;gap:11px;align-items:center;background:#0d1e19}.mode small{display:block;color:var(--muted);margin-top:3px}.pulse{width:9px;height:9px;background:var(--mint);border-radius:50%;box-shadow:0 0 16px var(--mint)}.flow{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:22px;overflow:auto}.flow-step{min-width:150px}.flow-step b{color:#61736d;margin-right:8px}.flow-step span{font-weight:700}.flow-step small{display:block;margin:5px 0 0 28px;color:var(--muted)}.flow-step.active b,.flow-step.active span{color:var(--mint)}.flow-step.gold b,.flow-step.gold span{color:var(--gold)}.flow i{color:#48605a;font-style:normal}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:12px}.metric,.panel{background:linear-gradient(145deg,rgba(18,34,30,.96),rgba(10,20,18,.96));border:1px solid var(--line);border-radius:14px}.metric{padding:18px}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:25px;margin-top:7px;letter-spacing:-.03em}.grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:12px}.panel{padding:20px;margin-bottom:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{margin:5px 0 0;font-size:20px}.muted,.legend{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#748a83;font-size:10px;letter-spacing:.11em;text-transform:uppercase;padding:9px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #182824}td strong{display:block}.up{color:var(--mint)}.down{color:var(--red)}.warn{color:var(--gold)}.badge{font-size:9px;letter-spacing:.08em;border:1px solid #385148;border-radius:20px;padding:3px 7px;color:var(--muted)}.rule{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.rule span{color:var(--muted)}.health-line{display:flex;align-items:center;gap:9px;padding:9px 0}.dot{height:7px;width:7px;border-radius:50%;background:var(--mint)}.notice{background:#17231d;border-left:2px solid var(--gold);padding:12px;color:#bdc9c4;line-height:1.5;margin-top:18px}.trade-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:10px}.trade-card{background:#0a1513;border:1px solid var(--line);border-radius:11px;padding:15px}.trade-card .top{display:flex;justify-content:space-between}.trade-card h3{font-size:15px;margin:0}.premium-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.premium-row small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.premium-row b{display:block;margin-top:4px}.stop-track{height:4px;background:#1e302b;border-radius:3px;overflow:hidden}.stop-track i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--mint));width:70%}.empty{color:var(--muted);padding:25px;text-align:center;border:1px dashed #2c403a;border-radius:10px}.positive{color:var(--mint)}.negative{color:var(--red)}footer{display:flex;justify-content:space-between;color:#62766f;padding:22px 4px;font-size:11px}@media(max-width:1000px){main{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.trade-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{display:block}.mode{margin-top:20px;width:max-content}.metrics,.trade-grid{grid-template-columns:1fr}.flow{align-items:flex-start}.flow i{display:none}.premium-row{grid-template-columns:1fr 1fr}.legend{display:none}}
