:root {
	--bs-primary: #1a73e8;
	--bs-primary-rgb: 79, 70, 229;
	--bs-secondary: #64748b;
	--bs-secondary-rgb: 100, 116, 139;
	--bs-success: #22c55e;
	--bs-success-rgb: 34, 197, 94;
	--bs-warning: #f59e0b;
	--bs-warning-rgb: 245, 158, 11;
	--bs-danger: #ef4444;
	--bs-danger-rgb: 239, 68, 68;
	--bs-info: #3b82f6;
	--bs-info-rgb: 59, 130, 246;
	--bs-body-bg: #fff;
	--bs-body-color: #64748b;
	--bg-page: #f9fafc;
	--bg-card: #fff;
	--bg-topbar: #fff;
	--bg-sidebar: #10192d;
	--border-color: #e8edf5;
	--text-heading: var(--text-heading-color, #1e293b);
	--text-title: #334155;
	--text-body: var(--text-body-color, #64748b);
	--text-muted: #94a3b8;
	--text-white: #fff;
	--text-white-light: #f6f5f5d5;
	--bs-btn-active-bg: #f6f6f6;
	--sidebar-font-color: #fff;
	--sidebar-hover-color: #1A73E8;
	--sidebar-active-color: #1A73E8;
	--sidebar-active-text-color: #ffffff;
	--text-body-color: #64748b;
	--text-heading-color: #1e293b;
	--btn-primary-color: #0d6efd;
	--btn-primary-hover: #0b5ed7;
	--btn-secondary-color: #6c757d;
	--btn-secondary-hover: #5c636a;
	--btn-success-color: #198754;
	--btn-success-hover: #157347;
	--btn-danger-color: #dc3545;
	--btn-danger-hover: #bb2d3b;
	--btn-warning-color: #ffc107;
	--btn-warning-hover: #ffca2c;
	--btn-outline-primary-color: #0d6efd;
	--btn-outline-primary-hover-bg: #0d6efd;
	--btn-outline-secondary-color: #6c757d;
	--btn-outline-secondary-hover-bg: #6c757d;
	--btn-outline-success-color: #198754;
	--btn-outline-success-hover-bg: #198754;
	--btn-outline-danger-color: #dc3545;
	--btn-outline-danger-hover-bg: #dc3545;
	--btn-outline-warning-color: #ffc107;
	--btn-outline-warning-hover-bg: #ffc107;
	--btn-primary-border: #0d6efd;
	--btn-secondary-border: #6c757d;
	--btn-success-border: #198754;
	--btn-danger-border: #dc3545;
	--btn-warning-border: #ffc107;
	--text-primary-color: #0d6efd;
	--text-secondary-color: #6c757d;
	--text-success-color: #198754;
	--text-danger-color: #dc3545;
	--text-warning-color: #ffc107;
	--text-info-color: #0dcaf0;
	--shadow-card-color: rgba(0, 0, 0, .08);
	--shadow-card-hover-color: rgba(0, 0, 0, .12);
	--shadow-btn-color: rgba(79, 70, 229, .35);
	--shadow-popup-color: rgba(0, 0, 0, .15);
	--sidebar-width: 280px;
	--header-height: 80px;
	--content-padding: 24px;
	--grid-spacing: 24px;
	--card-padding: 20px;
	--border-radius-lg: 16px;
	--border-radius-md: 8px;
	--border-radius-sm: 5px;
	--shadow-card: 0 1px 3px var(--shadow-card-color);
	--shadow-card-hover: 0 4px 12px var(--shadow-card-hover-color);
	--shadow-sm: 0 1px 2px var(--shadow-card-color);
	--font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
	--font-size-title: 18px;
	--font-size-section: 13px;
	--font-size-card-title: 13px;
	--font-size-sidebar: 12px;
	--font-size-table-header: 13px;
	--font-size-table-body: 12px;
	--font-size-button: 12px;
	--font-size-label: 12px;
	--font-size-small: 11px;
	--font-size-helper: 10px;
	--color-primary-light: rgba(79, 70, 229, .1);
	--color-success-light: rgba(34, 197, 94, .1);
	--color-warning-light: rgba(245, 158, 11, .1);
	--color-danger-light: rgba(239, 68, 68, .1);
	--color-info-light: rgba(59, 130, 246, .1);
	--bs-pagination-padding-x: 10px;
	--bs-pagination-padding-y: 4px;
	--bs-pagination-font-size: var(--font-size-small, 11px);
	--bs-pagination-color: var(--text-body);
	--bs-pagination-bg: #fff;
	--bs-pagination-border-width: 1px;
	--bs-pagination-border-color: var(--border-color);
	--bs-pagination-border-radius: var(--border-radius-sm);
	--bs-pagination-hover-color: var(--bs-primary);
	--bs-pagination-hover-bg: var(--bg-page);
	--bs-pagination-hover-border-color: var(--border-color);
	--bs-pagination-focus-color: var(--bs-primary);
	--bs-pagination-focus-bg: var(--bg-page);
	--bs-pagination-focus-box-shadow: 0 0 0 0.2rem var(--color-primary-light);
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-border-color: var(--bs-primary);
	--bs-pagination-disabled-color: var(--text-muted);
	--bs-pagination-disabled-bg: var(--bg-page);
	--bs-pagination-disabled-border-color: var(--border-color)
}
*, :after, :before {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}
body {
	background-color: var(--bg-page);
	color: var(--text-body);
	font-family: var(--font-family);
	font-size: var(--font-size-table-body);
	line-height: 1.5;
	margin: 0;
	overflow-x: hidden;
	padding: 0
}
h1, h2, h3, h4, h5, h6 {
	color: var(--text-heading);
	font-weight: 600;
	margin: 0
}
a {
	color: var(--bs-primary);
	text-decoration: none;
	transition: color .2s ease
}
a:hover {
	color: var(--bs-primary)
}
::selection {
	background-color: rgba(79, 70, 229, .2);
	color: var(--text-heading)
}
::-webkit-scrollbar {
	height: 6px;
	width: 6px
}
::-webkit-scrollbar-track {
	background: transparent
}
::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 3px
}
::-webkit-scrollbar-thumb:hover {
	background: #94a3b8
}
.fs-15 {
	font-size: 15px !important
}
.loader-blocker {
	align-items: center;
	background-color: var(--bg-page);
	display: flex;
	height: 100vh;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	transition: opacity .5s ease, visibility .5s ease;
	width: 100vw;
	z-index: 9999
}
.loader-blocker.fade-out {
	opacity: 0;
	visibility: hidden
}
.loader-content {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 16px
}
.loader {
	animation: spin 1s linear infinite;
	border: 4px solid var(--border-color);
	border-radius: 50%;
	border-top-color: var(--bs-primary);
	height: 48px;
	width: 48px
}
@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}