/* Standard Fade Animation */
.fade-enter-active[data-v-7d54b990],
.fade-leave-active[data-v-7d54b990] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-7d54b990],
.fade-leave-to[data-v-7d54b990] {
  opacity: 0;
}

/* Keeping only necessary animations */
.fade-enter-active[data-v-8199966c],
.fade-leave-active[data-v-8199966c] {
	transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-8199966c],
.fade-leave-to[data-v-8199966c] {
	opacity: 0;
}
.fade-in-up-enter-active[data-v-8199966c],
.fade-in-up-leave-active[data-v-8199966c] {
	transition: all 0.4s ease-out;
}
.fade-in-up-enter-from[data-v-8199966c],
.fade-in-up-leave-to[data-v-8199966c] {
	opacity: 0;
	transform: translateY(10px);
}
.modal-fade-enter-active[data-v-8199966c],
.modal-fade-leave-active[data-v-8199966c] {
	transition: all 0.3s ease;
}
.modal-fade-enter-from[data-v-8199966c],
.modal-fade-leave-to[data-v-8199966c] {
	opacity: 0;
	transform: scale(0.95);
}
.animate-fade-in-up[data-v-8199966c] {
	animation: fadeInUp-8199966c 0.4s ease-out forwards;
}
@keyframes fadeInUp-8199966c {
from {
		opacity: 0;
		transform: translateY(10px);
}
to {
		opacity: 1;
		transform: translateY(0);
}
}

/* Only necessary styles not covered by Tailwind */
.line-clamp-2[data-v-e9a3abd9] {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-clamp: 2;
}

.kpi-mini[data-v-363d8fa4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.kpi-icon[data-v-363d8fa4] {
  width: 32px;
  height: 32px;
  border-radius: 0.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.kpi-content .kpi-label[data-v-363d8fa4] {
  font-size: 0.6rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.kpi-content .kpi-value[data-v-363d8fa4] {
  font-size: 1rem;
  font-weight: 700;
}

.modal-fade-enter-active[data-v-ca24125a],
.modal-fade-leave-active[data-v-ca24125a] {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-fade-enter-from[data-v-ca24125a],
.modal-fade-leave-to[data-v-ca24125a] {
  opacity: 0;
}

/* Scrollbar styling for webkit */
.scrollbar-thin[data-v-ca24125a]::-webkit-scrollbar {
  width: 6px;
}
.scrollbar-thin[data-v-ca24125a]::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-thin[data-v-ca24125a]::-webkit-scrollbar-thumb {
  background-color: #e5e7eb;
  border-radius: 20px;
}
.scrollbar-thin[data-v-ca24125a]::-webkit-scrollbar-thumb:hover {
  background-color: #d1d5db;
}

/* Typography Overrides */
.prose[data-v-ca24125a] p {
  margin-bottom: 0.5em;
}
.prose[data-v-ca24125a] ul {
  list-style-type: disc;
  padding-left: 1.25em;
}

.kpi-card[data-v-78f7581c] {
  transition: transform 0.18s cubic-bezier(0.2, 0.9, 0.3, 1), box-shadow 0.18s ease, border-color 0.18s ease;
  will-change: transform;
}
.kpi-card[data-v-78f7581c]:hover,
.kpi-card[data-v-78f7581c]:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 28px 80px rgba(2, 6, 23, 0.14);
  border-color: rgba(0, 0, 0, 0.06);
}
.kpi-card .w-10[data-v-78f7581c] {
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.kpi-card:hover .w-10[data-v-78f7581c],
.kpi-card:focus-within .w-10[data-v-78f7581c] {
  transform: none;
  box-shadow: 0 8px 20px rgba(2, 6, 23, 0.12);
  filter: brightness(1.03);
}
.kpi-card[data-v-78f7581c]:active {
  transform: translateY(-1px);
}

/* Animations */
@keyframes fadeIn-acb5db2f {
from {
		opacity: 0;
		transform: translateY(10px);
}
to {
		opacity: 1;
		transform: translateY(0);
}
}
section > div[data-v-acb5db2f] {
	animation: fadeIn-acb5db2f 0.3s ease-out;
}

/* Collapse transition */
.collapse-enter-from[data-v-acb5db2f],
.collapse-leave-to[data-v-acb5db2f] {
	max-height: 0;
	opacity: 0;
}
.collapse-enter-to[data-v-acb5db2f],
.collapse-leave-from[data-v-acb5db2f] {
	max-height: 1200px;
	opacity: 1;
}
.collapse-enter-active[data-v-acb5db2f],
.collapse-leave-active[data-v-acb5db2f] {
	transition:
		max-height 320ms cubic-bezier(0.2, 0.8, 0.2, 1),
		opacity 200ms ease;
	overflow: hidden;
}

/* Title badge background and microinteraction */
.section-header[data-v-acb5db2f] {
	background-color: #e5e5e5; /* light indigo */
	color: #111827; /* text color */
	padding: 0.75rem 1rem;
	border-radius: 0.75rem;
	transition:
		transform 160ms ease,
		box-shadow 160ms ease,
		background-color 160ms ease;
}
.section-header[data-v-acb5db2f]:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(79, 70, 229, 0.06);
}
.section-header h2[data-v-acb5db2f] {
	color: #1f2937; /* slightly darker text */
}

/* Chevron rotation */
.rotated[data-v-acb5db2f] {
	transform: rotate(180deg);
	transition: transform 220ms ease;
}
.sr-only[data-v-acb5db2f] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.kpi-card[data-v-c7a5a352] {
  transition: transform .18s cubic-bezier(.2,.9,.3,1), box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
}
.kpi-card[data-v-c7a5a352]:hover,
.kpi-card[data-v-c7a5a352]:focus-within {
  /* minimal vertical movement, stronger shadow for emphasis */
  transform: translateY(-2px);
  box-shadow: 0 28px 80px rgba(2,6,23,0.14);
  border-color: rgba(0,0,0,0.06);
}
.kpi-card .w-10[data-v-c7a5a352] { /* icon container */
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.kpi-card:hover .w-10[data-v-c7a5a352],
.kpi-card:focus-within .w-10[data-v-c7a5a352] {
  /* prefer subtle glow rather than lift */
  transform: none;
  box-shadow: 0 8px 20px rgba(2,6,23,0.12);
  filter: brightness(1.03);
}
.kpi-card[data-v-c7a5a352]:active {
  transform: translateY(-1px);
}

@keyframes float-2f45af97 {
0%,
	100% {
		transform: translateY(0px);
}
50% {
		transform: translateY(-10px);
}
}
.animate-float[data-v-2f45af97] {
	animation: float-2f45af97 3s ease-in-out infinite;
}
.animate-float-delayed[data-v-2f45af97] {
	animation: float-2f45af97 3s ease-in-out infinite;
	animation-delay: 1.5s;
}
@keyframes glow-2f45af97 {
0%,
	100% {
		box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
}
50% {
		box-shadow: 0 0 30px rgba(59, 130, 246, 0.8);
}
}
.animate-glow[data-v-2f45af97] {
	animation: glow-2f45af97 2s ease-in-out infinite;
}
.btn-view-active[data-v-2f45af97] {
	background: var(--fc-primary);
	color: var(--fc-secondary);
	border-radius: var(--fc-radius);
	padding: 0.75rem 1.5rem;
	border: none;
	transition: all 0.3s ease;
	font-family: var(--fc-font-body);
	font-weight: 600;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.5rem;
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(0, 51, 160, 0.3);
}
.btn-view-inactive[data-v-2f45af97] {
	border: 2px solid var(--fc-border);
	color: var(--fc-text-2);
	background-color: var(--fc-surface);
	padding: 0.75rem 1.5rem;
	border-radius: calc(var(--fc-radius) * 1.5);
	transition: all 0.3s ease;
	font-family: var(--fc-font-body);
	font-weight: 600;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.5rem;
	text-decoration: none;
}
.btn-view-inactive[data-v-2f45af97]:hover {
	background-color: var(--fc-bg);
	border-color: var(--fc-primary);
	color: var(--fc-primary);
	transform: translateY(-1px);
	box-shadow: 0 4px 15px rgba(0, 51, 160, 0.1);
}
.btn-primary[data-v-2f45af97] {
	background: var(--fc-primary);
	color: var(--fc-secondary);
	border-radius: var(--fc-radius);
	padding: 0.75rem 1.5rem;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.5rem;
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(0, 51, 160, 0.3);
}
.btn-primary[data-v-2f45af97]:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 51, 160, 0.4);
}
.btn-secondary[data-v-2f45af97] {
	background: var(--fc-secondary);
	color: var(--fc-primary);
	border-radius: var(--fc-radius);
	padding: 0.75rem 1.5rem;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.5rem;
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(27, 54, 93, 0.3);
}
.btn-secondary[data-v-2f45af97]:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(27, 54, 93, 0.4);
}
.btn-outline-primary[data-v-2f45af97] {
	border: 2px solid var(--fc-primary);
	color: var(--fc-primary);
	background: var(--fc-surface);
	border-radius: var(--fc-radius);
	padding: 0.75rem 1.5rem;
	transition: all 0.3s ease;
	font-family: var(--fc-font-body);
	font-weight: 600;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.5rem;
	text-decoration: none;
}
.btn-outline-primary[data-v-2f45af97]:hover {
	background: var(--fc-primary);
	color: var(--fc-secondary);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 51, 160, 0.3);
}
.btn-outline-danger[data-v-2f45af97] {
	border: 2px solid var(--fc-error);
	color: var(--fc-error);
	background: var(--fc-surface);
	border-radius: var(--fc-radius);
	padding: 0.75rem 1.5rem;
	transition: all 0.3s ease;
	font-family: var(--fc-font-body);
	font-weight: 600;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.5rem;
	text-decoration: none;
}
.btn-outline-danger[data-v-2f45af97]:hover {
	background: var(--fc-error);
	color: var(--fc-surface);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(220, 38, 38, 0.3);
}
.btn-toggle[data-v-2f45af97] {
	border: 1px solid var(--fc-border) !important;
	color: var(--fc-text-2) !important;
	background-color: var(--fc-surface) !important;
	border-radius: var(--fc-radius);
	padding: 0.75rem 1rem;
	transition: all 0.3s ease;
	font-family: var(--fc-font-body);
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	gap: 0.5rem;
	min-height: 2rem;
	text-decoration: none;
}
.btn-toggle[data-v-2f45af97]:hover {
	background-color: var(--fc-bg) !important;
}
.btn-active[data-v-2f45af97] {
	background-color: var(--fc-primary) !important;
	color: var(--fc-secondary) !important;
	border: 1px solid var(--fc-primary) !important;
	border-radius: var(--fc-radius);
	padding: 0.75rem 1rem;
	transition: all 0.3s ease;
	font-family: var(--fc-font-body);
	font-weight: 600;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	gap: 0.5rem;
	min-height: 2rem;
	text-decoration: none;
}
.btn-cancel[data-v-2f45af97] {
	background-color: var(--fc-surface);
	color: var(--fc-error);
	border: 1px solid var(--fc-error);
	border-radius: var(--fc-radius);
	padding: 0.5rem 1rem;
	font-family: var(--fc-font-body);
	font-weight: 600;
	transition: all 0.3s ease;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.btn-cancel[data-v-2f45af97]:hover {
	background-color: #fef2f2;
}
.btn-danger[data-v-2f45af97] {
	background-color: var(--fc-error);
	color: var(--fc-surface);
	border-radius: var(--fc-radius);
	padding: 0.5rem 1rem;
	font-family: var(--fc-font-body);
	font-weight: 600;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.btn-danger[data-v-2f45af97]:hover {
	background-color: #b91c1c;
}
.btn-warning[data-v-2f45af97] {
	background-color: var(--fc-warning);
	color: var(--fc-surface);
	border-radius: var(--fc-radius);
	padding: 0.5rem 1rem;
	font-family: var(--fc-font-body);
	font-weight: 600;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.btn-warning[data-v-2f45af97]:hover {
	background-color: #d97706;
}
.btn-icon[data-v-2f45af97] {
	background-color: transparent;
	color: var(--fc-text-2);
	border-radius: var(--fc-radius);
	padding: 0.5rem;
	border: none;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
}
.btn-icon[data-v-2f45af97]:hover {
	color: var(--fc-text);
	background-color: var(--fc-bg);
}

/* Enhanced modal animations */
.modal-fade-enter-active[data-v-2f45af97] {
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-fade-leave-active[data-v-2f45af97] {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.modal-fade-enter-from[data-v-2f45af97] {
	opacity: 0;
	transform: scale(0.9) translateY(-20px);
}
.modal-fade-leave-to[data-v-2f45af97] {
	opacity: 0;
	transform: scale(0.95) translateY(10px);
}

/* Backdrop blur effect */
.modal-fade-enter-from .bg-black[data-v-2f45af97] {
	opacity: 0;
}
.modal-fade-leave-to .bg-black[data-v-2f45af97] {
	opacity: 0;
}

/* Blob animation for hero background */
@keyframes blob-2f45af97 {
0% {
		transform: translate(0px, 0px) scale(1);
}
33% {
		transform: translate(30px, -50px) scale(1.1);
}
66% {
		transform: translate(-20px, 20px) scale(0.9);
}
100% {
		transform: translate(0px, 0px) scale(1);
}
}
.animate-blob[data-v-2f45af97] {
	animation: blob-2f45af97 7s infinite;
}
.animation-delay-2000[data-v-2f45af97] {
	animation-delay: 2s;
}
.animation-delay-4000[data-v-2f45af97] {
	animation-delay: 4s;
}

/* Fade in animations */
@keyframes fade-in-up-2f45af97 {
from {
		opacity: 0;
		transform: translateY(30px);
}
to {
		opacity: 1;
		transform: translateY(0);
}
}
.animate-fade-in-up[data-v-2f45af97] {
	animation: fade-in-up-2f45af97 0.8s ease-out;
}
.animation-delay-200[data-v-2f45af97] {
	animation-delay: 0.2s;
	animation-fill-mode: both;
}
.animation-delay-400[data-v-2f45af97] {
	animation-delay: 0.4s;
	animation-fill-mode: both;
}

/* Content fade-in animation */
.fade-in-up[data-v-2f45af97] {
	animation: fadeInUp-2f45af97 0.6s ease-out;
}
@keyframes fadeInUp-2f45af97 {
from {
		opacity: 0;
		transform: translateY(20px);
}
to {
		opacity: 1;
		transform: translateY(0);
}
}

/* Stagger animation for cards */
.cards-container > div[data-v-2f45af97]:nth-child(1) {
	animation-delay: 0.1s;
}
.cards-container > div[data-v-2f45af97]:nth-child(2) {
	animation-delay: 0.2s;
}
.cards-container > div[data-v-2f45af97]:nth-child(3) {
	animation-delay: 0.3s;
}
.cards-container > div[data-v-2f45af97]:nth-child(4) {
	animation-delay: 0.4s;
}
.cards-container > div[data-v-2f45af97]:nth-child(5) {
	animation-delay: 0.5s;
}
.cards-container > div[data-v-2f45af97]:nth-child(6) {
	animation-delay: 0.6s;
}
.cards-container > div[data-v-2f45af97]:nth-child(7) {
	animation-delay: 0.7s;
}
.cards-container > div[data-v-2f45af97]:nth-child(8) {
	animation-delay: 0.8s;
}
.cards-container > div[data-v-2f45af97]:nth-child(9) {
	animation-delay: 0.9s;
}

/* Pulse animation for selected cards */
.pulse-once[data-v-2f45af97] {
	animation: pulse-2f45af97 0.6s ease-out;
}
@keyframes pulse-2f45af97 {
0%,
	100% {
		transform: scale(1);
}
50% {
		transform: scale(1.05);
}
}

/* Smooth selection state change */
.selection-transition[data-v-2f45af97] {
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Utilidades adicionales */
.line-clamp-2[data-v-2f45af97] {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.gradient-bg[data-v-2f45af97] {
	background: linear-gradient(
		135deg,
		var(--fc-primary) 0%,
		var(--fc-accent) 50%,
		var(--fc-primary) 100%
	);
}
.glass-effect[data-v-2f45af97] {
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

/* Card hover effects mejorados - DISABLED to prevent horizontal overflow */
/*
.cards-container > div {
	position: relative;
	overflow: hidden;
}

.cards-container > div::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(0, 51, 160, 0.05),
		transparent
	);
	transition: left 0.7s;
	z-index: 1;
}

.cards-container > div:hover::before {
	left: 100%;
}

.cards-container > div > * {
	position: relative;
	z-index: 2;
}
*/

/* Mejores sombras */
.shadow-soft[data-v-2f45af97] {
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}
.shadow-strong[data-v-2f45af97] {
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

/* Loading animation mejorada */
@keyframes gentle-pulse-2f45af97 {
0%,
	100% {
		opacity: 1;
		transform: scale(1);
}
50% {
		opacity: 0.8;
		transform: scale(1.05);
}
}
.gentle-pulse[data-v-2f45af97] {
	animation: gentle-pulse-2f45af97 2s ease-in-out infinite;
}
/* Smooth fade/slide transition for cards container */
.cards-fade-enter-active[data-v-2f45af97],
.cards-fade-leave-active[data-v-2f45af97] {
	transition:
		opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.cards-fade-enter-from[data-v-2f45af97],
.cards-fade-leave-to[data-v-2f45af97] {
	opacity: 0;
	transform: translateY(20px);
}
.cards-fade-enter-to[data-v-2f45af97],
.cards-fade-leave-from[data-v-2f45af97] {
	opacity: 1;
	transform: translateY(0);
}

/* Smooth fade/slide transition for session history */
.fade-in-up-slow-enter-active[data-v-2f45af97],
.fade-in-up-slow-leave-active[data-v-2f45af97] {
	transition:
		opacity 0.9s cubic-bezier(0.4, 0, 0.2, 1),
		transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.fade-in-up-slow-enter-from[data-v-2f45af97],
.fade-in-up-slow-leave-to[data-v-2f45af97] {
	opacity: 0;
	transform: translateY(30px);
}
.fade-in-up-slow-enter-to[data-v-2f45af97],
.fade-in-up-slow-leave-from[data-v-2f45af97] {
	opacity: 1;
	transform: translateY(0);
}

/* Tabs Styling - Improved Design */
button[class*="border-b"][data-v-2f45af97] {
	position: relative;
}

/* Badge styling for tabs */
.badge[data-v-2f45af97] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem;
	height: 1.5rem;
	padding: 0 0.5rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
}

/* Loading spinner */
@keyframes spin-2f45af97 {
from {
		transform: rotate(0deg);
}
to {
		transform: rotate(360deg);
}
}
.animate-spin[data-v-2f45af97] {
	animation: spin-2f45af97 1s linear infinite;
}

/* Required CSS for 3D flipping */
.perspective-1000 {
  perspective: 1000px;
}
.transform-style-preserve-3d {
  transform-style: preserve-3d;
}
.backface-hidden {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.rotate-y-180 {
  transform: rotateY(180deg);
}
@media (prefers-reduced-motion: reduce) {
.duration-500 {
    transition-duration: 0.01ms !important;
}
}

.bg-primary[data-v-b48968d6] { background: var(--fc-primary);
}

/* Mobile-specific improvements */
@media (max-width: 640px) {
.line-clamp-2[data-v-b48968d6] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
}

/* Smooth scrolling for mobile */
.overflow-y-auto[data-v-b48968d6] {
  -webkit-overflow-scrolling: touch;
}

/* Better touch targets */
button[data-v-b48968d6] {
  touch-action: manipulation;
}

/* Loading spinner animation */
@keyframes spin-b48968d6 {
to {
    transform: rotate(360deg);
}
}
.animate-spin[data-v-b48968d6] {
  animation: spin-b48968d6 1s linear infinite;
}

/* Modal backdrop blur for better focus */
@media (min-width: 641px) {
.fixed.inset-0[data-v-b48968d6] {
    backdrop-filter: blur(2px);
}
}

.fade-enter-active[data-v-7cc9f140],
.fade-leave-active[data-v-7cc9f140] {
	transition: all 0.2s ease-out;
}
.fade-enter-from[data-v-7cc9f140],
.fade-leave-to[data-v-7cc9f140] {
	opacity: 0;
	transform: translateY(-10px);
}

/* Avatar hover effect */
.avatar-hover[data-v-7cc9f140] {
	transition: transform 0.2s ease-in-out;
}
.avatar-hover[data-v-7cc9f140]:hover {
	transform: scale(1.05);
}

/* Loading animation for avatar */
@keyframes pulse-7cc9f140 {
0%,
	100% {
		opacity: 1;
}
50% {
		opacity: 0.5;
}
}
.animate-pulse[data-v-7cc9f140] {
	animation: pulse-7cc9f140 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Status indicator animation */
.status-indicator[data-v-7cc9f140] {
	animation: fadeIn-7cc9f140 0.3s ease-in-out;
}
@keyframes fadeIn-7cc9f140 {
from {
		opacity: 0;
		transform: scale(0.8);
}
to {
		opacity: 1;
		transform: scale(1);
}
}

/* Mobile menu overlay */
.mobile-menu-overlay[data-v-bfecf6fe] {
	background: rgba(0, 0, 0, 0.5);
}

/* Mobile menu animations */
.mobile-menu-enter-active[data-v-bfecf6fe] {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu-leave-active[data-v-bfecf6fe] {
}
.mobile-menu-enter-from .mobile-menu-content[data-v-bfecf6fe] {
	transform: translateX(-100%);
}
.mobile-menu-leave-to[data-v-bfecf6fe] {
	background: rgba(0, 0, 0, 0);
}
.mobile-menu-leave-to .mobile-menu-content[data-v-bfecf6fe] {
	transform: translateX(-100%);
}
.mobile-menu-content[data-v-bfecf6fe] {
	transform: translateX(0);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rotate-90[data-v-bfecf6fe] {
	transform: rotate(90deg);
}
.transition-transform[data-v-bfecf6fe] {
	transition: transform 0.3s;
}

/* Dropdown menu (scale + fade) */
.menu-enter-active[data-v-bfecf6fe],
.menu-leave-active[data-v-bfecf6fe] {
	transition:
		transform 0.14s ease-out,
		opacity 0.14s ease-out;
}
.menu-enter-from[data-v-bfecf6fe] {
	transform: translateY(-6px) scale(0.98);
	opacity: 0;
}
.menu-enter-to[data-v-bfecf6fe] {
	transform: translateY(0) scale(1);
	opacity: 1;
}
.menu-leave-to[data-v-bfecf6fe] {
	transform: translateY(-4px) scale(0.98);
	opacity: 0;
}
.fade-enter-active[data-v-bfecf6fe],
.fade-leave-active[data-v-bfecf6fe] {
	transition: opacity 0.17s;
}
.fade-enter-from[data-v-bfecf6fe],
.fade-leave-to[data-v-bfecf6fe] {
	opacity: 0;
}

.kpi-card[data-v-4abfebfb] {
  transition: transform .18s cubic-bezier(.2,.9,.3,1), box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
}
.kpi-card[data-v-4abfebfb]:hover,
.kpi-card[data-v-4abfebfb]:focus-within {
  /* minimal vertical movement, stronger shadow for emphasis */
  transform: translateY(-2px);
  box-shadow: 0 28px 80px rgba(2,6,23,0.14);
  border-color: rgba(0,0,0,0.06);
}
.kpi-card .w-10[data-v-4abfebfb] { /* icon container */
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.kpi-card:hover .w-10[data-v-4abfebfb],
.kpi-card:focus-within .w-10[data-v-4abfebfb] {
  /* prefer subtle glow rather than lift */
  transform: none;
  box-shadow: 0 8px 20px rgba(2,6,23,0.12);
  filter: brightness(1.03);
}
.kpi-card[data-v-4abfebfb]:active {
  transform: translateY(-1px);
}

/* Table row hover effect */
tbody tr[data-v-add88401] {
	transition: background-color 0.15s ease;
}

/* Focus styles for accessibility */
button[data-v-add88401]:focus,
input[data-v-add88401]:focus,
select[data-v-add88401]:focus {
	outline: 2px solid #3b82f6;
	outline-offset: 2px;
}

/* Custom breakpoint: switch to desktop layout at >= 960px */
.desktop-960-block[data-v-add88401] { display: none;
}
.desktop-960-hidden[data-v-add88401] { display: block;
}
@media (min-width: 960px) {
.desktop-960-block[data-v-add88401] { display: block !important;
}
.desktop-960-hidden[data-v-add88401] { display: none !important;
}
}

.kpi-card[data-v-3cd64bdc] {
  transition: transform .18s cubic-bezier(.2,.9,.3,1), box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
}
.kpi-card[data-v-3cd64bdc]:hover,
.kpi-card[data-v-3cd64bdc]:focus-within {
  /* minimal vertical movement, stronger shadow for emphasis */
  transform: translateY(-2px);
  box-shadow: 0 28px 80px rgba(2,6,23,0.14);
  border-color: rgba(0,0,0,0.06);
}
.kpi-card .w-10[data-v-3cd64bdc] { /* icon container */
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.kpi-card:hover .w-10[data-v-3cd64bdc],
.kpi-card:focus-within .w-10[data-v-3cd64bdc] {
  /* prefer subtle glow rather than lift */
  transform: none;
  box-shadow: 0 8px 20px rgba(2,6,23,0.12);
  filter: brightness(1.03);
}
.kpi-card[data-v-3cd64bdc]:active {
  transform: translateY(-1px);
}

.animate-fade-in[data-v-12d317e8] {
	animation: fadeIn-12d317e8 0.4s ease-out;
}
@keyframes fadeIn-12d317e8 {
from {
		opacity: 0;
		transform: translateY(10px);
}
to {
		opacity: 1;
		transform: translateY(0);
}
}

.kpi-card[data-v-e7293591] {
  transition: transform .18s cubic-bezier(.2,.9,.3,1), box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
}
.kpi-card[data-v-e7293591]:hover,
.kpi-card[data-v-e7293591]:focus-within {
  /* minimal vertical movement, stronger shadow for emphasis */
  transform: translateY(-2px);
  box-shadow: 0 28px 80px rgba(2,6,23,0.14);
  border-color: rgba(0,0,0,0.06);
}
.kpi-card .w-10[data-v-e7293591] { /* icon container */
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.kpi-card:hover .w-10[data-v-e7293591],
.kpi-card:focus-within .w-10[data-v-e7293591] {
  /* prefer subtle glow rather than lift */
  transform: none;
  box-shadow: 0 8px 20px rgba(2,6,23,0.12);
  filter: brightness(1.03);
}
.kpi-card[data-v-e7293591]:active {
  transform: translateY(-1px);
}

/* Smooth expand animation */
.expand-enter-active[data-v-692de7f0],
.expand-leave-active[data-v-692de7f0] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  max-height: 200px;
  opacity: 1;
  overflow: hidden;
}
.expand-enter-from[data-v-692de7f0],
.expand-leave-to[data-v-692de7f0] {
  max-height: 0;
  opacity: 0;
  margin-top: 0;
}

/* Add at least an empty style block to ensure the file is a valid SFC */

/**
 * UNIVERSITY OF KENTUCKY BRAND GUIDELINES
 * --------------------------------------
 * This component uses global Tailwind UK brand color classes.
 * 
 * Available color utilities:
 * - text-blue-600, bg-uk-wildcat-blue, border-blue-600
 * - text_primary, bg-uk-midnight, border-uk-midnight
 * - text-uk-bluegrass, bg-uk-bluegrass, border-uk-bluegrass
 * - text-uk-limestone, bg-uk-limestone, border-uk-limestone
 * - text-uk-default-gray, bg-uk-cool-neutral, border-uk-cool-neutral
 * - text-uk-black, bg-uk-black, border-uk-black
 * - text-white, bg-white, border-uk-white
 * - text-uk-sunset, bg-uk-sunset, border-uk-sunset
 * - text-uk-goldenrod, bg-uk-goldenrod, border-uk-goldenrod
 * - text-uk-gold, bg-uk-gold, border-uk-gold
 * - text-uk-river, bg-uk-river, border-uk-river
 * - text-uk-sky, bg-uk-sky, border-uk-sky
 * 
 * New UK Brand Components:
 * - .btn-uk-primary - Primary UK branded button
 * - .btn-uk-outline - Outline UK branded button
 * - .card-uk - UK branded card with hover effects
 * - .gradient-uk-blue - UK blue gradient background
 */
[data-v-264c39e4]:root {
	--uk-dark-blue: #00257a; /* Darker variant for hover states */
	--uk-light-blue: #e6edf7; /* Lighter variant for backgrounds */
	--uk-lightest-neutral: #f0f0f0; /* For hover states on light backgrounds */
	--uk-light-neutral: #dddddd; /* For borders */
	--uk-cool-neutral: #666666;
	--uk-accent-green: #00b04f;
	--uk-accent-orange: #ff6600;
	--uk-accent-purple: #8a2be2;
	--uk-error: #d32f2f; /* Standardized error color */
}

/* Gradient backgrounds - will be moved to Tailwind config in future */
.bg-gradient-uk-blue[data-v-264c39e4] {
	background-image: linear-gradient(
		to right,
		#0033A0,
		#1B365D
	);
}

/* Buttons - Legacy classes maintained for backward compatibility */
.btn-primary[data-v-264c39e4] {
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	background-color: #0033A0;
	color: #FFFFFF;
	font-weight: 600;
	transition: all 0.3s;
}
.btn-primary[data-v-264c39e4]:hover {
	background-color: #00257A;
}
.btn-secondary[data-v-264c39e4] {
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	background-color: #B1C9E8;
	color: #FFFFFF;
	font-weight: 600;
	transition: all 0.3s;
}
.btn-secondary[data-v-264c39e4]:hover {
	background-color: #00257A;
}
.btn-outline-primary[data-v-264c39e4] {
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	border: 1px solid #0033A0;
	color: #0033A0;
	font-weight: 600;
	transition: all 0.3s;
}
.btn-outline-primary[data-v-264c39e4]:hover {
	background-color: #E6EDF7;
}
.btn-toggle[data-v-264c39e4] {
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	border: 1px solid #DDDDDD;
	color: #DCDDDE;
	transition: all 0.3s;
}
.btn-toggle[data-v-264c39e4]:hover {
	background-color: #F0F0F0;
}
.btn-active[data-v-264c39e4] {
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	background-color: #0033A0;
	color: #FFFFFF;
	border: 1px solid #0033A0;
	font-weight: 600;
	transition: all 0.3s;
}
.btn-cancel[data-v-264c39e4] {
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	background-color: #FFFFFF;
	color: #D32F2F;
	border: 1px solid #D32F2F;
	font-weight: 600;
	transition: all 0.3s;
}
.btn-cancel[data-v-264c39e4]:hover {
	background-color: #F0F0F0;
}

/* View mode buttons */
.btn-view-active[data-v-264c39e4] {
	padding: 0.5rem 1rem;
	border-radius: var(--fc-radius);
	background-color: #0033A0;
	color: #FFFFFF;
	font-weight: 600;
	border: 2px solid #0033A0;
	transition: all 0.3s;
}
.btn-view-inactive[data-v-264c39e4] {
	padding: 0.5rem 1rem;
	border-radius: var(--fc-radius);
	background-color: #FFFFFF;
	color: #0033A0;
	font-weight: 600;
	border: 2px solid #DDDDDD;
	transition: all 0.3s;
}
.btn-view-inactive[data-v-264c39e4]:hover {
	background-color: #E6EDF7;
	border-color: #0033A0;
}

/* Content fade-in animation */
.fade-in-up[data-v-264c39e4] {
	animation: fadeInUp-264c39e4 0.6s ease-out;
}
@keyframes fadeInUp-264c39e4 {
from {
		opacity: 0;
		transform: translateY(20px);
}
to {
		opacity: 1;
		transform: translateY(0);
}
}

/* Stagger animation for cards */
.cards-container > div[data-v-264c39e4]:nth-child(1) {
	animation-delay: 0.1s;
}
.cards-container > div[data-v-264c39e4]:nth-child(2) {
	animation-delay: 0.2s;
}
.cards-container > div[data-v-264c39e4]:nth-child(3) {
	animation-delay: 0.3s;
}
.cards-container > div[data-v-264c39e4]:nth-child(4) {
	animation-delay: 0.4s;
}
.cards-container > div[data-v-264c39e4]:nth-child(5) {
	animation-delay: 0.5s;
}
.cards-container > div[data-v-264c39e4]:nth-child(6) {
	animation-delay: 0.6s;
}
.cards-container > div[data-v-264c39e4]:nth-child(7) {
	animation-delay: 0.7s;
}
.cards-container > div[data-v-264c39e4]:nth-child(8) {
	animation-delay: 0.8s;
}
.cards-container > div[data-v-264c39e4]:nth-child(9) {
	animation-delay: 0.9s;
}

/* Ensure icons are properly visible */
i[data-v-5cb17bc9] {
	display: inline-block;
	line-height: 1;
	font-weight: 900;
	font-style: normal;
	letter-spacing: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Button icon sizing */
button i[data-v-5cb17bc9] {
	pointer-events: none;
	line-height: inherit;
}

/* Ensure flex items don't collapse */
button[data-v-5cb17bc9] {
	min-width: 0;
}

/* SVG styling for pause button */
svg[data-v-5cb17bc9] {
	stroke: currentColor;
	fill: none;
}

/* Prevent tap highlight on mobile */
button[data-v-5cb17bc9] {
	-webkit-tap-highlight-color: transparent;
}

/* Mobile menu overlay & content */
.mobile-menu-overlay[data-v-5cb17bc9] {
	background: rgba(15, 23, 42, 0.4);
	backdrop-filter: blur(8px);
}
.mobile-menu-content[data-v-5cb17bc9] {
	transform: translateY(0);
	border-top-left-radius: 1.5rem;
	border-top-right-radius: 1.5rem;
}
.pb-safe[data-v-5cb17bc9] {
	padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
}

.nav-btn[data-v-fa891662], .nav-btn-sm[data-v-fa891662] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: 2px solid rgb(229 231 235);
  background: #fff;
  color: rgb(75 85 99);
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
  transition: transform 200ms ease, box-shadow 200ms ease, background-color 200ms ease,
    border-color 200ms ease, color 200ms ease;
}
.nav-btn-sm[data-v-fa891662] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  font-size: 0.875rem;
}
.nav-btn[data-v-fa891662]:hover:not(:disabled), .nav-btn-sm[data-v-fa891662]:hover:not(:disabled) {
  background: rgb(239 246 255);
  border-color: rgb(191 219 254);
  color: rgb(37 99 235);
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.18);
  transform: scale(1.05);
}
.nav-btn[data-v-fa891662]:active:not(:disabled), .nav-btn-sm[data-v-fa891662]:active:not(:disabled) {
  transform: scale(0.95);
}
.nav-btn[data-v-fa891662]:disabled, .nav-btn-sm[data-v-fa891662]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.new-main-btn[data-v-fa891662], .new-main-btn-sm[data-v-fa891662] {
  min-width: 40px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.new-main-btn-sm[data-v-fa891662] {
  min-height: 32px;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  border-radius: 10px;
}

/* Keep button labels on a single line on desktop */
.new-main-btn span[data-v-fa891662],
.nav-btn span[data-v-fa891662] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 14rem;
}
.new-main-btn[data-v-fa891662]:hover {
  transform: scale(1.05);
  box-shadow: 0 16px 28px rgba(15, 23, 42, 0.22);
}
.new-main-btn[data-v-fa891662]:active {
  transform: scale(0.95);
}
.no-scrollbar[data-v-fa891662]::-webkit-scrollbar {
  display: none;
}
.no-scrollbar[data-v-fa891662] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Dark mode button styles */
.dark-btn[data-v-fa891662] {
  background-color: rgb(55, 65, 81);
  border-color: rgb(75, 85, 99);
  color: rgb(209, 213, 219);
}
.dark-btn[data-v-fa891662]:hover:not(:disabled) {
  background-color: rgb(75, 85, 99);
  border-color: rgb(107, 114, 128);
  color: rgb(229, 231, 235);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.3);
  transform: scale(1.05);
}
.dark-btn[data-v-fa891662]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Fade transition for modal */
.fade-enter-active[data-v-fa891662],
.fade-leave-active[data-v-fa891662] {
  transition: opacity 200ms ease;
}
.fade-enter-from[data-v-fa891662],
.fade-leave-to[data-v-fa891662] {
  opacity: 0;
}
.perspective[data-v-f07711b9] {
	perspective: 1100px;
}
.flip-card[data-v-f07711b9] {
	transition: transform 1.2s cubic-bezier(0.4, 2, 0.3, 1);
	transform-style: preserve-3d;
	position: relative;
	min-height: 200px;
	max-height: 95%; /* Use percentage of parent container */
}

/* Auto-adjust min-height on screens with limited vertical space */
@media (max-height: 960px) {
.flip-card[data-v-f07711b9] {
		min-height: auto;
		height: 100%;
		max-height: 100%;
}
}
@media (min-width: 1024px) {
.flip-card[data-v-f07711b9] {
		max-height: none; /* Allow full height on desktop */
}
}
.flipped[data-v-f07711b9] {
	transform: rotateY(180deg);
}
.flip-card-front[data-v-f07711b9],
.flip-card-back[data-v-f07711b9] {
	/* Absolute positioning for proper flip animation */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /* Force both sides to same height as container */
	min-height: 100%; /* Ensure minimum height matches container */
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background: transparent; /* allow utility classes (bg-*) to control colors */
	border-radius: 1rem;
	padding: clamp(0.5rem, 1.5vh, 0.75rem); /* Viewport-aware padding */
}
@media (min-width: 1024px) {
.flip-card-front[data-v-f07711b9],
	.flip-card-back[data-v-f07711b9] {
		padding: 2.5rem; /* More padding for desktop */
		/* Light border and subtle shadow for a modern look */
		border: 1px solid rgba(229, 231, 235, 0.8);
		background: transparent; /* avoid forcing white background so dark mode classes apply */
		backdrop-filter: blur(8px);
		box-shadow:
			0 10px 25px -5px rgba(0, 0, 0, 0.05),
			0 8px 10px -6px rgba(0, 0, 0, 0.05);
		max-height: none;
		overflow-y: visible;
		padding-bottom: clamp(3.5rem, 5vh, 4rem);
		border-radius: 2rem; /* Rounder corners */
}
}
.flip-card-front[data-v-f07711b9] {
	z-index: 2;
	transform: rotateY(0deg);
}
.flip-card-back[data-v-f07711b9] {
	transform: rotateY(180deg);
}
.flipped .flip-card-front[data-v-f07711b9] {
	/* Keep in DOM for height calculation */
	visibility: hidden;
	pointer-events: none;
}
.flipped .flip-card-back[data-v-f07711b9] {
	/* Ensure back face is visible when flipped */
	visibility: visible;
	pointer-events: auto;
}
/* Temporary visibility for measurement */
.flip-card-front.measuring[data-v-f07711b9],
.flip-card-back.measuring[data-v-f07711b9] {
	display: flex !important;
	visibility: visible !important; /* Changed to visible for accurate measurement */
	position: static !important; /* Changed to static for accurate measurement */
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	opacity: 0; /* Hide visually but still measure */
	pointer-events: none;
}

/* Anchor the flip button inside the card so it never appears outside the bordered face */
.flip-anchor[data-v-f07711b9] {
	position: static; /* keep in flow, let absolute .flip-btn resolve to nearest positioned ancestor (the face) */
}
.flip-anchor .flip-btn[data-v-f07711b9] {
	/* Keep button in document flow so it appears below options/confirm */
	position: static;
	left: auto;
	transform: none;
	margin-top: clamp(0.5rem, 1.5vh, 1rem);
	z-index: auto;
}
@keyframes bounce-in-f07711b9 {
0% {
		transform: scale(0.9);
		opacity: 0;
}
50% {
		transform: scale(1.05);
		opacity: 1;
}
100% {
		transform: scale(1);
}
}
.animate-bounce-in[data-v-f07711b9] {
	animation: bounce-in-f07711b9 0.6s ease-out forwards;
}
@keyframes fade-in-f07711b9 {
from {
		opacity: 0;
}
to {
		opacity: 1;
}
}
.animate-fade-in[data-v-f07711b9] {
	animation: fade-in-f07711b9 0.4s ease-out forwards;
}

.perspective[data-v-1fb375c3] {
	perspective: 1100px;
}
.flip-card[data-v-1fb375c3] {
	transition: transform 1.2s cubic-bezier(0.4, 2, 0.3, 1);
	transform-style: preserve-3d;
	position: relative;
	min-height: 200px;
	max-height: 95%; /* Use percentage of parent container */
}

/* Auto-adjust min-height on screens with limited vertical space */
@media (max-height: 960px) {
.flip-card[data-v-1fb375c3] {
		min-height: auto;
		height: 100%;
		max-height: 100%;
}
}
@media (min-width: 1024px) {
.flip-card[data-v-1fb375c3] {
		max-height: none; /* Allow full height on desktop */
}
}
.flipped[data-v-1fb375c3] {
	transform: rotateY(180deg);
}
.flip-card-front[data-v-1fb375c3],
.flip-card-back[data-v-1fb375c3] {
	/* Absolute positioning for proper flip animation */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /* Force both sides to same height as container */
	min-height: 100%; /* Ensure minimum height matches container */
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background: white;
	border-radius: 1rem;
	padding: clamp(0.5rem, 1.5vh, 0.75rem); /* Viewport-aware padding */
}
@media (min-width: 1024px) {
.flip-card-front[data-v-1fb375c3],
	.flip-card-back[data-v-1fb375c3] {
		padding: 2.5rem;
		border: 1px solid rgba(229, 231, 235, 0.8);
		background: rgba(255, 255, 255, 0.95);
		backdrop-filter: blur(8px);
		box-shadow:
			0 10px 25px -5px rgba(0, 0, 0, 0.05),
			0 8px 10px -6px rgba(0, 0, 0, 0.05);
		max-height: none;
		overflow-y: visible;
		padding-bottom: clamp(3.5rem, 5vh, 4rem);
		border-radius: 2rem;
}
}
.flip-card-front[data-v-1fb375c3] {
	z-index: 2;
	transform: rotateY(0deg);
}
.flip-card-back[data-v-1fb375c3] {
	transform: rotateY(180deg);
}
.flipped .flip-card-front[data-v-1fb375c3] {
	/* Keep in DOM for height calculation */
	visibility: hidden;
	pointer-events: none;
}
.flipped .flip-card-back[data-v-1fb375c3] {
	/* Ensure back face is visible when flipped */
	visibility: visible;
	pointer-events: auto;
}
/* Temporary visibility for measurement */
.flip-card-front.measuring[data-v-1fb375c3],
.flip-card-back.measuring[data-v-1fb375c3] {
	display: flex !important;
	visibility: visible !important; /* Changed to visible for accurate measurement */
	position: static !important; /* Changed to static for accurate measurement */
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	opacity: 0; /* Hide visually but still measure */
	pointer-events: none;
}
.icon-btn[data-v-1fb375c3] {
	background: none;
	border: none;
	padding: 0.2em 0.4em;
	border-radius: var(--fc-radius);
	font-size: 1em;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	transition:
		color 0.14s,
		box-shadow 0.2s;
}
.icon-btn[data-v-1fb375c3]:hover:not(:disabled) {
	color: #005daa;
	box-shadow:
		0 0 18px 0 rgba(0, 93, 170, 0.12),
		0 2px 6px 0 rgba(0, 0, 0, 0.04);
}
li[data-selected="true"][data-v-1fb375c3] {
	background: var(--tw-bg-opacity, 1) #e6f0fa;
	border-color: #005daa;
	color: #005daa;
	font-weight: bold;
}
@keyframes bounce-in-1fb375c3 {
0% {
		transform: scale(0.9);
		opacity: 0;
}
50% {
		transform: scale(1.05);
		opacity: 1;
}
100% {
		transform: scale(1);
}
}
.animate-fade-in[data-v-1fb375c3] {
	animation: fade-in 0.4s ease-out forwards;
}
/* Anchor the flip button inside the card so it never appears outside the bordered face */
.flip-anchor[data-v-1fb375c3] {
	position: static; /* keep in flow, let absolute .flip-btn resolve to nearest positioned ancestor (the face) */
}
.flip-anchor .flip-btn[data-v-1fb375c3] {
	/* Keep button in document flow so it sits below options/confirm button */
	position: static;
	left: auto;
	transform: none;
	margin-top: clamp(0.5rem, 1.5vh, 1rem);
	z-index: auto;
}

.perspective[data-v-0a8cc167] {
	perspective: 1100px;
}
.flip-card[data-v-0a8cc167] {
	transition: transform 1.2s cubic-bezier(0.4, 2, 0.3, 1);
	transform-style: preserve-3d;
	position: relative;
	min-height: 200px;
	max-height: 95%; /* Use percentage of parent container */
}

/* Auto-adjust min-height on screens with limited vertical space */
@media (max-height: 960px) {
.flip-card[data-v-0a8cc167] {
		min-height: auto;
		height: 100%;
		max-height: 100%;
}
}
@media (min-width: 1024px) {
.flip-card[data-v-0a8cc167] {
		max-height: none; /* Allow full height on desktop */
}
}
.flipped[data-v-0a8cc167] {
	transform: rotateY(180deg);
}
.flip-card-front[data-v-0a8cc167],
.flip-card-back[data-v-0a8cc167] {
	/* Absolute positioning for proper flip animation */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /* Force both sides to same height as container */
	min-height: 100%; /* Ensure minimum height matches container */
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background: white;
	border-radius: 1rem;
	padding: clamp(0.5rem, 1.5vh, 0.75rem); /* Viewport-aware padding */
}
@media (min-width: 1024px) {
.flip-card-front[data-v-0a8cc167],
	.flip-card-back[data-v-0a8cc167] {
		padding: 2.5rem;
		border: 1px solid rgba(229, 231, 235, 0.8);
		background: rgba(255, 255, 255, 0.95);
		backdrop-filter: blur(8px);
		box-shadow:
			0 10px 25px -5px rgba(0, 0, 0, 0.05),
			0 8px 10px -6px rgba(0, 0, 0, 0.05);
		max-height: none;
		overflow-y: visible;
		padding-bottom: clamp(3.5rem, 5vh, 4rem);
		border-radius: 2rem;
}
}
.flip-card-front[data-v-0a8cc167] {
	z-index: 2;
	transform: rotateY(0deg);
}
.flip-card-back[data-v-0a8cc167] {
	transform: rotateY(180deg);
}
.flipped .flip-card-front[data-v-0a8cc167] {
	/* Keep in DOM for height calculation */
	visibility: hidden;
	pointer-events: none;
}
.flipped .flip-card-back[data-v-0a8cc167] {
	/* Ensure back face is visible when flipped */
	visibility: visible;
	pointer-events: auto;
}
/* Temporary visibility for measurement */
.flip-card-front.measuring[data-v-0a8cc167],
.flip-card-back.measuring[data-v-0a8cc167] {
	display: flex !important;
	visibility: visible !important; /* Changed to visible for accurate measurement */
	position: static !important; /* Changed to static for accurate measurement */
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	opacity: 0; /* Hide visually but still measure */
	pointer-events: none;
}

/* Anchor the flip button inside the card so it never appears outside the bordered face */
.flip-anchor[data-v-0a8cc167] {
	position: static; /* keep in flow, let absolute .flip-btn resolve to nearest positioned ancestor (the face) */
}
.flip-anchor .flip-btn[data-v-0a8cc167] {
	/* Keep button in document flow so it appears below options/confirm */
	position: static;
	left: auto;
	transform: none;
	margin-top: clamp(0.5rem, 1.5vh, 1rem);
	z-index: auto;
}
@keyframes bounce-in-0a8cc167 {
0% {
		transform: scale(0.9);
		opacity: 0;
}
50% {
		transform: scale(1.05);
		opacity: 1;
}
100% {
		transform: scale(1);
}
}
.animate-bounce-in[data-v-0a8cc167] {
	animation: bounce-in-0a8cc167 0.6s ease-out forwards;
}
@keyframes fade-in-0a8cc167 {
from {
		opacity: 0;
}
to {
		opacity: 1;
}
}
.animate-fade-in[data-v-0a8cc167] {
	animation: fade-in-0a8cc167 0.4s ease-out forwards;
}

.perspective[data-v-eb7221ce] {
	perspective: 1100px;
}
.flip-card[data-v-eb7221ce] {
	transition: transform 1.2s cubic-bezier(0.4, 2, 0.3, 1);
	transform-style: preserve-3d;
	position: relative;
	min-height: 200px;
	max-height: 95%; /* Use percentage of parent container */
}

/* Auto-adjust min-height on screens with limited vertical space */
@media (max-height: 960px) {
.flip-card[data-v-eb7221ce] {
		min-height: auto;
		height: 100%;
		max-height: 100%;
}
}
@media (min-width: 1024px) {
.flip-card[data-v-eb7221ce] {
		max-height: none; /* Allow full height on desktop */
}
}
.flipped[data-v-eb7221ce] {
	transform: rotateY(180deg);
}
.flip-card-front[data-v-eb7221ce],
.flip-card-back[data-v-eb7221ce] {
	/* Absolute positioning for proper flip animation */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /* Force both sides to same height as container */
	min-height: 100%; /* Ensure minimum height matches container */
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	background: white;
	border-radius: 1rem;
	padding: clamp(0.5rem, 1.5vh, 0.75rem); /* Viewport-aware padding */
}
@media (min-width: 1024px) {
.flip-card-front[data-v-eb7221ce],
	.flip-card-back[data-v-eb7221ce] {
		padding: 2.5rem;
		border: 1px solid rgba(229, 231, 235, 0.8);
		background: rgba(255, 255, 255, 0.95);
		backdrop-filter: blur(8px);
		box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05),
					0 8px 10px -6px rgba(0, 0, 0, 0.05);
		max-height: none;
		overflow-y: visible;
		padding-bottom: clamp(3.5rem, 5vh, 4rem);
		border-radius: 2rem;
}
}
.flip-card-front[data-v-eb7221ce] {
	z-index: 2;
	transform: rotateY(0deg);
}
.flip-card-back[data-v-eb7221ce] {
	transform: rotateY(180deg);
}
.flipped .flip-card-front[data-v-eb7221ce] {
	/* Keep in DOM for height calculation */
	visibility: hidden;
	pointer-events: none;
}
.flipped .flip-card-back[data-v-eb7221ce] {
	/* Ensure back face is visible when flipped */
	visibility: visible;
	pointer-events: auto;
}
/* Temporary visibility for measurement */
.flip-card-front.measuring[data-v-eb7221ce],
.flip-card-back.measuring[data-v-eb7221ce] {
	display: flex !important;
	visibility: visible !important; /* Changed to visible for accurate measurement */
	position: static !important; /* Changed to static for accurate measurement */
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	opacity: 0; /* Hide visually but still measure */
	pointer-events: none;
}

/* Anchor the flip button inside the card so it never appears outside the bordered face */
.flip-anchor[data-v-eb7221ce] {
	position: static; /* keep in flow, let absolute .flip-btn resolve to nearest positioned ancestor (the face) */
}
.flip-anchor .flip-btn[data-v-eb7221ce] {
	/* Keep button in document flow so it appears below options/confirm */
	position: static;
	left: auto;
	transform: none;
	margin-top: clamp(0.5rem, 1.5vh, 1rem);
	z-index: auto;
}
@keyframes fade-in-eb7221ce {
from {
		opacity: 0;
}
to {
		opacity: 1;
}
}
.animate-fade-in[data-v-eb7221ce] {
	animation: fade-in-eb7221ce 0.4s ease-out forwards;
}

/* Button styles (desktop hero toolbar).
   Kept local because StudyToolbar.vue styles are scoped and don't apply here. */
.nav-btn[data-v-f551eab7] {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border: 2px solid rgb(229 231 235);
	background: #fff;
	color: rgb(75 85 99);
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
	transition:
		transform 200ms ease,
		box-shadow 200ms ease,
		background-color 200ms ease,
		border-color 200ms ease,
		color 200ms ease;
}
.nav-btn[data-v-f551eab7]:hover:not(:disabled) {
	background: rgb(239 246 255);
	border-color: rgb(191 219 254);
	color: rgb(37 99 235);
	box-shadow: 0 10px 18px rgba(15, 23, 42, 0.18);
	transform: scale(1.05);
}
.nav-btn[data-v-f551eab7]:active:not(:disabled) {
	transform: scale(0.95);
}
.nav-btn[data-v-f551eab7]:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.new-main-btn[data-v-f551eab7] {
	min-width: 40px;
	min-height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	font-weight: 700;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
	transition:
		transform 200ms ease,
		box-shadow 200ms ease;
}

/* Keep button labels on a single line on desktop */
.new-main-btn span[data-v-f551eab7],
.nav-btn span[data-v-f551eab7] {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 14rem; /* limits label width to avoid overflow */
}
.new-main-btn[data-v-f551eab7]:hover {
	transform: scale(1.05);
	box-shadow: 0 16px 28px rgba(15, 23, 42, 0.22);
}
.new-main-btn[data-v-f551eab7]:active {
	transform: scale(0.95);
}

/* Override flip animation from child components - softer, less bouncy */
[data-v-f551eab7] .flip-card {
	transition: transform 0.6s ease-in-out !important;
}

/* Ensure both faces are always rendered during flip to prevent disappearing */
[data-v-f551eab7] .flip-card-front,[data-v-f551eab7] .flip-card-back {
	backface-visibility: hidden !important;
	-webkit-backface-visibility: hidden !important;
}

/* Keep the front face visible during the first half of flip */
[data-v-f551eab7] .flipped .flip-card-front {
	visibility: visible !important;
}

/* Transition for floating flip button */
.flip-button-enter-active[data-v-f551eab7],
.flip-button-leave-active[data-v-f551eab7] {
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.flip-button-enter-from[data-v-f551eab7] {
	opacity: 0;
	transform: translate(100%, 100%) scale(0.8);
}
.flip-button-leave-to[data-v-f551eab7] {
	opacity: 0;
	transform: translate(100%, 100%) scale(0.8);
}
.flip-button-enter-to[data-v-f551eab7],
.flip-button-leave-from[data-v-f551eab7] {
	opacity: 1;
	transform: translate(0, 0) scale(1);
}

/* Custom scrollbar for desktop */
@media (min-width: 1024px) {
.scrollbar-thin[data-v-f551eab7]::-webkit-scrollbar {
		width: 8px;
		height: 8px;
}
.scrollbar-thin[data-v-f551eab7]::-webkit-scrollbar-track {
		background: transparent;
		border-radius: 4px;
}
.scrollbar-thin[data-v-f551eab7]::-webkit-scrollbar-thumb {
		background: #cbd5e1;
		border-radius: 4px;
		-webkit-transition: background 0.2s;
		transition: background 0.2s;
}
.scrollbar-thin[data-v-f551eab7]::-webkit-scrollbar-thumb:hover {
		background: #94a3b8;
}
}

/* Shadow-3xl custom (más prominente que shadow-2xl) */
@media (min-width: 1024px) {
.hover\:lg\:shadow-3xl[data-v-f551eab7]:hover {
		box-shadow:
			0 35px 60px -15px rgba(0, 0, 0, 0.15),
			0 20px 35px -10px rgba(0, 0, 0, 0.1);
}
}

/* Mejorar transiciones de modales en desktop */
@media (min-width: 1024px) {
.fade-enter-active[data-v-f551eab7],
	.fade-leave-active[data-v-f551eab7] {
		transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.fade-enter-from[data-v-f551eab7],
	.fade-leave-to[data-v-f551eab7] {
		opacity: 0;
}
}

.chart-container[data-v-d9a5263c] {
	position: relative;
	height: 200px;
	width: 100%;
}

.radial-progress-container[data-v-b6bdbb19] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
}
.radial-progress[data-v-b6bdbb19] {
	--size: 160px;
	--progress: 0;
	--color: var(--v7e1901a2);
	--background: #e5e7eb;
	--stroke-width: 8px;

	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	position: relative;
	background: conic-gradient(
		var(--color) calc(var(--progress) * 1%),
		var(--background) 0
	);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: rotate-b6bdbb19 2s ease-in-out;
}
.radial-progress[data-v-b6bdbb19]::before {
	content: "";
	position: absolute;
	inset: var(--stroke-width);
	border-radius: 50%;
	background: white;
}
.radial-progress-inner[data-v-b6bdbb19] {
	position: relative;
	z-index: 1;
	text-align: center;
}
.radial-progress-number[data-v-b6bdbb19] {
	font-size: 2rem;
	font-weight: bold;
	color: var(--color);
	line-height: 1;
}
.radial-progress-text[data-v-b6bdbb19] {
	font-size: 0.75rem;
	color: #6b7280;
	margin-top: 0.25rem;
}
@keyframes rotate-b6bdbb19 {
0% {
		--progress: 0;
}
100% {
		--progress: var(--d5f38f4a);
}
}

.line-chart-container[data-v-45c8705c] {
	width: 100%;
	height: 200px;
}

.spinner[data-v-797295b1] {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 4px solid #ccc;
  border-top: 4px solid #3B82F6;
  border-radius: 50%;
  animation: spin-797295b1 1s linear infinite;
}
@keyframes spin-797295b1 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}

.animate-spin[data-v-435b9f5e] {
	animation: spin-435b9f5e 1s linear infinite;
}
@keyframes spin-435b9f5e {
from {
		transform: rotate(0deg);
}
to {
		transform: rotate(360deg);
}
}

.slide-fade-leave-active[data-v-d56149f1] {
	transition: all 0.2s ease-in;
}
.slide-fade-enter-from[data-v-d56149f1] {
	transform: translateY(-10px);
	opacity: 0;
}
.slide-fade-leave-to[data-v-d56149f1] {
	transform: translateY(10px);
	opacity: 0;
}

/* Animations */
@keyframes shake-d56149f1 {
0%,
	100% {
		transform: translateX(0);
}
10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-5px);
}
20%,
	40%,
	60%,
	80% {
		transform: translateX(5px);
}
}
.animate-shake[data-v-d56149f1] {
	animation: shake-d56149f1 0.5s ease-in-out;
}

/* Hover effects */
.hover\:scale-102[data-v-d56149f1]:hover {
	transform: scale(1.02);
}
.hover\:scale-105[data-v-d56149f1]:hover {
	transform: scale(1.05);
}

/* Focus styles */
select[data-v-d56149f1]:focus,
button[data-v-d56149f1]:focus {
	outline: 2px solid var(--fc-primary);
	outline-offset: 2px;
}

/* Loading animation */
@keyframes pulse-d56149f1 {
0%,
	100% {
		opacity: 1;
}
50% {
		opacity: 0.5;
}
}
.animate-pulse[data-v-d56149f1] {
	animation: pulse-d56149f1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Screen reader only */
.sr-only[data-v-d56149f1] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.tipfade-enter-active[data-v-d1a6482e],
.tipfade-leave-active[data-v-d1a6482e] {
	transition: opacity 0.3s ease;
}
.tipfade-enter-from[data-v-d1a6482e],
.tipfade-leave-to[data-v-d1a6482e] {
	opacity: 0;
}
.prose[data-v-d1a6482e] {
	color: inherit;
}
.prose h1[data-v-d1a6482e],
.prose h2[data-v-d1a6482e],
.prose h3[data-v-d1a6482e],
.prose h4[data-v-d1a6482e],
.prose h5[data-v-d1a6482e],
.prose h6[data-v-d1a6482e] {
	color: #1e3a8a;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: 600;
}
.prose h1[data-v-d1a6482e]:first-child,
.prose h2[data-v-d1a6482e]:first-child,
.prose h3[data-v-d1a6482e]:first-child {
	margin-top: 0;
}
.prose p[data-v-d1a6482e] {
	margin-bottom: 1em;
	line-height: 1.6;
}
.prose ul[data-v-d1a6482e],
.prose ol[data-v-d1a6482e] {
	margin: 1em 0;
	padding-left: 1.5em;
}
.prose ul[data-v-d1a6482e] {
	list-style-type: disc;
}
.prose ol[data-v-d1a6482e] {
	list-style-type: decimal;
}
.prose li[data-v-d1a6482e] {
	margin: 0.25em 0;
}
.prose strong[data-v-d1a6482e] {
	font-weight: 600;
	color: #374151;
}
.prose em[data-v-d1a6482e] {
	font-style: italic;
}
.prose code[data-v-d1a6482e] {
	background-color: #f3f4f6;
	padding: 0.125em 0.25em;
	border-radius: 0.25em;
	font-size: 0.875em;
	color: #1f2937;
}
.prose a[data-v-d1a6482e] {
	color: #2563eb;
	text-decoration: underline;
}
.prose a[data-v-d1a6482e]:hover {
	color: #1d4ed8;
}
.prose blockquote[data-v-d1a6482e] {
	border-left: 4px solid var(--fc-border);
	padding-left: 1em;
	margin: 1em 0;
	font-style: italic;
	color: var(--fc-text-2);
}

.student-badge-card[data-v-57b58944] {
	perspective: 1000px;
	cursor: pointer;
	width: 100%;
	min-height: 240px;
	height: auto;
}
.card-inner[data-v-57b58944] {
	position: relative;
	width: 100%;
	min-height: 240px;
	height: 100%;
	text-align: center;
	transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform-style: preserve-3d;
}

/* Logic controlled via Vue classes, not DOM manipulation */
.student-badge-card.flipped .card-inner[data-v-57b58944] {
	transform: rotateY(180deg);
}
.card-front[data-v-57b58944],
.card-back[data-v-57b58944] {
	position: relative;
	width: 100%;
	min-height: 240px;
	backface-visibility: hidden;
	border-radius: var(--fc-radius, 0.5rem);
	padding: 16px;
	background: var(--fc-surface, #ffffff);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
		0 2px 4px -1px rgba(0, 0, 0, 0.06);
	border: 1px solid var(--fc-border, #e5e7eb);
	display: flex;
	flex-direction: column;
}

/* Background locked state */
.student-badge-card.locked .card-front[data-v-57b58944],
.student-badge-card.locked .card-back[data-v-57b58944] {
	background-color: var(--fc-bg, #f9fafb);
}
.card-back[data-v-57b58944] {
	transform: rotateY(180deg);
	position: absolute;
	inset: 0;
	min-height: 240px;
}

/* Hover effect: Only apply slight rotation if NOT explicitly flipped */
@media (hover: hover) {
.student-badge-card:not(.flipped):hover .card-inner[data-v-57b58944] {
		transform: rotateY(5deg);
}
}

/* Utilities */
.line-clamp-3[data-v-57b58944] {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Custom Scrollbar for details */
.custom-scrollbar[data-v-57b58944]::-webkit-scrollbar {
	width: 4px;
}
.custom-scrollbar[data-v-57b58944]::-webkit-scrollbar-track {
	background: transparent;
}
.custom-scrollbar[data-v-57b58944]::-webkit-scrollbar-thumb {
	background-color: #d1d5db;
	border-radius: 20px;
}

.enrollment-management-container[data-v-8a60f3d1] {
	padding: 20px;
	max-width: 1400px;
	margin: 0 auto;
}
.enrollment-header[data-v-8a60f3d1] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	flex-wrap: wrap;
	gap: 20px;
}
.enrollment-header h1[data-v-8a60f3d1] {
	margin: 0;
	font-size: 28px;
	color: #333;
}
.header-actions[data-v-8a60f3d1] {
	display: flex;
	gap: 15px;
	align-items: center;
	flex-wrap: wrap;
}
.search-box[data-v-8a60f3d1] {
	flex: 1;
	min-width: 250px;
}
.search-input[data-v-8a60f3d1] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	transition: border-color 0.3s;
}
.search-input[data-v-8a60f3d1]:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.action-buttons[data-v-8a60f3d1] {
	display: flex;
	gap: 10px;
}
.enrollment-filters[data-v-8a60f3d1] {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
	flex-wrap: wrap;
	align-items: center;
}
.filter-select[data-v-8a60f3d1] {
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	background-color: white;
	min-width: 200px;
	transition: border-color 0.3s;
}
.filter-select[data-v-8a60f3d1]:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.results-summary[data-v-8a60f3d1] {
	color: #666;
	font-size: 14px;
}
.btn[data-v-8a60f3d1] {
	padding: 8px 16px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
}
.btn-primary[data-v-8a60f3d1] {
	background-color: #007bff;
	color: white;
}
.btn-primary[data-v-8a60f3d1]:hover:not(:disabled) {
	background-color: #0056b3;
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-success[data-v-8a60f3d1] {
	background-color: #28a745;
	color: white;
}
.btn-success[data-v-8a60f3d1]:hover:not(:disabled) {
	background-color: #218838;
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-secondary[data-v-8a60f3d1] {
	background-color: #6c757d;
	color: white;
}
.btn-secondary[data-v-8a60f3d1]:hover:not(:disabled) {
	background-color: #545b62;
}
.btn-danger[data-v-8a60f3d1] {
	background-color: #dc3545;
	color: white;
}
.btn-danger[data-v-8a60f3d1]:hover:not(:disabled) {
	background-color: #c82333;
}
.btn-sm[data-v-8a60f3d1] {
	padding: 4px 8px;
	font-size: 12px;
}
.btn[data-v-8a60f3d1]:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
}
.btn-spinner[data-v-8a60f3d1] {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin-8a60f3d1 0.6s linear infinite;
	margin-right: 6px;
	vertical-align: middle;
}
.loading-spinner[data-v-8a60f3d1] {
	text-align: center;
	padding: 40px;
	font-size: 16px;
	color: #666;
}
.spinner[data-v-8a60f3d1] {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #007bff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin-8a60f3d1 1s linear infinite;
	margin: 0 auto 10px;
}
.loading-spinner-small[data-v-8a60f3d1] {
	text-align: center;
	padding: 20px;
	font-size: 14px;
	color: #666;
}
.spinner-small[data-v-8a60f3d1] {
	border: 3px solid #f3f3f3;
	border-top: 3px solid #007bff;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	animation: spin-8a60f3d1 1s linear infinite;
	margin: 0 auto 8px;
}
@keyframes spin-8a60f3d1 {
0% {
		transform: rotate(0deg);
}
100% {
		transform: rotate(360deg);
}
}
.alert[data-v-8a60f3d1] {
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.alert-danger[data-v-8a60f3d1] {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}
.alert-success[data-v-8a60f3d1] {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}
.close-alert[data-v-8a60f3d1] {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: inherit;
	padding: 0;
	margin-left: 10px;
	transition: opacity 0.3s;
}
.close-alert[data-v-8a60f3d1]:hover {
	opacity: 0.7;
}
.enrollments-table-wrapper[data-v-8a60f3d1] {
	overflow-x: auto;
	margin-bottom: 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.enrollments-table[data-v-8a60f3d1] {
	width: 100%;
	border-collapse: collapse;
	background-color: white;
}
.enrollments-table thead[data-v-8a60f3d1] {
	background-color: #f8f9fa;
	border-bottom: 2px solid #dee2e6;
}
.enrollments-table th[data-v-8a60f3d1] {
	padding: 12px;
	text-align: left;
	font-weight: 600;
	color: #333;
	white-space: nowrap;
}
.enrollments-table td[data-v-8a60f3d1] {
	padding: 12px;
	border-bottom: 1px solid #dee2e6;
}
.enrollment-row[data-v-8a60f3d1] {
	transition: background-color 0.2s;
}
.enrollment-row[data-v-8a60f3d1]:hover {
	background-color: #f9f9f9;
}
.actions-cell[data-v-8a60f3d1] {
	display: flex;
	gap: 8px;
	white-space: nowrap;
}
.actions-header[data-v-8a60f3d1] {
	text-align: center;
}
.text-center[data-v-8a60f3d1] {
	text-align: center;
	color: #999;
	padding: 40px 12px;
	font-style: italic;
}
.pagination[data-v-8a60f3d1] {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin-top: 20px;
}
.pagination-info[data-v-8a60f3d1] {
	font-size: 14px;
	color: #666;
}
.modal-overlay[data-v-8a60f3d1] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 20px;
}
.modal[data-v-8a60f3d1] {
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	max-width: 500px;
	width: 100%;
	max-height: 90vh;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}
.modal-sm[data-v-8a60f3d1] {
	max-width: 400px;
}
.modal-header[data-v-8a60f3d1] {
	padding: 20px;
	border-bottom: 1px solid #dee2e6;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
}
.modal-header h2[data-v-8a60f3d1] {
	margin: 0;
	font-size: 20px;
	color: #333;
}
.close-btn[data-v-8a60f3d1] {
	background: none;
	border: none;
	font-size: 28px;
	cursor: pointer;
	color: #999;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.3s;
}
.close-btn[data-v-8a60f3d1]:hover {
	color: #333;
}
.modal-body[data-v-8a60f3d1] {
	padding: 20px;
	flex: 1;
	overflow-y: auto;
}
.form-group[data-v-8a60f3d1] {
	margin-bottom: 20px;
}
.form-group label[data-v-8a60f3d1] {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	color: #333;
}
.form-control[data-v-8a60f3d1] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	font-family: inherit;
	transition: border-color 0.3s;
}
.form-control[data-v-8a60f3d1]:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.form-control[data-v-8a60f3d1]:disabled {
	background-color: #f5f5f5;
	cursor: not-allowed;
}
.form-text[data-v-8a60f3d1] {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #999;
}
.import-results[data-v-8a60f3d1] {
	background-color: #f8f9fa;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.import-results p[data-v-8a60f3d1] {
	margin: 5px 0;
}
.import-errors[data-v-8a60f3d1] {
	background-color: #fff3cd;
	border: 1px solid #ffc107;
	border-radius: 4px;
	padding: 10px;
	margin-top: 10px;
}
.import-errors ul[data-v-8a60f3d1] {
	margin: 10px 0 0 0;
	padding-left: 20px;
}
.import-errors li[data-v-8a60f3d1] {
	font-size: 12px;
	color: #856404;
	margin: 5px 0;
}
.delete-info[data-v-8a60f3d1] {
	background-color: #f8f9fa;
	padding: 15px;
	border-radius: 4px;
	margin-top: 15px;
	border-left: 3px solid #dc3545;
}
.modal-footer[data-v-8a60f3d1] {
	padding: 20px;
	border-top: 1px solid #dee2e6;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	flex-shrink: 0;
}

/* Animations */
.fade-enter-active[data-v-8a60f3d1],
.fade-leave-active[data-v-8a60f3d1] {
	transition: opacity 0.3s;
}
.fade-enter-from[data-v-8a60f3d1],
.fade-leave-to[data-v-8a60f3d1] {
	opacity: 0;
}
.modal-enter-active[data-v-8a60f3d1] {
	transition: all 0.3s ease;
}
.modal-leave-active[data-v-8a60f3d1] {
	transition: all 0.2s ease;
}
.modal-enter-from .modal[data-v-8a60f3d1],
.modal-leave-to .modal[data-v-8a60f3d1] {
	transform: scale(0.9);
	opacity: 0;
}
.modal-enter-from[data-v-8a60f3d1],
.modal-leave-to[data-v-8a60f3d1] {
	opacity: 0;
}

/* Responsive */
@media (max-width: 768px) {
.enrollment-management-container[data-v-8a60f3d1] {
		padding: 15px;
}
.enrollment-header[data-v-8a60f3d1] {
		flex-direction: column;
		align-items: flex-start;
}
.enrollment-header h1[data-v-8a60f3d1] {
		font-size: 22px;
}
.header-actions[data-v-8a60f3d1] {
		flex-direction: column;
		width: 100%;
}
.search-box[data-v-8a60f3d1] {
		width: 100%;
}
.action-buttons[data-v-8a60f3d1] {
		width: 100%;
		flex-wrap: wrap;
}
.action-buttons button[data-v-8a60f3d1] {
		flex: 1;
		min-width: calc(50% - 5px);
}
.enrollment-filters[data-v-8a60f3d1] {
		flex-direction: column;
		align-items: stretch;
}
.filter-select[data-v-8a60f3d1] {
		width: 100%;
}
.results-summary[data-v-8a60f3d1] {
		text-align: center;
}
.enrollments-table[data-v-8a60f3d1] {
		font-size: 12px;
}
.enrollments-table th[data-v-8a60f3d1],
	.enrollments-table td[data-v-8a60f3d1] {
		padding: 8px 6px;
}
.actions-cell[data-v-8a60f3d1] {
		flex-direction: column;
		gap: 4px;
}
.actions-cell .btn-sm[data-v-8a60f3d1] {
		width: 100%;
}
.modal[data-v-8a60f3d1] {
		margin: 10px;
		max-height: calc(100vh - 20px);
}
.modal-header h2[data-v-8a60f3d1] {
		font-size: 18px;
}
.pagination[data-v-8a60f3d1] {
		flex-wrap: wrap;
}
}
@media (max-width: 480px) {
.enrollment-header h1[data-v-8a60f3d1] {
		font-size: 18px;
}
.action-buttons button[data-v-8a60f3d1] {
		min-width: 100%;
}
.enrollments-table[data-v-8a60f3d1] {
		font-size: 11px;
}
.enrollments-table th[data-v-8a60f3d1],
	.enrollments-table td[data-v-8a60f3d1] {
		padding: 6px 4px;
}
}

/* Custom styles if needed, though Tailwind covers most */
@media (prefers-reduced-motion: reduce) {
.transition-all[data-v-4c3fe283] {
		transition: none !important;
}
.animate-pulse[data-v-4c3fe283] {
		animation: none !important;
}
}

.student-badge-card.locked .card-front[data-v-9d79d8a3],
.student-badge-card.locked .card-back[data-v-9d79d8a3] {
  background-color: var(--fc-bg);
}
.student-badge-card[data-v-9d79d8a3] {
  perspective: 1000px;
  cursor: pointer;
  width: 100%;
  height: 260px;
}
.card-inner[data-v-9d79d8a3] {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-style: preserve-3d;
}
.student-badge-card.flipped .card-inner[data-v-9d79d8a3] {
  transform: rotateY(180deg);
}
.badge-flipped .card-inner[data-v-9d79d8a3] {
  transform: rotateY(180deg);
}
.card-front[data-v-9d79d8a3],
.card-back[data-v-9d79d8a3] {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: var(--fc-radius);
  padding: 16px;
  background: var(--fc-surface);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card-back[data-v-9d79d8a3] {
  transform: rotateY(180deg);
}
.student-badge-card:hover .card-inner[data-v-9d79d8a3] {
  transform: rotateY(5deg);
}
.student-badge-card[data-v-9d79d8a3]:focus {
  outline: 3px solid rgba(99,102,241,0.15);
  outline-offset: 4px;
}
.student-badge-card.flipped:hover .card-inner[data-v-9d79d8a3] {
  transform: rotateY(175deg);
}

/* .line-clamp-3 copied from BadgeStudentCard not necessary here */

/* Collapse transition and header styles for Progress by set */
.collapse-enter-from[data-v-9d79d8a3],
.collapse-leave-to[data-v-9d79d8a3] {
  max-height: 0;
  opacity: 0;
}
.collapse-enter-to[data-v-9d79d8a3],
.collapse-leave-from[data-v-9d79d8a3] {
  max-height: 1200px;
  opacity: 1;
}
.collapse-enter-active[data-v-9d79d8a3],
.collapse-leave-active[data-v-9d79d8a3] {
  transition: max-height 320ms cubic-bezier(.2,.8,.2,1), opacity 200ms ease;
  overflow: hidden;
}
.section-header[data-v-9d79d8a3] {
  background-color: #eef2ff; /* light indigo */
  color: #111827; /* text color */
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.section-header[data-v-9d79d8a3]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(79,70,229,0.06);
}
.section-header h2[data-v-9d79d8a3] {
  color: #1f2937;
}
.rotated[data-v-9d79d8a3] {
  transform: rotate(180deg);
  transition: transform 220ms ease;
}
.sr-only[data-v-9d79d8a3] { 
  position: absolute; 
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0,0,0,0); 
  white-space: nowrap; 
  border: 0;
}

/* Dashboard hero tweaks for small screens */
.dashboard-hero[data-v-9d79d8a3] {
  overflow: hidden;
}
@media (max-width: 640px) {
.dashboard-hero[data-v-9d79d8a3] {
    margin-bottom: 1.5rem; /* reduce vertical spacing */
    border-radius: 1rem;
}
.dashboard-hero .bg-hero-gradient[data-v-9d79d8a3] {
    border-radius: inherit;
}
.dashboard-hero h1[data-v-9d79d8a3] {
    line-height: 1.05;
}
}

.quick-option[data-v-9d79d8a3] {
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  will-change: transform;
}
.quick-option[data-v-9d79d8a3]:hover,
.quick-option[data-v-9d79d8a3]:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(2,6,23,0.08);
  border-color: var(--fc-primary);
}
.quick-option[data-v-9d79d8a3]:focus-visible {
  outline: 3px solid rgba(0,0,0,0.04);
  outline-offset: 2px;
}

.kpi-card[data-v-9d79d8a3] {
  transition: transform .18s cubic-bezier(.2,.9,.3,1), box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
}
.kpi-card[data-v-9d79d8a3]:hover,
.kpi-card[data-v-9d79d8a3]:focus-within {
  /* minimal vertical movement, stronger shadow for emphasis */
  transform: translateY(-2px);
  box-shadow: 0 28px 80px rgba(2,6,23,0.14);
  border-color: rgba(0,0,0,0.06);
}
.kpi-card .w-10[data-v-9d79d8a3] { /* icon container */
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.kpi-card:hover .w-10[data-v-9d79d8a3],
.kpi-card:focus-within .w-10[data-v-9d79d8a3] {
  /* prefer subtle glow rather than lift */
  transform: none;
  box-shadow: 0 8px 20px rgba(2,6,23,0.12);
  filter: brightness(1.03);
}
.kpi-card[data-v-9d79d8a3]:active {
  transform: translateY(-1px);
}

.fade-enter-active[data-v-4dedab46],
.fade-leave-active[data-v-4dedab46] {
	transition: opacity 0.2s;
}
.fade-enter-from[data-v-4dedab46],
.fade-leave-to[data-v-4dedab46] {
	opacity: 0;
}

/* Smooth transitions */
.slide-enter-active[data-v-35babe01],
.slide-leave-active[data-v-35babe01] {
	transition: all 0.3s ease;
}
.slide-enter-from[data-v-35babe01],
.slide-leave-to[data-v-35babe01] {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
}
.slide-enter-to[data-v-35babe01],
.slide-leave-from[data-v-35babe01] {
	max-height: 500px;
	opacity: 1;
}

/* Fade transition for modals */
.fade-enter-active[data-v-35babe01],
.fade-leave-active[data-v-35babe01] {
	transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-35babe01],
.fade-leave-to[data-v-35babe01] {
	opacity: 0;
}

/* Table optimizations */
table[data-v-35babe01] {
	table-layout: fixed;
	width: 100%;
}
td[data-v-35babe01] {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Sorting icon animations */
.fa-sort-up[data-v-35babe01],
.fa-sort-down[data-v-35babe01] {
	transition: transform 0.2s ease;
}
th:hover .fa-sort[data-v-35babe01] {
	opacity: 1;
}
.fa-sort[data-v-35babe01] {
	opacity: 0.5;
	transition: opacity 0.2s ease;
}
.autocomplete-dropdown[data-v-35babe01] {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
		0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* Quill styles are imported globally via quill/dist/quill.snow.css */

.quill-editor-container[data-v-2a2c5ae1] {
	width: 100%;
	margin-top: 0.5rem;
	display: flex;
	flex-direction: column;
}
.quill-editor-wrapper[data-v-2a2c5ae1] {
	border: 1px solid var(--fc-border);
	border-radius: var(--fc-radius);
	overflow: hidden;
	background: white;
	transition: border-color 0.15s ease;
	display: flex;
	flex-direction: column;
	font-family: inherit;
}
.quill-editor-wrapper[data-v-2a2c5ae1]:focus-within {
	border-color: #3b82f6;
}
[data-v-2a2c5ae1] .ql-container.ql-snow,[data-v-2a2c5ae1] .ql-toolbar.ql-snow {
	border: none !important;
}
[data-v-2a2c5ae1] .ql-container.ql-snow {
	border-top: 1px solid var(--fc-border) !important;
}
.quill-editor-wrapper.has-error[data-v-2a2c5ae1] {
	border-color: #ef4444;
}
.quill-editor-wrapper.has-error[data-v-2a2c5ae1]:focus-within {
	border-color: #ef4444;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}
.quill-editor-instance[data-v-2a2c5ae1] {
	border: none !important;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-toolbar {
	border: none !important;
	border-bottom: 1px solid var(--fc-border) !important;
	background: var(--fc-bg);
	padding: 0.5rem;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-container {
	border: none !important;
	font-size: 1rem;
	line-height: 1.5;
	font-family: inherit;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor {
	padding: 0.75rem 1rem;
	min-height: inherit;
	color: #374151;
	font-size: 1rem;
	line-height: 1.5;
	font-family: inherit;
	font-weight: 400;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor.ql-blank::before {
	color: #9ca3af;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.5;
	font-family: inherit;
	font-weight: 400;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor:focus {
	outline: none;
}

/* Disabled state */
.quill-editor-instance[readonly][data-v-2a2c5ae1] .ql-toolbar {
	background: var(--fc-bg);
	pointer-events: none;
}
.quill-editor-instance[readonly][data-v-2a2c5ae1] .ql-editor {
	background: var(--fc-bg);
	color: var(--fc-text-2);
	cursor: not-allowed;
	font-family: inherit;
}

/* Toolbar button styles */
.quill-editor-instance[data-v-2a2c5ae1] .ql-toolbar .ql-picker-label {
	color: var(--fc-text-2);
	font-family: inherit;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-toolbar .ql-picker-label:hover {
	color: #374151;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-toolbar button {
	color: var(--fc-text-2);
	border-radius: 0.25rem;
	transition: all 0.15s ease;
	font-family: inherit;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-toolbar button:hover {
	color: #374151;
	background: white;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-toolbar button.ql-active {
	color: #3b82f6;
}

/* Content styling to match form inputs */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h1,
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h2,
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h3 {
	font-family: inherit;
	font-weight: 600;
	color: #374151;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h1 {
	font-size: 1.5rem;
	line-height: 1.4;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h2 {
	font-size: 1.25rem;
	line-height: 1.4;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h3 {
	font-size: 1.125rem;
	line-height: 1.4;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor p {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor strong {
	font-weight: 600;
	font-family: inherit;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor em {
	font-style: italic;
	font-family: inherit;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor ul,
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor ol {
	font-family: inherit;
	padding-left: 1.5rem;
	margin-bottom: 0.5rem;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor li {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 0.25rem;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor a {
	color: #3b82f6;
	text-decoration: underline;
	font-family: inherit;
}

/* Blockquote styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor blockquote {
	border-left: 4px solid #3b82f6;
	padding-left: 1rem;
	margin: 1rem 0;
	color: #6b7280;
	font-style: italic;
	font-family: inherit;
}

/* Code block styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor pre.ql-syntax {
	background-color: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 0.375rem;
	padding: 1rem;
	margin: 1rem 0;
	overflow-x: auto;
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.875rem;
	line-height: 1.5;
}

/* Inline code styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor code {
	background-color: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 0.25rem;
	padding: 0.125rem 0.375rem;
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.875rem;
}

/* Table styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor table {
	border-collapse: collapse;
	margin: 1rem 0;
	width: 100%;
	border: 1px solid #e5e7eb;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor table td,
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor table th {
	border: 1px solid #e5e7eb;
	padding: 0.5rem;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor table th {
	background-color: #f9fafb;
	font-weight: 600;
}

/* Image styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor img {
	max-width: 100%;
	height: auto;
	border-radius: 0.375rem;
	margin: 1rem 0;
}

/* Video styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor iframe {
	max-width: 100%;
	border-radius: 0.375rem;
	margin: 1rem 0;
}

/* Subscript and superscript */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor sub,
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor sup {
	font-size: 0.75em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor sup {
	top: -0.5em;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor sub {
	bottom: -0.25em;
}

/* Underline styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor u {
	text-decoration: underline;
}

/* Strike through styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor s {
	text-decoration: line-through;
}

/* H4, H5, H6 styling */
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h4 {
	font-size: 1rem;
	font-weight: 600;
	color: #374151;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-family: inherit;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h5 {
	font-size: 0.875rem;
	font-weight: 600;
	color: #374151;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-family: inherit;
}
.quill-editor-instance[data-v-2a2c5ae1] .ql-editor h6 {
	font-size: 0.75rem;
	font-weight: 600;
	color: #374151;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-family: inherit;
}
[data-v-2a2c5ae1]::deep(.ql-editor) {
	min-height: 189px;
}
.error-message[data-v-2a2c5ae1] {
	color: #ef4444;
	font-size: 0.875rem;
	margin-top: 0.5rem;
}
.hint-message[data-v-2a2c5ae1] {
	color: var(--fc-text-2);
	font-size: 0.875rem;
	margin-top: 0.5rem;
}
.tipfade-enter-active[data-v-2a2c5ae1],
.tipfade-leave-active[data-v-2a2c5ae1] {
	transition: opacity 0.2s;
}
.tipfade-enter-from[data-v-2a2c5ae1],
.tipfade-leave-to[data-v-2a2c5ae1] {
	opacity: 0;
}

/* Modal transition */
.modal-enter-active[data-v-2a2c5ae1],
.modal-leave-active[data-v-2a2c5ae1] {
	transition: opacity 0.3s ease;
}
.modal-enter-active .bg-white[data-v-2a2c5ae1],
.modal-leave-active .bg-white[data-v-2a2c5ae1] {
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.modal-enter-from[data-v-2a2c5ae1],
.modal-leave-to[data-v-2a2c5ae1] {
	opacity: 0;
}
.modal-enter-from .bg-white[data-v-2a2c5ae1],
.modal-leave-to .bg-white[data-v-2a2c5ae1] {
	transform: scale(0.95);
	opacity: 0;
}

/* Source textarea styling */
.source-html-textarea[data-v-2a2c5ae1] {
	font-family: 'Courier New', Courier, monospace;
	-o-tab-size: 2;
	   tab-size: 2;
	-moz-tab-size: 2;
	white-space: pre;
	overflow-wrap: normal;
	overflow-x: auto;
}

/* Ensure breadcrumbs don't break layout */
nav[data-v-49b65631] {
	min-height: 2.5rem;
}

/* Scoped styles if needed */
:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-colored:#ddd}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translate3d(0,0,var(--toastify-z-index) px);width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px;white-space:pre-wrap}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:var(--toastify-color-progress-colored)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__none{0%,60%,75%,90%,to{animation-duration:0;animation-timing-function:none}0%{opacity:1;transform:translateZ(0)}to{transform:translateZ(0)}}.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right{animation-name:Toastify__none}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}