.filepond--credits {
    display: none;
}

/* .active {
            background-color: #8870c7 !important;
            color: #fff !important;
        } */

:root {
    --background: oklch(1 0 0) !important;
    --foreground: oklch(14.1% 0.005 285.823) !important;
    --card: oklch(1 0 0) !important;
    --card-foreground: oklch(14.1% 0.005 285.823) !important;
    --primary: #1cb7eb !important;
    --primary-foreground: oklch(1 0 0) !important;
    --secondary: oklch(96.7% 0.003 264.542) !important;
    --secondary-foreground: oklch(21% 0.006 285.885) !important;
    --muted: oklch(96.7% 0.003 264.542) !important;
    --muted-foreground: oklch(55.2% 0.016 285.938) !important;
    --destructive: oklch(57.7% 0.245 27.325) !important;
    --destructive-foreground: oklch(1 0 0) !important;
    --border: oklch(94% 0.004 286.32) !important;
    --input: oklch(92% 0.004 286.32) !important;
    --ring: oklch(87.1% 0.006 286.286) !important;
    --radius: 0.5rem !important;
    --font-family:
        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    --text-xs: 0.75rem !important;
    --text-sm: 0.875rem !important;
    --text-base: 1rem !important;
    --text-lg: 1.125rem !important;
    --text-xl: 1.25rem !important;
    --text-2xl: 1.5rem !important;
    --text-3xl: 2rem !important;
    --text-4xl: 2.5rem !important;
    --text-5xl: 3.5rem !important;
    --font-light: 300 !important;
    --font-weight-light: 300 !important;
    --font-normal: 400 !important;
    --font-weight-normal: 400 !important;
    --font-medium: 500 !important;
    --font-weight-medium: 500 !important;
    --font-semibold: 600 !important;
    --font-weight-semibold: 600 !important;
    --font-bold: 700 !important;
    --font-weight-bold: 700 !important;
    --leading-tight: 1.2 !important;
    --leading-normal: 1.5 !important;
    --leading-relaxed: 1.7 !important;
}
* {
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-medium) !important;
}

.dark {
    --background: oklch(14.1% 0.005 285.823) !important;
    /* Zinc-950 */
    --foreground: oklch(98.5% 0 0) !important;
    /* Zinc-50 */
    --card: oklch(14.1% 0.005 285.823) !important;
    --card-foreground: oklch(98.5% 0 0) !important;
    --primary: oklch(54.6% 0.245 262.881) !important;
    /* Blue-600 */
    --primary-foreground: oklch(1 0 0) !important;
    --secondary: oklch(27.4% 0.006 286.033) !important;
    /* Zinc-800 */
    --secondary-foreground: oklch(98.5% 0 0) !important;
    --muted: oklch(21% 0.006 285.885) !important;
    /* Zinc-900 */
    --muted-foreground: oklch(55.2% 0.016 285.938) !important;
    --destructive: oklch(57.7% 0.245 27.325) !important;
    --destructive-foreground: oklch(1 0 0) !important;
    --border: oklch(27.4% 0.006 286.033) !important;
    --input: oklch(27.4% 0.006 286.033) !important;
    --ring: oklch(27.4% 0.006 286.033) !important;
    --accent: oklch(44.467% 0.05969 196.841) !important;
}

.custom-sidebar {
    background: #1cebeb !important;
    /* background: radial-gradient(circle, rgba(132, 94, 194, 1) 0%, rgba(23, 5, 48, 1) 50%) !important; */
    background: radial-gradient(
        circle,
        rgb(94, 186, 194) 0%,
        rgb(30, 89, 89) 58%,
        rgb(23, 70, 77) 71%,
        rgb(5, 43, 48) 98%
    ) !important;
    /* background: #170530;
            background: radial-gradient(circle, rgba(23, 5, 48, 1) 0%, rgba(132, 94, 194, 1) 48%, rgba(45, 23, 77, 1) 71%, rgba(23,
                        5, 48, 1) 98%) !important; */
    color: #fff !important;
}
.dark .custom-sidebar {
    background: #1cebeb !important;
    /* background: radial-gradient(circle, rgba(132, 94, 194, 1) 0%, rgba(23, 5, 48, 1) 50%) !important; */
    background: radial-gradient(
        circle,
        rgb(13, 55, 60) 0%,
        rgb(28, 103, 102) 58%,
        rgb(23, 77, 74) 71%,
        rgb(5, 48, 47) 98%
    ) !important;
    background: #170530;
    /* background: radial-gradient(circle,rgba(23, 5, 48, 1) 0%, rgba(42, 17, 79, 1) 35%, rgba(42, 17, 79, 1) 36%, rgba(45, 23, 77, 1) 71%, rgba(23, 5, 48, 1) 98%) !important; */
    /* background: #170530;
            background: radial-gradient(circle, rgba(23, 5, 48, 1) 0%, rgba(132, 94, 194, 1) 48%, rgba(45, 23, 77, 1) 71%, rgba(23,
                        5, 48, 1) 98%) !important; */
    color: #fff !important;
}
.dark body {
    background: #170530 !important;
}

.bg-main {
    background: #170530;
    background: radial-gradient(
        circle,
        rgb(5, 48, 47) 0%,
        rgb(94, 186, 194) 48%,
        rgb(23, 77, 77) 71%,
        rgb(5, 42, 48) 98%
    ) !important;
}

/* input[type="date"]::-webkit-calendar-picker-indicator {
            display: none;
        } */

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    border-radius: 4px;
    margin: 0px;
    padding: 0px;
    opacity: 0.6;
    filter: invert(0.8);
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

.leaflet-control-attribution {
    display: none;
}
.kt-btn {
    transition: transform 150ms ease;
}

.kt-btn:hover {
    transform: scale(1.03);
}

.kt-btn:active {
    transform: scale(0.97);
}

.kt-card {
    /* background: rgba(118, 20, 188, 0.11);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); */
    border-radius: 20px;
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    box-shadow:
        0 8px 8px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 0px 0px rgba(255, 255, 255, 0);
    /* position: relative; */
    /* overflow: hidden; */
    /* transition: all .3s ease-in-out; */
    transition: all 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.dark .kt-card {
    border-radius: 20px;
    box-shadow:
        0 8px 8px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(65, 65, 65, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 0px 0px rgba(255, 255, 255, 0);
    transition: all 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.kt-modal {
    opacity: 0;
    filter: blur(10px);
    transform: scale(0.95);
    transition: all 400ms cubic-bezier(0.22, 1, 0.36, 1);
}

.kt-modal.open {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
}
@keyframes reveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.kt-menu-item.active .kt-menu-item-active\:bg-accent\/60 {
    background: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 20px;
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 0px 0px rgba(255, 255, 255, 0);
    /* position: relative; */
    /* overflow: hidden; */
    /* transition: all .3s ease-in-out; */
    transition: all 500ms cubic-bezier(0.22, 1, 0.36, 1);
    color: oklch(1 0 0) !important;
}

.kt-menu-link-hover\:bg-accent\/60.kt-menu-link:hover {
    background: rgba(255, 255, 255, 0.11);
    color: oklch(1 0 0) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 20px;
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 0px 0px rgba(255, 255, 255, 0);
    /* position: relative; */
    /* overflow: hidden; */
    /* transition: all .3s ease-in-out; */
    transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
.kt-scrollable-y-auto > .kt-menu-title {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: oklch(100% 0.00011 271.152) !important;
}
.kt-input,
.kt-select,
.kt-textarea,
.kt-btn,
.kt-badge {
    font-weight: 600 !important;
    border-radius: 20px !important;
    /* font-size: 14px !important; */
}
.kt-input {
    padding: 0.5rem !important;
}
.kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:text-mono {
    color: oklch(1 0 0);
}
.glass-card {
    background: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 0px 0px rgba(255, 255, 255, 0);
    /* position: relative; */
    /* overflow: hidden; */
    /* transition: all .3s ease-in-out; */
    transition: all 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.glass-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.8),
        transparent
    );
}

.glass-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.8),
        transparent,
        rgba(255, 255, 255, 0.3)
    );
}
h1 {
    font-size: var(--text-4xl);
    font-weight: 700;
    line-height: 1.2;
}

h2 {
    font-size: var(--text-3xl);
    font-weight: 600;
}

.card-title {
    font-size: var(--text-xl);
    font-weight: 600;
}

body {
    font-size: var(--text-base);
    font-weight: 400;
    line-height: 1.5;
}
.kt-menu-link:hover .kt-menu-link-hover\:text-mono {
    color: oklch(1 0 0);
}

/* thead > tr > th:last-child {
    text-align: end;
} */
.last-item-end:last-child,
.last-item-end:last-child > div {
    justify-content: flex-end !important;
    text-align: end !important;
}
/* tbody > tr > td:last-child {
    text-align: end;
} */

.kt-scrollable,
.kt-scrollable-y,
.kt-scrollable-x,
.kt-scrollable-auto,
.kt-scrollable-y-auto,
.kt-scrollable-x-auto,
.kt-scrollable-hover:hover,
.kt-scrollable-y-hover:hover,
.kt-scrollable-x-hover:hover {
    scrollbar-color: rgba(255, 255, 255, 0.131) transparent;
}