:root{
  --radius: 16px;
}
.card{ border-radius: var(--radius); }
.btn{ border-radius: 12px; }
.table thead th{ white-space: nowrap; }
.badge-dot{ position: relative; padding-left: 1rem; }
.badge-dot::before{ content:''; width:.5rem; height:.5rem; border-radius:50%; background: currentColor; position:absolute; left:.25rem; top:50%; transform:translateY(-50%); }
.app-sidebar{ width: 260px; }
.app-content{ margin-left: 260px; }
@media(max-width:992px){
  .app-sidebar{ position: fixed; left: -260px; top:0; height:100%; z-index: 1050; transition: left .2s; }
  .app-sidebar.show{ left:0; }
  .app-content{ margin-left:0; }
}
.header-blur{ backdrop-filter: blur(8px); background: rgba(255,255,255,.7); }
.table-scroll{ overflow:auto; }
.step{ display:none; }
.step.active{ display:block; }
.live-indicator{ animation: blink 1s infinite; }
@keyframes blink{ 50% { opacity: .2; } }