/* Panel tweaks to match sample UI */
#sidebar-wrapper { background:#0f0f1a; }
.list-group-item{ background:transparent; border:0; color:#cbd5e1; padding:.75rem 1rem; }
.list-group-item-action:hover{ background:rgba(255,255,255,.06); color:#fff; }
.list-group-item-action.active{ background:rgba(0,123,255,.20); color:#fff; }
.ctnav{ background:#121224!important; border-bottom:1px solid rgba(255,255,255,.06); }
.container-fluid{ max-width:1200px; }
.form-control{ background:#10101f; border:1px solid rgba(255,255,255,.10); color:#e5e7eb; }
.form-control:focus{ background:#10101f; color:#fff; border-color:rgba(0,123,255,.45); box-shadow:none; }
.table td, .table th{ border-color:rgba(255,255,255,.08)!important; }
.badge-soft{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10); }


/* --------- Wide + Background Fix (Added) --------- */
html, body { height: 100%; }

body{
  /* Upload your image to assets/img/bg.jpg */
  background:
    linear-gradient(rgba(5,8,20,0.82), rgba(5,8,20,0.82)),
    url("../img/bg.jpg") center center / cover no-repeat fixed,
    #0b1220;
}

/* Make content fill the browser */
.container-fluid{
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Full height */
#wrapper, #sidebar-wrapper{ min-height: 100vh; }

/* Tables expand */
.table-responsive{ width:100%; }
.table{ width:100%; }

/* Glass look */
.ctnav, .card, .table, #sidebar-wrapper{
  background-color: rgba(15,15,26,0.88) !important;
  border-color: rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(6px);
}

@media (max-width: 768px){
  .container-fluid{ padding-left: 14px !important; padding-right: 14px !important; }
}
/* --------- End Added --------- */