:root{
  --soft:#f6f7fb;
  --card:#ffffff;
  --muted:#6c757d;
  --brand:#6f42c1;
  --brand2:#20c997;
}
.bg-soft{background:var(--soft);}
.sidebar{
  width: 280px;
  min-height: 100vh;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbff 100%);
}
.sidebar-brand{position:sticky;top:0;background:transparent;z-index:5;}
.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 6px 16px rgba(111,66,193,.35);}
.list-group-item{
  border:0;
  color:#222;
  background:transparent;
}
.list-group-item:hover{background:rgba(111,66,193,.08);}
.list-group-item.active{
  background:linear-gradient(135deg,rgba(111,66,193,.20),rgba(32,201,151,.18));
  color:#111;
  font-weight:600;
}
.credit-badge{box-shadow:0 10px 25px rgba(0,0,0,.08);}
.card{
  border:0;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(17,24,39,.06);
}
.table{
  --bs-table-bg: transparent;
}
.btn, .form-control, .form-select{border-radius:14px;}
.badge{border-radius:999px;}
@media (max-width: 992px){
  .sidebar{position:fixed;left:-290px;top:0;z-index:1040;transition: left .25s ease;}
  body.sidebar-open .sidebar{left:0;}
  #page-content-wrapper{margin-left:0;}

  .sidebar-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.25);
    opacity:0;
    pointer-events:none;
    z-index:1030;
    transition: opacity .25s ease;
  }
  body.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto;}
}
@media (min-width: 992px){
  #page-content-wrapper{margin-left:280px;}
}