@font-face {
	font-family: Poppins;
	src: url("media/font/Poppins-Regular.ttf");
}

::-webkit-scrollbar {
	width: 7px;
	height: 5px;
	border-radius: 100%;
}

::-webkit-scrollbar-thumb {
	background-color: #133c69;
	border-radius: 100px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

* {
	font-family: "Poppins", serif;
	outline: none;
}

body {
	margin: 0;
	padding: 0;
}

select option[disabled] {
	display: none;
}

/* ===================== SPLASH SCREEN ===================== */

.splash-screen {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #1f3b68;
	color: #5e6278;
	font-family: Helvetica, "sans-serif";
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	overflow: hidden;
}

.splash-screen::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 40%, rgba(19, 60, 105, 0.12) 0%, transparent 65%);
	pointer-events: none;
}

/* Wrapper — TIDAK pakai opacity 0, langsung tampil */
.splash-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 44px;
	opacity: 1;
	transform: none;
}

/* ===================== LOGO ===================== */

.splash-logo-container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/* .splash-logo-container::after {
	content: 'AUDITHINK';
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 5px;
	color: #133c69;
	opacity: 1;
	margin-top: 14px;
	text-align: center;
	text-shadow: none;
} */

.splash-screen img {
	height: 400px !important;
	width: auto;
	display: block;
	margin: 0;
	position: relative;
	z-index: 1;
	animation: logoPulse 2.8s ease-in-out infinite;
}

.splash-glow {
	position: absolute;
	width: 400px;
	height: 160px;
	background: radial-gradient(ellipse, rgba(19, 60, 105, 0.18) 0%, transparent 70%);
	filter: blur(28px);
	z-index: 0;
	animation: glowPulse 2.8s ease-in-out infinite;
}

/* ===================== PROGRESS BAR ===================== */

.splash-progress-bar {
	width: 280px;
	height: 10px;
	border: 1px solid white;
	background-color: white;
	border-radius: 100px;
	overflow: hidden;
	position: relative;
}

.splash-copy {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	color: white;
}

.splash-progress-fill {
	/* position: absolute; */
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #1f3b68;
	animation: progressSweep 1s ease-in-out 2.2s forwards;
}

/* ===================== DOTS ===================== */

.splash-dots {
	display: flex;
	gap: 8px;
	align-items: center;
}

.splash-dots span {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #f0f2f3;
	opacity: 0.3;
	animation: dotBounce 1.4s ease-in-out infinite;
}

.splash-dots span:nth-child(1) { animation-delay: 0s; }
.splash-dots span:nth-child(2) { animation-delay: 0.2s; }
.splash-dots span:nth-child(3) { animation-delay: 0.4s; }

/* ===================== KEYFRAMES ===================== */

@keyframes logoPulse {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.05);
		opacity: 0.82;
	}
}

@keyframes glowPulse {
	0%, 100% {
		opacity: 0.5;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.25);
	}
}

@keyframes progressSweep {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(100%);
	}
}

@keyframes dotBounce {
	0%, 75%, 100% {
		transform: translateY(0);
		opacity: 0.3;
	}
	40% {
		transform: translateY(-7px);
		opacity: 1;
	}
}

/* ===================== FADE OUT SAAT APP READY ===================== */

.splash-fadeout {
	animation: splashFadeOut 0.5s ease-out forwards;
}

@keyframes splashFadeOut {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.03);
	}
}

/* ===================== HIDDEN ===================== */

.splash-screen.hidden {
	display: none;
}

/* ===================== DARK MODE ===================== */

[data-theme="dark"] .splash-screen {
	background-color: #151521;
	color: #92929f;
}

[data-theme="dark"] .splash-screen::before {
	background: radial-gradient(ellipse at 50% 40%, rgba(30, 95, 168, 0.09) 0%, transparent 70%);
}

[data-theme="dark"] .splash-progress-bar {
	background-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .splash-progress-fill {
	background: linear-gradient(
		90deg,
		transparent 0%,
		#2563a8 35%,
		#4a90d9 65%,
		transparent 100%
	);
}

[data-theme="dark"] .splash-dots span {
	background-color: #4a90d9;
}

[data-theme="dark"] .splash-glow {
	background: radial-gradient(ellipse, rgba(74, 144, 217, 0.22) 0%, transparent 70%);
	width: 400px;
	height: 160px;
	filter: blur(28px);
}

/* ===================== MISC ===================== */

.rct-node {
	border-left: 2px solid #003a97;
}

.rct-text > label {
	width: 100%;
	padding: 5px;
}

.rct-checkbox {
	float: right;
}