:root {
  --gets-primary:       #7B2FBE;
  --gets-primary-dark:  #5A189A;
  --gets-primary-deep:  #3C096C;
  --gets-primary-light: #9D4EDD;
  --gets-primary-pale:  #E0AAFF;
  --gets-dark:          #10002B;
  --gets-black:         #0D0D0D;
  --gets-primary-10:    rgba(123, 47, 190, 0.10);
  --gets-primary-20:    rgba(123, 47, 190, 0.20);
  --gets-primary-rgb:   123, 47, 190;
}
.sidebar-wrapper { background-color: #10002B !important; border-right: 1px solid rgba(123,47,190,0.2); }
.sidebar-wrapper .sidebar-header { padding: 15px; border-bottom: 1px solid rgba(123,47,190,0.2); }
.sidebar-wrapper .sidebar-nav .sidebar-item.active > .sidebar-link,
.sidebar-wrapper .sidebar-nav .sidebar-link:hover { background-color: rgba(123,47,190,0.15) !important; color: #E0AAFF !important; border-left: 3px solid #7B2FBE; }
.sidebar-wrapper .sidebar-nav .sidebar-link { color: #ccc; padding: 8px 15px; display: flex; align-items: center; gap: 8px; transition: all .2s; }
.sidebar-wrapper .sidebar-nav .sidebar-link i { color: #9D4EDD; }
.sidebar-wrapper .sidebar-nav .sidebar-item.active > .sidebar-link i { color: #E0AAFF; }
.sidebar-wrapper .sidebar-header img { height: 36px; }
.topbar { background-color: #fff; border-bottom: 1px solid rgba(123,47,190,0.15); }
[data-bs-theme=dark] .topbar { background-color: #10002B; }
a { color: #7B2FBE; }
a:hover { color: #5A189A; }
.badge.bg-primary { background-color: #7B2FBE !important; }
.card { border-top: 2px solid rgba(123,47,190,0.08); }
.form-control:focus, .form-select:focus { border-color: #9D4EDD; box-shadow: 0 0 0 0.25rem rgba(123,47,190,0.20); }
.progress-bar { background-color: #7B2FBE; }
.sidebar-wrapper::-webkit-scrollbar-thumb { background-color: rgba(123,47,190,0.4); border-radius: 4px; }
[data-bs-theme=dark] { --bs-body-bg: #10002B; }
[data-bs-theme=dark] .sidebar-wrapper { background-color: #0D0D0D !important; }
.avatar-placeholder { background: linear-gradient(135deg,#5A189A,#9D4EDD); color: #fff; }
.btn-gets { background: linear-gradient(135deg,#5A189A,#9D4EDD); border: none; color: #fff; font-weight: 600; padding: .65rem 1.5rem; border-radius: 8px; transition: opacity .2s; display: inline-block; text-decoration: none; }
.btn-gets:hover { opacity: .9; color: #fff; }
.page-wrapper { margin-left: 260px; }
.sidebar-wrapper { width: 260px; position: fixed; top: 0; left: 0; height: 100vh; overflow-y: auto; z-index: 1000; }
.top-header { position: sticky; top: 0; z-index: 999; background: #fff; border-bottom: 1px solid rgba(123,47,190,0.15); padding: 0 20px; }
.page-content { padding: 24px; min-height: calc(100vh - 120px); }
.page-footer { padding: 16px 24px; border-top: 1px solid #eee; text-align: center; font-size: .875rem; color: #888; }
.menu-label { padding: 8px 15px 4px; font-size: .7rem; font-weight: 700; text-transform: uppercase; color: #9D4EDD; letter-spacing: .05em; list-style: none; }
.metismenu { list-style: none; padding: 10px 0; margin: 0; }
.metismenu li { list-style: none; }
@media (max-width: 768px) { .sidebar-wrapper { transform: translateX(-100%); transition: transform .3s; } .page-wrapper { margin-left: 0; } .sidebar-wrapper.toggled { transform: translateX(0); } }