:root {
    --tw-empty: ;
}

html.dark *:not(#cke_editor):not(#cke_editor *) {
    border-color: rgb(255 255 255 / 15%);
}

html.dark {
    color: #cacfd9;
}

html.dark table th {
    text-transform: uppercase !important;
}

:root {
    --bg: #f8fafc;
    --thead-bg: #cacfd9; /* page background */
    --panel: #cacfd9; /* cards/panels/nav */
    --text: #0f172a; /* main text */
    --muted: #64748b; /* subdued text */
    --border: #e5e7eb; /* borders/dividers */
    --hover: #f1f5f9; /* hover background */
}

html.dark {
    --bg: #111827; /* Tailwind gray-900 */
    --thead-bg: #374151; /* Tailwind gray-700 */
    --panel: #1f2937; /* Tailwind gray-800 */
    --text: #e5e7eb; /* Tailwind gray-100 */
    --apex-text: #e5e7eb; /* Tailwind gray-200 */
    --muted: #9ca3af; /* Tailwind gray-400 */
    --border: #374151; /* Tailwind gray-700 */
    --hover: #374151; /* Tailwind gray-700 hover */
    --input-border: #fbfcfd;
}

/* THEME helpers (use !important to override existing utility classes) */

.theme-bg {
    background-color: var(--bg) !important;
    color: var(--text) !important;
}

.theme-panel {
    background-color: var(--panel) !important;
}

.theme-text {
    color: var(--text) !important;
}

.theme-muted {
    color: var(--muted) !important;
}

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

.theme-hover:hover {
    background-color: var(--hover) !important;
}

.theme-toggle-switch {
    position: relative;
    width: 52px;
    height: 28px;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid var(--border);
    background-color: var(--panel);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.theme-toggle-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: var(--bg);
    border: 1px solid var(--border);
}

/* Light mode positioning and colors */

:root .theme-toggle-switch {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border-color: #f59e0b !important;
}

:root .theme-toggle-knob {
    background: #cacfd9;
    border-color: #e5e7eb !important;
    transform: translateX(0);
}

/* Dark mode positioning and colors */

html.dark .theme-toggle-switch {
    background: linear-gradient(135deg, #1d6ff6, #0f172a);
    border-color: var(--border) !important;
}

html.dark .theme-toggle-knob {
    background: var(--panel);
    border-color: var(--border) !important;
    transform: translateX(24px);
}

/* Icon transitions */

.theme-toggle-icon {
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
    color: var(--muted);
}

.theme-sun-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.theme-moon-icon {
    opacity: 0;
    transform: rotate(180deg) scale(0);
    position: absolute;
}


/*Dark Mode Css Start*/
html.dark .bg-gray-50 {
    background: #1b2534 !important;
}

html.dark .bg-gray-500 {
    background: #4A5565BF !important;
}

html.dark .bg-gray-100 {
    background: #111826 !important;
}

html.dark .bg-white {
    background: oklch(0.25 0.03 256.88) !important;
}

html.dark .hover\:bg-gray-50:hover {
    background: oklch(0.30 0.03 256.88) !important;
}

html.dark .text-gray-900 {
    color: #cacfd9 !important;
}


html.dark .text-gray-700 {
    color: #cacfd9 !important;
}


html.dark .text-gray-500 {
    color: #99a1af !important;
}

html.dark tr {
    border-bottom: 1px solid rgb(255 255 255 / 15%) !important;
}

html.dark div.shadow {
    box-shadow: 0 0 0 1px rgb(255 255 255 / 15%) !important;
}

/* Dark mode container */
html.dark input,
html.dark textarea,
html.dark select {
    background-color: #1f2937 !important; /* dark gray background */
    color: #f9fafb !important; /* light text */
    border-color: #374151 !important; /* darker border */
}

html.dark input::placeholder,
html.dark textarea::placeholder,
html.dark select::placeholder {
    color: #9ca3af !important; /* lighter gray placeholder */
}

html.dark [type='checkbox']:checked, [type='radio']:checked {
    border-color: transparent !important;
    background-color: rgb(99, 102, 241) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

html.dark [type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") !important;
}

html.dark [type='checkbox']:focus, [type='radio']:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-inset: var(--tw-empty,) !important;
    --tw-ring-offset-width: 2px !important;
    --tw-ring-offset-color: #1f2937 !important;
    --tw-ring-color: rgb(99, 102, 241) !important;;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}

/* Dollar sign or prefix */
html.dark .shrink-0.text-gray-500 {
    color: #9ca3af; /* lighter text for prefix */
}

/* Focus outline for input & select */
html.dark input:focus,
html.dark textarea:focus,
html.dark select:focus {
    outline-width: 2px;
    outline-offset: -2px;
}

html.dark .focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: #6366f1;
}

/* Remove number input arrows */
html.dark input[type=number]::-webkit-inner-spin-button,
html.dark input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Date picker icon (Chrome/Safari only) */
html.dark input::-webkit-calendar-picker-indicator {
    filter: invert(80%) sepia(5%) saturate(2%) hue-rotate(194deg) brightness(102%) contrast(102%);
}

/* SVG icon */
html.dark svg {
    color: #9ca3af;
}

/* Label */
html.dark label {
    color: #f3f4f6; /* light label */
}

html.dark .select2-container--default .select2-selection--single {
    background-color: #1f2937 !important; /* dark gray background */
    color: #f9fafb !important; /* light text */
    border-color: #374151 !important; /* darker border */
}


html.dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
    color: #f9fafb !important; /* light text */
}


html.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f9fafb !important; /* light text */
}

html.dark .select2-container--default .select2-search--inline .select2-search__field::placeholder, .select2-selection__placeholder {
    color: #f9fafb !important; /* light text */
}

html.dark .select2-dropdown {
    color: #f9fafb !important; /* light text */
    background-color: #1f2937 !important; /* dark gray background */
    border-color: #374151; /* darker border */
}

html.dark .select2-container--default .select2-results__option--selected {
    color: #111826 !important;
}

html.dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #196BCE;
    color: #f9fafb !important; /* light text */
}

html.dark .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #374151; /* darker border */
}

html.dark .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-color: #374151; /* darker border */
    background: #1f2937;
}

html.dark .select2-container--default .select2-selection--multiple {
    border-color: #374151; /* darker border */
    background: #1f2937;
}


html.dark .text-indigo-500 {
    color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .text-indigo-500 svg {
    color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .text-indigo-600 {
    color: oklch(67.3% 0.182 276.935) !important;
}

html.dark a.text-indigo-600:hover {
    color: oklch(0.6 0.24 273.12) !important;
}

html.dark button.text-indigo-600:hover {
    color: oklch(0.6 0.24 273.12) !important;
}

html.dark .text-indigo-600 svg {
    color: oklch(67.3% 0.182 276.935) !important;
}

html.dark hover\:text-indigo-900:hover {
    color: oklch(75.3% 0.182 276.935) !important;
}

html.dark .hover\:text-indigo-900:hover svg {
    color: oklch(75.3% 0.182 276.935) !important;
}

html.dark .text-indigo-700 {
    color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .text-indigo-600 button {
    color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .text-indigo-700 svg {
    color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .border-indigo-500 {
    border-color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .border-indigo-500 svg {
    border-color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .border-indigo-600 {
    border-color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .border-indigo-600 svg {
    border-color: oklch(67.3% 0.182 276.935) !important;
}

html.dark .border-transparent {
    border-color: transparent !important;
}


html.dark .text-red-500 {
    color: oklch(70.4% 0.191 22.216) !important;
}

html.dark .text-red-500 svg {
    color: oklch(70.4% 0.191 22.216) !important;
}

html.dark .text-red-600 {
    color: oklch(70.4% 0.191 22.216) !important;
}

html.dark a.text-red-600:hover {
    color: oklch(0.68 0.23 24.32) !important;
}

html.dark .text-red-600 svg {
    color: oklch(70.4% 0.191 22.216) !important;
}

html.dark .hover\:text-red-900:hover,
html.dark .hover\:text-red-900:hover svg {
    color: oklch(0.7 0.24 24.52) !important;
}

html.dark-ams .text-red-900
{
    color: oklch(0.7 0.24 24.52) !important;
}

html.dark .text-green-500 {
    color: oklch(79.2% 0.209 151.711) !important;
}

html.dark .text-green-500 svg {
    color: oklch(79.2% 0.209 151.711) !important;
}

html.dark .text-yellow-500 {
    color: oklch(85.2% 0.199 91.936) !important;
}

html.dark .text-yellow-500 svg {
    color: oklch(85.2% 0.199 91.936) !important;
}

html.dark .bg-indigo-600 {
    background-color: oklch(58.5% 0.233 277.117) !important;
}

html.dark .hover\:bg-indigo-700:hover {
    background-color: oklch(53.5% 0.233 277.117) !important;
}


html.dark .bg-red-600 {
    background-color: oklch(63.7% 0.237 25.331) !important;
}

html.dark .hover\:bg-red-700:hover {
    background: oklch(0.60 0.25 28.83) !important;
}

html.dark .bg-green-600 {
    background-color: oklch(72.3% 0.219 149.579) !important;
}

html.dark .bg-yellow-600 {
    background-color: oklch(79.5% 0.184 86.047) !important;
}

html.dark .border-gray-300 {
    border-color: #374151; /* darker border */
}


/*sidebar*/

html.dark .sidebar-container .bg-white {
    background-color: #0e1623 !important;
}

html.dark .sidebar-container .text-gray-600 {
    color: oklch(70.7% .022 261.325) !important;
}

html.dark .sidebar-container .hover\:text-gray-900:hover {
    color: #0e1623 !important;
}

html.dark .sidebar-container .hover\:text-gray-900:hover {
    color: #cacfd9 !important;
    background: #374151 !important;
}

html.dark .sidebar-container .hover\:text-gray-900:hover > svg {
    color: #cacfd9 !important;
}


html.dark .sidebar-container [class*="bg-white"] {
    background-color: #18222f !important;
}

html.dark #sidebar-nav .border {
    border: none !important;
}

html.dark #sidebar-nav .bg-gray-100 {
    background-color: #3a485f7a !important;
    color: #cacfd9 !important;
}

html.dark #sidebar-nav .focus\:ring-2:focus {
    box-shadow: none !important;
}

html.dark #sidebar-nav .bg-gray-100 .text-gray-900,
html.dark #sidebar-nav .bg-gray-100 .text-gray-800,
html.dark #sidebar-nav .bg-gray-100 .text-gray-700,
html.dark #sidebar-nav .bg-gray-100 .text-gray-600,
html.dark #sidebar-nav .bg-gray-100 .text-gray-500 {
    color: #cacfd9 !important;
}

html.dark #sidebar-nav .bg-gray-100 svg {
    color: #cacfd9 !important;
}

html.dark #sidebar-nav .bg-gray-50 {
    background-color: #3a485f7a !important;
}

html.dark .bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: oklch(0.65 0.15 94.27);
}

html.dark .bg-rose-300 {
    --tw-bg-opacity: 1;
    background-color: oklch(59.2% 0.249 0.584);
}

html.dark .shadow-md {
    box-shadow: 0 0 0 1px rgb(255 255 255 / 15%) !important;
}


html.dark input.border-0.outline-none.focus\:ring-0, html.dark select.border-0.outline-none.focus\:ring-0 {
    background-color: #18222f !important;
    color: #f9fafb !important;
}

html.dark .text-slate-600 {
    color: oklch(70.4% 0.04 256.788) !important;
}

html.dark .text-slate-700 {
    color: oklch(0.81 0.05 256.73) !important;
}

html.dark li.text-blue-500.list-group-item {
    color: oklch(70.4% 0.04 256.788) !important;
}

html.dark li.text-blue-500.list-group-item:hover {
    color: #f9fafb !important;
}

html.dark button.text-blue-500 {
    color: #49a4ff !important;
}


html.dark .text-gray-800 {
    color: oklch(87.2% 0.01 258.338);
}

html.dark .text-blue-600 {
    color: oklch(62.3% 0.214 259.815) !important;
}

html.dark .text-black {
    color: #cacfd9 !important;
}

html.dark .bg-gray-200.h-10.w-10.flex.justify-center.items-center.border-2.border-gray-400,
html.dark .bg-gray-200.border-2.rounded-md.border-gray-400.cursor-pointer {
    background-color: rgb(27 37 51);
}

html.dark .bg-gray-200.h-10.w-10.flex.justify-center.items-center.border-2.border-gray-400:hover,
html.dark .bg-gray-200.border-2.rounded-md.border-gray-400.cursor-pointer:hover,
html.dark-ams .-m-3.p-3.flex.items-center.rounded-lg.hover\:bg-gray-100:hover {
    background-color: rgb(40, 56, 76);
}

html.dark .h-24.w-24.bg-indigo-500.flex.justify-center.items-center svg {
    color: oklch(86.9% 0.022 252.894) !important;
}


html.dark .apexcharts-text,
html.dark .apexcharts-title-text,
html.dark .apexcharts-subtitle-text,
html.dark .apexcharts-xaxis-title,
html.dark .apexcharts-yaxis-title,
html.dark .apexcharts-datalabel,
html.dark .apexcharts-legend-text,
html.dark .apexcharts-tooltip-title,
html.dark .apexcharts-tooltip-text {
    fill: oklch(70.4% 0.04 256.788) !important; /* for SVG text */
    color: oklch(70.4% 0.04 256.788) !important; /* for tooltips */
}

html.dark .apexcharts-tooltip {
    background: #1f2937 !important;
    color: oklch(80.4% 0.04 256.788) !important;
    box-shadow: none !important;
}

html.dark .apexcharts-tooltip-title {
    background: #111826 !important;
    color: oklch(80.4% 0.04 256.788) !important;
}

html.dark .apexcharts-tooltip-text {
    color: oklch(80.4% 0.04 256.788) !important;
}


html.dark .bg-red-50 {
    background: oklab(63.7% .214213 .1014/.15);
}


html.dark .bg-red-100 {
    background: oklab(0.33 0.13 0.07 / 0.9) !important;
}

html.dark .text-red-700, html.dark .text-red-800 {
    color: oklab(0.79 0.14 0.05 / 0.8) !important;;
}

html.dark .text-red-700 svg {
    color: oklab(0.79 0.14 0.05 / 0.8) !important;;
}

html.dark button.text-red-700 {
    color: oklch(0.71 0.22 23.09) !important;
}

html.dark .bg-yellow-50 {
    background: oklab(79.5% .0126846 .183562/.1) !important;;
}

html.dark .bg-yellow-50 svg {
    color: oklab(97.3% -.0162045 .0691261/.8) !important;;
    background: transparent !important;
}

html.dark-ams body {
    background: rgb(17 24 37) !important;
}

html.dark-ams .bg-yellow-50 svg {
    color: oklab(97.3% -.0162045 .0691261/.8) !important;;
    background: transparent !important;
}

html.dark .text-yellow-700 {
    color: oklab(97.3% -.0162045 .0691261/.8) !important;;
}

html.dark .text-yellow-800 {
    color: oklab(97.3% -.0162045 .0691261/.8) !important;;
}

html.dark .text-yellow-600 button, html.dark .text-yellow-600 svg, html.dark .text-yellow-600 p {
    color: oklch(85.2% 0.199 91.936) !important;;
}

html.dark .bg-green-50 {
    background: oklab(72.3% -.18885 .110891/.1) !important;;
}

html.dark .text-green-600 {
    color: oklch(79.2% 0.209 151.711) !important;
}

html.dark .text-green-600 svg {
    color: oklch(79.2% 0.209 151.711) !important;
}

html.dark .text-green-700, html.dark .text-green-800 {
    color: oklab(92.5% -.0767348 .0341726/.85) !important;
}

html.dark button.text-green-700, html.dark button.text-green-800 {
    color: #cacfd9 !important;
}

html.dark-ams .text-green-900
{
    color: oklch(0.68 0.23 154.21) !important;
}


html.dark .bg-blue-50 {
    background: oklab(62.3% -.0378409 -.210628/.1) !important;;
}

html.dark .text-blue-700 {
    color: oklch(80.9% .105 251.813) !important;;
}

/*Badges*/
html.dark .rounded-full.text-xs.font-medium.bg-red-100.text-red-800 {
    color: oklch(70.4% .191 22.216) !important;
    background: oklab(70.4% .176821 .072217/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.4% .176821 .072217/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-medium.bg-yellow-100.text-yellow-800 {
    color: oklch(79.5% .184 86.047) !important;
    background: oklab(85.2% -.00672284 .198886/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(85.2% -.00672284 .198886/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-medium.bg-green-100.text-green-800 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-medium.bg-blue-100.text-blue-800 {
    color: oklch(70.7% .165 254.624) !important;
    background: oklab(70.7% -.0437502 -.159094/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.0437502 -.159094/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}


html.dark .rounded-full.text-xs.font-medium.bg-indigo-100.text-indigo-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-medium.bg-purple-100.text-purple-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-medium.bg-rose-100.text-rose-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-medium.bg-pink-100.text-pink-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-medium.bg-gray-100.text-gray-800 {
    color: oklch(70.7% .022 261.325) !important;
    background: oklab(70.7% -.00331825 -.0217483/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.00331825 -.0217483/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}


/*Badges SM*/

html.dark .rounded-full.text-sm.font-medium.bg-red-100.text-red-800 {
    color: oklch(70.4% .191 22.216) !important;
    background: oklab(70.4% .176821 .072217/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.4% .176821 .072217/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-sm.font-medium.bg-yellow-100.text-yellow-800 {
    color: oklch(79.5% .184 86.047) !important;
    background: oklab(85.2% -.00672284 .198886/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(85.2% -.00672284 .198886/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-sm.font-medium.bg-green-100.text-green-800 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-sm.font-medium.bg-blue-100.text-blue-800 {
    color: oklch(70.7% .165 254.624) !important;
    background: oklab(70.7% -.0437502 -.159094/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.0437502 -.159094/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}


html.dark .rounded-full.text-sm.font-medium.bg-indigo-100.text-indigo-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-sm.font-medium.bg-purple-100.text-purple-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-sm.font-medium.bg-rose-100.text-rose-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-sm.font-medium.bg-pink-100.text-pink-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-sm.font-medium.bg-gray-100.text-gray-800 {
    color: oklch(70.7% .022 261.325) !important;
    background: oklab(70.7% -.00331825 -.0217483/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.00331825 -.0217483/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}


/*Badges MD*/

html.dark .rounded-full.text-md.font-medium.bg-red-100.text-red-800 {
    color: oklch(70.4% .191 22.216) !important;
    background: oklab(70.4% .176821 .072217/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.4% .176821 .072217/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-md.font-medium.bg-yellow-100.text-yellow-800 {
    color: oklch(79.5% .184 86.047) !important;
    background: oklab(85.2% -.00672284 .198886/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(85.2% -.00672284 .198886/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .text-xs.text-yellow-600.absolute.bg-yellow-100.rounded-lg.p-2.transform.-translate-y-10 {
    color: oklch(79.5% .184 86.047) !important;
    background: oklab(85.2% -.00672284 .198886/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(85.2% -.00672284 .198886/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-md.font-medium.bg-green-100.text-green-800 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-md.font-medium.bg-blue-100.text-blue-800 {
    color: oklch(70.7% .165 254.624) !important;
    background: oklab(70.7% -.0437502 -.159094/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.0437502 -.159094/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}


html.dark .rounded-full.text-md.font-medium.bg-indigo-100.text-indigo-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-md.font-medium.bg-purple-100.text-purple-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-md.font-medium.bg-rose-100.text-rose-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-md.font-medium.bg-pink-100.text-pink-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-md.font-medium.bg-gray-100.text-gray-800 {
    color: oklch(70.7% .022 261.325) !important;
    background: oklab(70.7% -.00331825 -.0217483/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.00331825 -.0217483/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/*Badges LG*/

html.dark .rounded-full.text-lg.font-medium.bg-red-100.text-red-800 {
    color: oklch(70.4% .191 22.216) !important;
    background: oklab(70.4% .176821 .072217/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.4% .176821 .072217/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-lg.font-medium.bg-yellow-100.text-yellow-800 {
    color: oklch(79.5% .184 86.047) !important;
    background: oklab(85.2% -.00672284 .198886/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(85.2% -.00672284 .198886/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-lg.font-medium.bg-green-100.text-green-800 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-lg.font-medium.bg-blue-100.text-blue-800 {
    color: oklch(70.7% .165 254.624) !important;
    background: oklab(70.7% -.0437502 -.159094/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.0437502 -.159094/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}


html.dark .rounded-full.text-lg.font-medium.bg-indigo-100.text-indigo-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-lg.font-medium.bg-purple-100.text-purple-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-lg.font-medium.bg-rose-100.text-rose-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-lg.font-medium.bg-pink-100.text-pink-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-lg.font-medium.bg-gray-100.text-gray-800 {
    color: oklch(70.7% .022 261.325) !important;
    background: oklab(70.7% -.00331825 -.0217483/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.00331825 -.0217483/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/*Badges XL*/

html.dark .rounded-full.text-xl.font-medium.bg-red-100.text-red-800 {
    color: oklch(70.4% .191 22.216) !important;
    background: oklab(70.4% .176821 .072217/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.4% .176821 .072217/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xl.font-medium.bg-yellow-100.text-yellow-800 {
    color: oklch(79.5% .184 86.047) !important;
    background: oklab(85.2% -.00672284 .198886/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(85.2% -.00672284 .198886/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xl.font-medium.bg-green-100.text-green-800 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xl.font-medium.bg-blue-100.text-blue-800 {
    color: oklch(70.7% .165 254.624) !important;
    background: oklab(70.7% -.0437502 -.159094/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.0437502 -.159094/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}


html.dark .rounded-full.text-xl.font-medium.bg-indigo-100.text-indigo-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xl.font-medium.bg-purple-100.text-purple-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xl.font-medium.bg-rose-100.text-rose-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xl.font-medium.bg-pink-100.text-pink-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xl.font-medium.bg-gray-100.text-gray-800 {
    color: oklch(70.7% .022 261.325) !important;
    background: oklab(70.7% -.00331825 -.0217483/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.00331825 -.0217483/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .text-gray-700.block.w-full.text-left.px-4.py-2.text-sm.hover\:bg-gray-100.cursor-pointer {
    color: oklch(70.7% .022 261.325) !important;
}

html.dark .text-gray-700.block.w-full.text-left.px-4.py-2.text-sm.hover\:bg-gray-100.cursor-pointer:hover {
    background: #374151 !important;
    color: #cacfd9 !important;
}

html.dark .flex.justify-end.text-gray-700.block.px-4.py-2.text-sm.hover\:bg-gray-100.cursor-pointer.w-full:hover {
    background: #374151 !important;
    color: #cacfd9 !important;
}

/*html.dark form div.shadow.sm\:rounded-md.sm\:overflow-hidden {*/
/*    border-radius: 0 !important;*/
/*}*/

/*html.dark-ams div form div.shadow.sm\:rounded-md.sm\:overflow-hidden {*/
/*    border-radius: 0.375rem !important*/
/*}*/


html.dark div.shadow div.shadow {
    border-radius: 0 !important;
}

/*UMS Package*/
html.dark-ums body {
    background-color: rgb(17 24 37) !important;
}

html.dark-ums form div.shadow.sm\:rounded-md.sm\:overflow-hidden {
    border-radius: 0.375rem !important;
}

/*Badges*/
html.dark .rounded-full.text-xs.font-semibold.bg-red-100.text-red-800 {
    color: oklch(70.4% .191 22.216) !important;
    background: oklab(70.4% .176821 .072217/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.4% .176821 .072217/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .inline-flex.items-center.px-2.py-0\.5.rounded.text-xs.font-medium.bg-red-100.text-red-800 {
    color: oklch(70.4% .191 22.216) !important;
    background: oklab(70.4% .176821 .072217/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.4% .176821 .072217/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .inline-flex.items-center.px-2\.5.py-0\.5.rounded-md.text-xs.font-medium.bg-red-100.text-red-800 {
    color: oklch(70.4% .191 22.216) !important;
    background: oklab(70.4% .176821 .072217/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.4% .176821 .072217/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-semibold.bg-yellow-100.text-yellow-800 {
    color: oklch(79.5% .184 86.047) !important;
    background: oklab(85.2% -.00672284 .198886/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(85.2% -.00672284 .198886/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .whitespace-nowrap.mb-1.inline-flex.items-center.rounded-full.bg-yellow-50.px-2.py-1.text-xs.font-medium.text-yellow-800.ring-1.ring-inset.ring-yellow-600\/20 {
    color: oklch(79.5% .184 86.047) !important;
    background: oklab(85.2% -.00672284 .198886/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(85.2% -.00672284 .198886/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-semibold.bg-green-100.text-green-800 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .inline-flex.items-center.px-2\.5.py-0\.5.rounded-md.text-xs.font-medium.bg-green-100.text-green-800 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .ml-2.inline-flex.items-center.px-2\.5.py-1\.5.border.border-transparent.text-xs.font-medium.rounded.text-green-700.bg-green-100.hover\:bg-green-200.focus\:outline-none.focus\:ring-2.focus\:ring-offset-2.focus\:ring-green-500 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .inline-flex.items-center.px-2\.5.py-0\.5.rounded-md.text-sm.font-medium.bg-green-100.text-green-800 {
    color: oklch(79.2% .209 151.711) !important;
    background: oklab(79.2% -.184039 .0990491/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(79.2% -.184039 .0990491/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-semibold.bg-blue-100.text-blue-800 {
    color: oklch(70.7% .165 254.624) !important;
    background: oklab(70.7% -.0437502 -.159094/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.0437502 -.159094/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}


html.dark .rounded-full.text-xs.font-semibold.bg-indigo-100.text-indigo-800 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .ml-2.inline-flex.items-center.px-2\.5.py-1\.5.border.border-transparent.text-xs.font-medium.rounded.text-indigo-700.bg-indigo-100.hover\:bg-indigo-200.focus\:outline-none.focus\:ring-2.focus\:ring-offset-2.focus\:ring-indigo-500 {
    color: oklch(67.3% .182 276.935) !important;
    background: oklab(67.3% .0219752 -.180668/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(67.3% .0219752 -.180668/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-semibold.bg-purple-100.text-purple-800 {
    color: oklch(62.7% 0.265 303.9) !important;
    background: oklab(55.8% 0.0219752 -0.180668 / 0.1) !important;
    box-shadow: inset 0 0 0 1px oklab(55.8% 0.0219752 -0.180668 / 0.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .inline-flex.items-center.px-2\.5.py-0\.5.rounded-full.text-xs.font-medium.bg-purple-200.text-purple-800.whitespace-nowrap {
    color: oklch(62.7% 0.265 303.9) !important;
    background: oklab(55.8% 0.0219752 -0.180668 / 0.1) !important;
    box-shadow: inset 0 0 0 1px oklab(55.8% 0.0219752 -0.180668 / 0.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-semibold.bg-rose-100.text-rose-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-semibold.bg-pink-100.text-pink-800 {
    color: oklch(71.8% .202 349.761) !important;
    background: oklab(71.8% .198783 -.0359065/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(71.8% .198783 -.0359065/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .rounded-full.text-xs.font-semibold.bg-gray-100.text-gray-800 {
    color: oklch(70.7% .022 261.325) !important;
    background: oklab(70.7% -.00331825 -.0217483/.1) !important;
    box-shadow: inset 0 0 0 1px oklab(70.7% -.00331825 -.0217483/.1), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/*AMS Sidebar*/
html.dark-ams body div div.hidden.lg\:flex.md\:flex-shrink-0 > div:nth-of-type(1) {
    border-right: 1px solid #374151 !important;
    background: rgb(17 24 38) !important;
}

html.dark-ams body div div.hidden.lg\:flex.md\:flex-shrink-0 > div:nth-of-type(1) .flex.items-center.w-full.py-2.pl-2.pr-1.text-sm.font-medium.text-gray-600.bg-white.hover\:bg-gray-50.hover\:text-gray-900.focus\:ring-indigo-500.rounded-md.group.focus\:outline-none.focus\:ring-2 {
    color: oklch(70.7% .022 261.325) !important;
    box-shadow: none !important;
}

html.dark-ams body div div.hidden.lg\:flex.md\:flex-shrink-0 > div:nth-of-type(1) .flex.items-center.w-full.py-2.pl-2.pr-1.text-sm.font-medium.text-gray-600.bg-white.hover\:bg-gray-50.hover\:text-gray-900.focus\:ring-indigo-500.rounded-md.group.focus\:outline-none.focus\:ring-2 svg {
    color: oklch(70.7% .022 261.325) !important;
}


html.dark-ams body div div.hidden.lg\:flex.md\:flex-shrink-0 > div:nth-of-type(1) .text-gray-600.hover\:bg-gray-50.hover\:text-gray-900.group.rounded-md.pr-2.pl-11.pl-3.py-2.flex.items-center.text-sm.font-normal {
    color: oklch(70.7% .022 261.325) !important;
}


html.dark-ams body div div.hidden.lg\:flex.md\:flex-shrink-0 > div:nth-of-type(1) .text-gray-600.hover\:bg-gray-50.hover\:text-gray-900.group.rounded-md.pr-2.pl-11.pl-3.py-2.flex.items-center.text-sm.font-normal:hover {
    color: #cacfd9 !important;
    background: #374151 !important;
}

html.dark-ams body div div.hidden.lg\:flex.md\:flex-shrink-0 > div:nth-of-type(1) .bg-gray-100.text-gray-900.group.rounded-md.pr-2.pl-11.pl-3.py-2.flex.items-center.text-sm.font-normal {
    background-color: #3a485f7a !important;
    color: #cacfd9 !important;
}

html.dark-ams .p-0.focus\:ring-0.block.w-full.text-sm.border-0.text-left {
    background: transparent !important;
}

html.dark-ams .text-center.p-0.focus\:ring-0.block.w-full.text-sm.border-0 {
    background: transparent !important;
}

html.dark tr.bg-green-300, html.dark tr.bg-green-100, html.dark td.bg-green-100 {
    background: oklab(79.2% -.184039 .0990491/.1) !important;
}

html.dark tr.bg-red-300, html.dark tr.bg-red-100, html.dark td.bg-red-100 {
    background: oklab(70.4% .176821 .072217/.1) !important;
}

/*AMS END*/

html.dark table tr:last-child {
    border-bottom: none !important;
}

html.dark .focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) #18222f;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

html.dark button {
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}


html.dark button.bg-green-100 {
    background: oklch(0.58 0.18 149.42) !important;
}


html.dark button.hover\:bg-green-200:hover {
    background: oklch(0.46 0.13 149.7) !important;
}

html.dark h3.text-sm.font-medium.text-red-800 {
    color: oklch(88.5% .062 18.334);
}

html.dark svg.text-red-400 {
    color: oklch(70.4% .191 22.216);
}

html.dark div.animate-spin.rounded-full.border-gray-300 {
    border-color: rgb(55 71 93) !important;
}

html.dark div.animate-spin.rounded-full.border-t-red-600 {
    border-top-color: rgb(220 38 38 / var(--tw-border-opacity)) !important;
}

html.dark div.animate-spin.rounded-full.border-4 {
    border-width: 4px !important;
}

html.dark div.animate-spin.rounded-full.border-t-blue-600 {
    border-top-color: rgb(37 99 235 / var(--tw-border-opacity)) !important;
}

html.dark a.block.px-4.py-2.text-sm.text-gray-700.hover\:bg-gray-100 {
    color: oklch(70.7% .022 261.325) !important;
}

html.dark a.block.px-4.py-2.text-sm.text-gray-700.hover\:bg-gray-100:hover {
    background: #374151 !important;
    color: #cacfd9 !important;
}


html.dark-ums nav a.bg-gray-50.text-indigo-700.hover\:text-indigo-700.hover\:bg-white.group.rounded-md.px-3.py-2.flex.items-center.text-sm.font-medium {
    color: #cacfd9 !important;
}

/*html.dark-ums nav a.bg-gray-50.text-indigo-700.hover\:text-indigo-700.hover\:bg-white.group.rounded-md.px-3.py-2.flex.items-center.text-sm.font-medium:hover {*/
/*    background: #374151 !important;*/
/*    color: #cacfd9 !important;*/
/*}*/

html.dark-ums nav a.text-gray-900.hover\:text-gray-900.hover\:bg-gray-50.group.rounded-md.px-3.py-2.flex.items-center.text-sm.font-medium {
    color: oklch(70.7% .022 261.325) !important;
}

html.dark-ums nav a.text-gray-900.hover\:text-gray-900.hover\:bg-gray-50.group.rounded-md.px-3.py-2.flex.items-center.text-sm.font-medium:hover {
    background: #374151 !important;
    color: #cacfd9 !important;
}


html.dark::-webkit-scrollbar {
    width: 12px;
}

html.dark::-webkit-scrollbar-track {
    background: #111827;
}

html.dark::-webkit-scrollbar-thumb {
    background-color: #424e5d;
    border-radius: 6px;
    border: 3px solid #111827;
}

html.dark * {
    /*scrollbar-width: thin;*/
    scrollbar-color: #424e5d transparent;
}

html.dark div.overflow-hidden.shadow.ring-1.ring-black.ring-opacity-5:has(table) {
    box-shadow: none !important;
}

html.dark tr:has(th) {
    border-top: 1px solid rgb(255 255 255 / 15%) !important;
}

html.dark .hover\:text-gray-700:hover, html.dark .hover\:text-gray-700:hover svg {
    color: #cacfd9 !important;
}

html.dark .hover\:border-gray-300:hover {
    border-color: #cacfd9 !important;
}

html.dark input:-webkit-autofill,
html.dark textarea:-webkit-autofill,
html.dark select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1f2937 inset !important;
    -webkit-text-fill-color: #f9fafb !important;
    border-color: #374151 !important;
}

html.dark-ums select.stripe {
    background-color: #1f2937 !important; /* select background */
    color: #f9fafb !important; /* text color */
}

html.dark-ums select.stripe option:nth-child(even) {
    background-color: #1f2936; /* may work in some browsers */
    color: #f9fafb;
    white-space: normal !important;
}

html.dark-ums select.stripe option:nth-child(odd) {
    background-color: #bcc7d91f; /* may work in some browsers */
    color: #f9fafb;
    white-space: normal !important;
}

html.dark .bg-gray-100.flex.justify-between.items-center.divide-x:has(button) {
    border: 1px solid #374151 !important;
    border-radius: 0.375rem !important;
    overflow: hidden !important;
    margin: 2px 0 !important;
}

html.dark-ums .bg-green-600.text-red-100.font-bold.rounded.p-5.justify-center.items-center {
    background: #f80f33 !important;
}

html.dark-ums .bg-green-600.text-green-100.font-bold.rounded.p-5.justify-center.items-center {
    background: oklch(0.59 0.18 150.96) !important;
}

html.dark-ums .bg-gray-100.flex.justify-between.items-center.divide-x:has(button) .hover\:bg-gray-200:hover {
    background: rgb(50 60 73) !important;
}

html.dark-ums .bg-gray-100.flex.justify-between.items-center.divide-x:has(button) .hover\:bg-gray-200:hover {
    background: rgb(50 60 73) !important;
}

html.dark-ums .-my-2.overflow-x-auto.sm\:-mx-6.lg\:-mx-8 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

html.dark-ums .-my-2.overflow-x-auto.sm\:-mx-6.lg\:-mx-8 .py-2.align-middle.inline-block.min-w-full.sm\:px-6.lg\:px-8 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html.dark-ums .shadow.overflow-hidden.border-b.border-gray-200.sm\:rounded-lg {
    border-radius: 0 !important;
}


html.dark-ums #adding_permissions_ids {
    border-radius: 0.375rem !important;
    overflow: auto !important;

}

html.dark-ums #removing_permissions_ids {
    border-radius: 0.375rem !important;
    overflow: auto !important;
}


html.dark-ums .bg-yellow-50 {
    background: oklab(79.5% .0126846 .183562/.1) !important;;
}

html.dark-ums .text-yellow-700 {
    color: oklab(97.3% -.0162045 .0691261/.8) !important;;
}

html.dark-ums .text-yellow-800 {
    color: oklab(97.3% -.0162045 .0691261/.8) !important;;
}

html.dark-ums .text-yellow-400 {
    color: oklab(97.3% -.0162045 .0691261/.8) !important;;
}

html.dark-ums .rounded-md.bg-yellow-50.p-4 .flex, html.dark-ums .rounded-md.bg-yellow-50.p-4 .ml-3 {
    display: flex;
    align-items: center;
}

html.dark-ums table th.text-gray-500 {
    color: #cacfd9 !important
}

html.dark-ums table td {
    color: #99a1af !important;
}


html.dark-ams div main div.max-w-7xl.mx-auto.py-6.sm\:px-6.lg\:px-8 {
    max-width: 100%; /* max-w-full */
    padding-left: 1rem; /* px-4 */
    padding-right: 1rem; /* px-4 */
    margin-left: auto; /* mx-auto */
    margin-right: auto; /* mx-auto */
}

@media (min-width: 640px) {
    /* sm */
    html.dark-ams div main div.max-w-7xl.mx-auto.py-6.sm\:px-6.lg\:px-8 {
        padding-left: 1.5rem; /* sm:px-6 */
        padding-right: 1.5rem; /* sm:px-6 */
    }
}

@media (min-width: 768px) {
    /* md */
    html.dark-ams div main div.max-w-7xl.mx-auto.py-6.sm\:px-6.lg\:px-8 {
        padding-left: 2rem; /* md:px-8 */
        padding-right: 2rem; /* md:px-8 */
    }
}

html.dark-ams .bg-red-200 {
    background: oklab(63.7% .214213 .1014/.15);
}

html.dark-ams .max-w-4xl.mx-auto.py-6.sm\:px-6.lg\:px-8 {
    width: 100% !important;
    margin: 0 !important;
}

html.dark-ams .max-w-4xl {
    width: 100% !important; /* override width */
    max-width: 100% !important; /* override Tailwind's max-width */
    margin: 0 auto !important; /* optional: center it */
}

html.dark-ams a.hover\:bg-indigo-100:hover {
    background-color: transparent !important;
}

html.dark-ams button.hover\:bg-indigo-100:hover {
    background-color: transparent !important;
}

html.dark-ams a.hover\:bg-red-100:hover {
    background-color: transparent !important;
}

html.dark-ams button.hover\:bg-red-100:hover {
    background-color: transparent !important;
}

html.dark .apexcharts-menu {
    background: #18222f !important;
}

html.dark .apexcharts-theme-light .apexcharts-menu-item:hover {
    color: #cacfd9 !important;
    background: #374151 !important;
}

html.dark .login-container-guest {
    border: none !important;
}

html.dark div.-my-2.overflow-x-auto.sm\:-mx-6.lg\:-mx-8:has(div.md\:px-6.lg\:px-8) {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html.dark div.-my-2.overflow-x-auto.sm\:-mx-6.lg\:-mx-8 div.md\:px-6.lg\:px-8 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

html.dark input.p-0.focus\:ring-0.block.w-full.text-center.text-sm.border-0 {
    background-color: transparent !important;
}

html.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
html.dark .select2-selection__choice__display,
html.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #111825 !important;
    border: none !important;
    outline: none !important;
    padding-bottom: 2px !important;
    box-shadow: inset 0 0 0 1px #111825, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

html.dark .text-yellow-500 {
    color: oklch(85.2% 0.199 91.936) !important;
}

html.dark input.p-0.focus\:ring-0.block.text-center.text-sm.border-0.text-white.pointer-events-none {
    background: transparent !important;
    color: transparent !important;
}

html.dark-ams .focus-within\:bg-gray-50:focus-within {
    background-color: oklch(0.30 0.03 256.88) !important
}

html.dark .max-w-sm.w-full.bg-green-50.shadow-lg.rounded-lg.pointer-events-auto.ring-1.ring-black.ring-opacity-5.overflow-hidden
{
    background: oklab(0.72 -0.19 0.11 / 0.38) !important;
}