@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

:root {--primary-blue: #16A2DC;--primary-green: #4CC1BD;--dark-blue: #0a1930;--light-blue: #e6f0ff;--text-gray: #6c757d;--royal-blue:#0F2B62;--pure-white:#fff;--font-Montserrat: "Montserrat", sans-serif;--font-Geist: "Geist", sans-serif;--font-Inter: "Inter", sans-serif;--font-Poppins: "Poppins", sans-serif;--font-hanken-grotesk: "Hanken Grotesk", sans-serif;--charcoal-blue: #0D1B2A;--midnight-slate:#344054;}

/*Heading Font Sizes */
h1 {font-size:24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
h1,h2,h3,h4,h5,h6 {line-height: 1.2;word-break: break-word;margin: 0px;}
p,a,span {line-height: 1.6;word-break: break-word;text-decoration: none;}
ul,ol {margin: 0px;padding: 0px;}
li {font-size: 16px; font-family: "Inter", sans-serif;}
p {margin: 0px;}

#kt_body.app-blank {background: linear-gradient(to right, #78ffd6, #007991);}

/* custom-classes */
.charcoal-blue{color: var(--charcoal-blue);}
.hanken-grotesk{font-family: var(--font-hanken-grotesk);}
.primary-green{color: var(--primary-green);}
.dark-blue{color: var(--dark-blue);}
/* font-weight */
.fw-700{font-weight: 700;}
.fw-600{font-weight: 600;}
.fw-400{font-weight: 400;}
/* Login-Btn */
.login_btn:hover {background: #4cc1bd00;color: #4CC1BD; transition: .3s;}
.gb-login {width: 460px; border-radius: 12px;height: fit-content;margin: auto;}
.login_btn {border-radius: 6px;border: 1.5px solid #99DED6; background: #4CC1BD;box-shadow: 0 0 4.8px 0 rgba(255, 255, 255, 0.25);padding: 10px 24px; color: #fff; font-size: 16px;font-weight: 600;transition: .3s;}
i.fa-eye {color: #717680;}
/* Register-Page */
.form-group .toggle-password {position: absolute;right: 15px;top: 21px;transform: translateY(-50%); cursor: pointer;}
.reset_password .reset_password_card, .register_page .register_card {width: 430px; margin: auto;}
/* Auth Pages Layout */
.auth-page-wrapper {display: flex;flex-direction: column;flex: 1 1 auto;justify-content: center;min-height: 100vh;align-items: center;position: relative;}
.auth-page-container {display: flex;flex: 1 1 auto;justify-content: center;padding: 0 3rem;width: 100%;align-items: center;}
.auth-card {background: var(--pure-white);display: flex;flex-direction: column;align-items: stretch;justify-content: center;border-radius: 1rem;padding: 3rem;width: 100%;max-width: 430px;margin: 0 auto;}
.auth-form-wrapper {display: flex;justify-content: center;flex-direction: column;flex: 1 1 auto;}
.auth-form {width: 100%;}
/* Spacing Utilities */
.auth-logo-section {text-align: center;margin-bottom: 2.75rem;}
.auth-logo {margin-bottom: 1.25rem;}
.auth-title {margin-bottom: 0.75rem;}
.form-field {margin-bottom: 1.5rem;}
.form-field-small {margin-bottom: 0.75rem;}
.form-field-large {margin-bottom: 2rem;}
.form-field-extra {margin-bottom: 2.5rem;}
.forgot-password-section {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 2rem;}
.submit-button-section {display: grid;margin-bottom: 2.5rem;}
.auth-link-section {text-align: center;font-weight: 600;font-size: 1rem;}
/* Form Controls */
.form-control {background: transparent;border: 1px solid #e0e0e0;border-radius: 0.5rem;padding: 0.75rem 1rem;width: 100%;}
.form-control:focus {outline: none;border-color: var(--primary-green);box-shadow: 0 0 0 0.2rem rgba(76, 193, 189, 0.25);}
.form-control.is-invalid {border-color: #dc3545; background-image: unset;}
.invalid-feedback {display: block;width: 100%;margin-top: 0.25rem;font-size: 0.875rem;color: #dc3545;}
/* Text Alignment */
.text-center {text-align: center;}
.text-end {text-align: right;}
/* Display Utilities */
.d-none {display: none !important;}
.d-block {display: block !important;}
/* Position */
.position-relative {position: relative;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;appearance: textfield;text-align: center;}
/* SweetAlert Fix - Prevent Layout Shift */
body.swal2-shown {overflow-y: hidden !important;padding-right: 0 !important;}
body.swal2-height-auto {height: 100% !important;}
#kt_app_root {min-height: 100vh;display: flex;flex-direction: column;justify-content: center;width: 100%;}
/* Ensure auth pages stay centered when SweetAlert is open */
.swal2-container {z-index: 9999;}
.auth-page-wrapper {position: relative;z-index: 1;width: 100%;}
/* Prevent body scrollbar shift when SweetAlert opens */
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {overflow: hidden !important;}
body.swal2-shown.swal2-height-auto {height: 100% !important;}
/* Fix for layout shift - maintain scrollbar space */
html.swal2-shown {overflow-y: hidden !important;}
@media (min-width: 992px) {.auth-page-wrapper {flex-direction: row;}.auth-page-container {justify-content: flex-end;padding: 0 5rem;}}