:root{
  --sidebar-bg:#2f343a;
  --sidebar-bg2:#252a2f;
  --sidebar-text:#e9ecef;
  --sidebar-muted:#adb5bd;
  --card-radius: 16px;
}
.sidebar{
  width: 260px;
  min-height: 100vh;
  background: linear-gradient(180deg, var(--sidebar-bg), var(--sidebar-bg2));
  color: var(--sidebar-text);
  position: sticky;
  top: 0;
}
.sidebar-brand{
  padding: 18px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sidebar-nav{ padding: 12px 10px; }
.sidebar-link{
  display:block;
  padding: 10px 12px;
  margin: 4px 0;
  color: var(--sidebar-text);
  text-decoration:none;
  border-radius: 12px;
  font-weight: 500;
}
.sidebar-link:hover{ background: rgba(255,255,255,.08); color: #fff; }
.sidebar-sep{ height:1px; background: rgba(255,255,255,.08); margin: 10px 0; }

.content{ min-height: 100vh; }
.content-header{
  background:#fff;
  border-bottom:1px solid #eee;
  padding: 12px 16px;
  position: sticky;
  top: 0;
  z-index: 10;
}
.card-soft{
  border: 1px solid #eee;
  border-radius: var(--card-radius);
  box-shadow: 0 4px 18px rgba(0,0,0,.04);
}
.table thead th{
  white-space: nowrap;
}
.badge-status{
  font-weight: 600;
  border-radius: 999px;
}