:root {
    --primary: #e6007a;
    /* Deep Pink */
    --primary-dark: #b3005c;
    --sidebar-bg: #fff;
    --sidebar-active: #f3f4f6;
    --sidebar-text: #222;
    /* Black */
    --sidebar-heading: #bfc9da;
    --card-bg: #fff;
    --border-color: #e5e7eb;
    --accent: #e6007a;
    --success: #00bfae;
    --warning: #ffab00;
    --info: #222;
    /* Black */
    --danger: #fc424a;
    --carbon-black: #1a1a1a;
}

html,
body {
    /* background: linear-gradient(135deg, #ffe6f2 0%, #ffd6eb 100%); */
    /* background: linear-gradient(to top, #7B68EE, #6A5ACD, #5946B2, #412E91);
     */
    /* background: linear-gradient(to top, #A91B60, #8B134C, #610A31); */
    /* background: linear-gradient(to top, #D87093, #C25A7C, #8B3A62); */
    background: linear-gradient(to top, #049dbf, #0099C4, #006f8f);
}

.bg-white,
.bg-slate-50 {
    background: var(--card-bg) !important;
}

.border,
.border-r,
.border-t,
.border-b {
    border-color: var(--border-color) !important;
}

.text-slate-800,
.text-slate-700 {
    color: #22223b !important;
}

.text-slate-500 {
    color: var(--sidebar-text) !important;
}

.bg-slate-100 {
    background: #f3f4f6 !important;
}

.hover\:bg-slate-100:hover,
.hover\:bg-slate-50:hover {
    background: #f3f4f6 !important;
}

.bg-indigo-100 {
    background: rgba(230, 0, 122, 0.12) !important;
    color: var(--primary) !important;
}

.text-indigo-700 {
    color: var(--primary) !important;
}

.bg-green-100 {
    background: rgba(0, 191, 174, 0.12) !important;
    color: var(--success) !important;
}

.text-green-700 {
    color: var(--success) !important;
}

.bg-yellow-100 {
    background: rgba(255, 171, 0, 0.12) !important;
    color: var(--warning) !important;
}

.text-yellow-700 {
    color: var(--warning) !important;
}

.bg-red-100 {
    background: rgba(252, 66, 74, 0.12) !important;
    color: var(--danger) !important;
}

.text-red-700 {
    color: var(--danger) !important;
}

.bg-[#6F42C1] {
    background: var(--primary) !important;
}

.text-[#007BFF],
.group-hover\:text-\[\#007BFF\]:hover {
    color: var(--primary) !important;
}

.text-[#DC3545],
.group-hover\:text-\[\#DC3545\]:hover {
    color: var(--danger) !important;
}

.text-[#FF8800],
.group-hover\:text-\[\#FF8800\]:hover {
    color: var(--warning) !important;
}

.text-[#00CCCC],
.group-hover\:text-\[\#00CCCC\]:hover {
    color: var(--carbon-black) !important;
}

.text-[#17A2B8],
.group-hover\:text-\[\#17A2B8\]:hover {
    color: var(--carbon-black) !important;
}

.rounded-lg,
.rounded-xl {
    border-radius: 1rem !important;
}

.shadow-sm,
.shadow,
.shadow-lg {
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.06) !important;
}

aside {
    background: var(--sidebar-bg) !important;
    color: var(--sidebar-text) !important;
}

aside .border-r,
aside .border-b,
aside .border-t {
    border-color: var(--border-color) !important;
}

aside .bg-white {
    background: var(--sidebar-bg) !important;
}

aside .hover\:bg-slate-100:hover {
    background: var(--sidebar-active) !important;
}

aside .text-slate-500 {
    color: var(--sidebar-text) !important;
}

aside .text-xs {
    color: var(--sidebar-heading) !important;
    letter-spacing: 0.05em;
}

aside .font-semibold,
aside .font-bold {
    color: #22223b !important;
}

aside .rounded-md.bg-\[\#6F42C1\] {
    background: var(--primary) !important;
}

aside .group:hover svg,
aside .group:hover span {
    color: var(--primary) !important;
}

header {
    background: var(--card-bg) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

header .text-lg,
header .font-semibold {
    color: #22223b !important;
}

header .text-sm {
    color: var(--sidebar-text) !important;
}

header .bg-slate-100 {
    background: #f3f4f6 !important;
}

header .hover\:bg-slate-100:hover {
    background: #f3f4f6 !important;
}

.z-50.bg-white {
    background: var(--card-bg) !important;
    color: #22223b !important;
    border-color: var(--border-color) !important;
}

.z-50 .hover\:bg-slate-50:hover {
    background: #f3f4f6 !important;
}

.z-50 .text-slate-600,
.z-50 .text-slate-500 {
    color: var(--sidebar-text) !important;
}

.z-50 .border-t,
.z-50 .border-b {
    border-color: var(--border-color) !important;
}

table {
    background: var(--card-bg) !important;
    color: #22223b !important;
}

thead.bg-slate-100 {
    background: #f3f4f6 !important;
    color: var(--sidebar-heading) !important;
}

tbody tr {
    border-color: var(--border-color) !important;
}

tbody tr:hover {
    background: rgba(230, 0, 122, 0.06) !important;
}

.border.rounded-lg {
    border-color: var(--border-color) !important;
}

.bg-indigo-600 {
    background: var(--primary) !important;
}

.text-indigo-600 {
    color: var(--primary) !important;
}

.hover\:bg-indigo-100:hover {
    background: rgba(230, 0, 122, 0.12) !important;
}

aside.bg-white button {
    background: #dbeafe !important;
    color: #22223b !important;
    border-color: var(--border-color) !important;
}

aside.bg-white button:hover {
    background: var(--primary) !important;
    color: #fff !important;
}

footer {
    color: var(--sidebar-text) !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(26, 26, 26, .10);
    /* carbon black */
    border-radius: 999px;
}

/* New style from the second file */
.glass {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
}