:root{
  --bg:#030303;--panel:#111;--panel2:#171717;--gold:#f5c75d;--gold2:#ffe4a0;
  --green:#63f58d;--red:#ff5c5c;--muted:#9aa0aa;--line:rgba(245,199,93,.22);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(245,199,93,.18),transparent 36%),linear-gradient(180deg,#050505,#000);color:#fff;font-family:Inter,Arial,sans-serif}
.shell{padding:42px 56px}
.hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px;gap:20px}
.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--gold);font-weight:900;margin-bottom:10px}
h1{margin:0;font-size:36px;letter-spacing:-.04em} h1 span{color:var(--gold)}
p{color:var(--muted);margin:8px 0 0}
.status{border:1px solid var(--gold);color:var(--gold2);border-radius:999px;padding:14px 22px;font-weight:900;background:rgba(245,199,93,.08)}
.kpis{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px;margin-bottom:18px}
.card,.panel{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.card{padding:24px;min-height:116px}.card small{display:block;color:var(--muted);font-size:12px;letter-spacing:.14em;font-weight:900}.card b{display:block;margin-top:12px;font-size:32px;color:var(--green)}.card.focus b{color:var(--gold2);font-size:28px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
button{border:1px solid rgba(255,255,255,.15);background:#151515;color:#fff;padding:13px 20px;border-radius:14px;font-weight:900;cursor:pointer}
button.gold{background:linear-gradient(135deg,var(--gold),#b98428);color:#050505}
.layout{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.panel{padding:18px}.table-panel{grid-row:span 2}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.head h2{margin:0;font-size:20px}.head span{color:var(--muted)}
.tableWrap{overflow:auto;max-height:690px}table{width:100%;border-collapse:collapse;min-width:900px}th{color:var(--gold2);font-size:12px;text-align:left;padding:12px 10px;letter-spacing:.08em}td{border-top:1px solid rgba(255,255,255,.08);padding:14px 10px;font-size:13px}
.zone{background:#1e2a40;padding:7px 10px;border-radius:999px;font-weight:900}.green{color:var(--green);font-weight:900}.red{color:var(--red);font-weight:900}.goldText{color:var(--gold2);font-weight:900}
.badge{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:950;white-space:nowrap}.attack{background:rgba(255,92,92,.15);color:#ff7676;border:1px solid rgba(255,92,92,.35)}.hold{background:rgba(255,255,255,.08);color:#ddd;border:1px solid rgba(255,255,255,.15)}.win{background:rgba(99,245,141,.13);color:var(--green);border:1px solid rgba(99,245,141,.3)}
.stack{display:flex;flex-direction:column;gap:12px}.mini{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.miniTitle{display:flex;justify-content:space-between;gap:10px;font-weight:950}.miniMeta{color:var(--muted);font-size:13px;line-height:1.55;margin-top:8px}
pre{margin:0;background:#050505;border:1px solid rgba(255,255,255,.09);padding:16px;border-radius:18px;overflow:auto;max-height:360px;color:#d1d5db}
@media(max-width:1100px){.shell{padding:28px 18px}.kpis,.layout{grid-template-columns:1fr}.hero{flex-direction:column}}