:root{
  --bg:#0b1220; /* navy gelap */ --card:#111a2b; 
  --muted:#7c8aa5; --text:#e6eefb; --brand:#1e90ff; 
  /* biru */ --brand-2:#ff7a00; /* oranye */ 
  --border:#22314f;
}
html,body{background:var(--bg); color:var(--text);} 
.navbar{background:#0d1627; border-bottom:1px solid 
var(--border);} 
.navbar-brand{color:var(--text)!important; 
font-weight:700} 
a.nav-link{color:var(--muted)!important} 
a.nav-link.active{color:var(--brand)!important} 
.container-narrow{max-width:920px; margin:24px auto; 
padding:0 14px} .card{background:var(--card); 
border:1px solid var(--border); border-radius:14px} 
.card-header{background:transparent; 
border-bottom:1px solid var(--border); 
color:var(--muted); font-weight:600} .form-control, 
.form-select{
  background:#0e182a; border:1px solid 
  var(--border); color:var(--text);
}
.form-control:focus, .form-select:focus{box-shadow:0 
0 0 .2rem rgba(30,144,255,.2); 
border-color:var(--brand)} 
.btn-brand{background:var(--brand); 
border-color:var(--brand); color:#fff} 
.btn-brand:hover{filter:brightness(1.05)} 
.btn-outline-light{border-color:#3b4a6b; 
color:#d6def0} 
.btn-outline-light:hover{background:#22314f;border-color:#22314f} 
.badge{border-radius:10px; padding:.4rem .6rem} 
.table{color:var(--text)} .table thead 
th{color:#b9c4da; border-color:var(--border)} .table 
td, .table th{border-color:var(--border)} 
.table-responsive{border:1px solid var(--border); 
border-radius:12px; overflow:hidden} 
small.note{color:var(--muted)}
hr.sep{border-color:var(--border); opacity:.2}
/* ===== Readability hotfix: terangin input/textarea/select ===== */
.form-control,
.form-select,
textarea {
  background:#ffffff !important;
  color:#0b1220 !important;
  border:1px solid #c9d4ea !important;
}

.form-control::placeholder,
textarea::placeholder {
  color:#7a889f !important;
  opacity:1;
}

.form-control:focus,
.form-select:focus,
textarea:focus {
  border-color:#1e90ff !important;
  box-shadow:0 0 0 .2rem rgba(30,144,255,.25) !important;
}

/* Naikkan keterbacaan teks tabel & badge */
.table { font-size: .95rem; }
.badge { font-weight:600; }