:root{
  --bg:#0b0f14;
  --card:#121923;
  --text:#e7eef7;
  --muted:#9db0c6;
  --accent:#58d68d;
  --danger:#ff5c5c;
  --warning:#ffd166;
  --border:rgba(255,255,255,0.10);
  --shadow:0 10px 24px rgba(0,0,0,0.28);
  --radius:16px;
  --font:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.chk-body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  min-height:100vh;
}

.chk-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.chk-muted{ color: var(--muted); }

.chk-topbar{
  position: sticky; top:0; z-index: 10;
  background: rgba(11,15,20,0.9);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}

.chk-status{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.03);
}
.chk-dot{ width:12px; height:12px; border-radius: 999px; background: var(--muted); }
.chk-dot.green{ background: var(--accent); }
.chk-dot.yellow{ background: var(--warning); }
.chk-dot.red{ background: var(--danger); }

.chk-bigbtn{
  width:100%;
  padding:16px 14px;
  border-radius: 18px;
  font-size: 18px;
  font-weight: 700;
  border: 0;
  box-shadow: var(--shadow);
}
.chk-bigbtn.primary{ background: var(--accent); color:#06120b; }
.chk-bigbtn.warning{ background: var(--warning); color:#1c1400; }
.chk-bigbtn.danger{ background: var(--danger); color:#1a0000; }

.chk-kst-pill{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,0.03);
  cursor:pointer;
}
.chk-kst-pill.active{
  border-color: rgba(88,214,141,0.6);
  box-shadow: 0 0 0 3px rgba(88,214,141,0.12);
}

.chk-table td, .chk-table th{ border-color: var(--border) !important; }