body {background:#0b0f19;color:#fff;font-family:Inter;}

.csp-layout {display:flex;}
.csp-sidebar {
  width:220px;background:#111827;padding:20px;height:100vh;
}
.csp-sidebar a {
  display:block;color:#9ca3af;margin:10px 0;text-decoration:none;
}
.csp-main {flex:1;padding:30px;}

textarea {
  width:100%;height:120px;margin:10px 0;
  background:#1f2937;color:#fff;border:none;border-radius:10px;padding:10px;
}

button,.btn {
  background:#6366f1;padding:10px 15px;border-radius:8px;
  color:#fff;text-decoration:none;border:none;cursor:pointer;
}
.btn.ig {background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);}

.csp-cards {display:flex;gap:20px;}
.csp-card {
  background:#1f2937;padding:20px;border-radius:12px;width:250px;
}
.badge {background:#444;padding:5px 10px;border-radius:20px;}
.badge.ok {background:#22c55e;}

.csp-table {width:100%;background:#1f2937;border-radius:10px;}
.csp-table th, .csp-table td {padding:10px;}