:root{
  --bg:#0b1220;--card:#0f172a;--accent:#1e88e5;
  --text:#e5e7eb;--sub:#94a3b8;--border:#233044;
}
.gjti2-header{background:linear-gradient(120deg,#0b1220,#111827);padding:2rem;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.25);color:var(--text);text-align:center}
.gjti2-header h1{font-size:2rem;margin:0 0 .5rem}
.gjti2-header p{color:var(--sub);max-width:800px;margin:0 auto}
.gjti2-controls{margin:2rem 0;background:var(--card);padding:1rem;border-radius:14px;border:1px solid var(--border);color:var(--text)}
.gjti2-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:.5rem 0}
.gjti2-row label{color:var(--sub)}
.gjti2-row input, .gjti2-row select{background:#0b1220;border:1px solid var(--border);color:var(--text);padding:.6rem .8rem;border-radius:10px}
.gjti2-table-wrap h2{color:var(--text)}
.gjti2-table-container{max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--card)}
table{width:100%;border-collapse:collapse;color:var(--text);font-size:.95rem}
th,td{padding:.65rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}
th{position:sticky;top:0;background:#172036;color:#fff;text-align:left}
tbody tr:nth-child(even){background:#0f1a2e}
a{color:#60a5fa}