:root{
  --app-bg:#0a0a0b;
  --app-panel:#121214;
  --app-panel-2:#16161a;
  --app-border:rgba(255,255,255,.09);
}

.bg-app{
  background: var(--app-bg);
}

.app-shell{
  min-height:100vh;
}

.sidebar{
  width: 280px;
  background: rgba(18,18,20,.94);
  backdrop-filter: blur(8px);
}

.sidebar .nav-link{
  color: rgba(255,255,255,.76);
  border-radius: .75rem;
  padding: .65rem .9rem;
  margin: .1rem 0;
}
.sidebar .nav-link:hover{
  background: rgba(255,255,255,.06);
  color: #fff;
}
.sidebar .nav-link.active{
  background: rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}

.offcanvas .nav-link{
  color: rgba(255,255,255,.78);
  border-radius: .75rem;
  padding: .65rem .9rem;
  margin: .1rem 0;
}
.offcanvas .nav-link:hover{
  background: rgba(255,255,255,.06);
  color:#fff;
}
.offcanvas .nav-link.active{
  background: rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}

.brand-icon{
  width:22px;
  height:22px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:#0f0f12;
}

.topbar{
  background: rgba(18,18,20,.78);
  backdrop-filter: blur(8px);
}

.content{
  min-width:0;
}

.card{
  border:1px solid var(--app-border);
  background: rgba(18,18,20,.86);
  backdrop-filter: blur(8px);
  border-radius: 18px;
}

.alert-soft{
  background: rgba(255,255,255,.06);
  border-radius: 14px;
}

.table thead th{
  color: rgba(255,255,255,.75);
}

.chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.25rem .6rem;
  border-radius:999px;
  border:1px solid var(--app-border);
  background: rgba(255,255,255,.04);
  font-size:.85rem;
}

.btn-soft{
  border:1px solid var(--app-border);
  background: rgba(255,255,255,.04);
  border-radius: 14px;
}
.btn-soft:hover{
  background: rgba(255,255,255,.08);
}

/* Más redondeado estilo SaaS */
.btn, .form-control, .form-select, .input-group-text{
  border-radius: 14px;
}
.modal-content, .offcanvas{
  border-radius: 18px;
}
.table{
  border-radius: 16px;
}

@media (max-width: 991.98px){
  .sidebar{display:none;}
}