body { background-color: #f4f6f9; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
#wrapper { overflow-x: hidden; min-height: 100vh; }
#sidebar-wrapper { min-height: 100vh; width: 250px; background-color: #1a1a2e; transition: margin .25s ease-out; }
#sidebar-wrapper .sidebar-heading { padding: 0.875rem 1.25rem; font-size: 1.2rem; }
#sidebar-wrapper .list-group { width: 250px; }
#page-content-wrapper { min-width: 100vw; transition: margin .25s ease-out; }

.text-purple { color: #7C4DFF !important; }
.bg-purple { background-color: #7C4DFF !important; }
.btn-primary { background-color: #7C4DFF; border-color: #7C4DFF; }
.btn-primary:hover { background-color: #651fff; border-color: #651fff; }
.btn-outline-primary { color: #7C4DFF; border-color: #7C4DFF; }
.btn-outline-primary:hover { background-color: #7C4DFF; color: white; }

.list-group-item { border: none; padding: 12px 20px; color: #a0a0b2 !important; transition: all 0.3s ease; }
.list-group-item:hover, .list-group-item.active { background-color: rgba(124, 77, 255, 0.1) !important; color: #fff !important; border-left: 4px solid #7C4DFF; }
.list-group-item i { width: 20px; text-align: center; }

@media (min-width: 768px) {
  #sidebar-wrapper { margin-left: 0; }
  #page-content-wrapper { min-width: 0; width: 100%; }
}
@media (max-width: 767px) {
  #sidebar-wrapper { margin-left: -250px; position: absolute; z-index: 1000; height: 100%; }
  #sidebar-wrapper.toggled { margin-left: 0; }
}

.stat-card { border: none; border-radius: 10px; transition: transform 0.3s; }
.stat-card:hover { transform: translateY(-5px); }
.card { border-radius: 10px; border: none; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); }
.table > :not(caption) > * > * { padding: 1rem 0.75rem; }
.badge { font-weight: 500; padding: 0.5em 0.75em; }