:root{ --bg:#0b0e14; --muted:#9aa3b2; --text:#e6edf7; --gold:#d4af37; --emerald:#2ee6a6; --grid:rgba(212,175,55,0.07) }*{box-sizing:border-box} body{margin:0; background:var(--bg); color:var(--text); font-family:Inter,system-ui,Segoe UI,Roboto,Arial,Helvetica,sans-serif}#grid-bg{ position:fixed; inset:0; background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px),linear-gradient(to bottom, var(--grid) 1px, transparent 1px); background-size:50px 50px; pointer-events:none; opacity:.4}.topbar{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; position:sticky; top:0; background:linear-gradient(180deg,rgba(11,14,20,.9),rgba(11,14,20,.5)); border-bottom:1px solid rgba(212,175,55,.2)}.brand{display:flex; gap:12px; align-items:center}.logo-orb{width:36px; height:36px; border-radius:50%; background:radial-gradient(circle at 35% 30%, var(--emerald), rgba(46,230,166,.2) 45%, transparent 60%),radial-gradient(circle at 70% 70%, var(--gold), rgba(212,175,55,.2) 60%, transparent 80%),linear-gradient(145deg, rgba(255,255,255,.15), rgba(0,0,0,0)); box-shadow:0 0 18px rgba(46,230,166,.35), inset 0 0 24px rgba(212,175,55,.15)}.subtitle{color:var(--muted); font-size:12px} .muted{color:var(--muted)}.tabs{display:flex; gap:8px; padding:12px 18px; border-bottom:1px solid rgba(212,175,55,.12)} .tab{background:transparent; color:var(--text); border:1px solid rgba(212,175,55,.25); padding:8px 12px; border-radius:999px; cursor:pointer; font-weight:600}.tab.active{background:linear-gradient(180deg, rgba(212,175,55,.18), rgba(46,230,166,.14)); color:white} .tab.right{margin-left:auto}main{padding:16px 18px 64px; max-width:1200px; margin:0 auto} .panel{display:none} .panel.active{display:block}.index-card,.news-feed,.table-wrap,.about-card{background:rgba(255,255,255,.02); border:1px solid rgba(212,175,55,.18); border-radius:16px; padding:14px}.data-table{width:100%; border-collapse:collapse} .data-table th,.data-table td{padding:10px 12px; border-bottom:1px solid rgba(212,175,55,.12)}.badge{font-size:11px; border:1px solid rgba(212,175,55,.24); padding:3px 7px; border-radius:999px; color:#dfe7ff}.grid2{display:grid; grid-template-columns:1fr 1fr; gap:12px} .primary{ background:linear-gradient(180deg, rgba(212,175,55,.6), rgba(46,230,166,.6)); border:none; color:black; font-weight:800; padding:8px 12px; border-radius:12px; cursor:pointer}.ghost{ background:transparent; border:1px solid rgba(212,175,55,.3); color:#e6edf7; padding:8px 12px; border-radius:12px; cursor:pointer}.hidden{display:none} .about-card{padding:16px} .mt6{margin-top:6px}