@charset "UTF-8";
/* Inter Family */
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Black.woff2') format('woff2');font-weight: 900;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Light.woff2') format('woff2');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Bold.woff2') format('woff2');font-weight: bold;font-style: normal;font-display: swap;}
/* Poppins Family */
@font-face {font-family: 'Poppins';src: url('../fonts/Poppins-Black.woff2') format('woff2');font-weight: 900;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('../fonts/Poppins-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('../fonts/Poppins-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('../fonts/Poppins-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('../fonts/Poppins-Light.woff2') format('woff2');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('../fonts/Poppins-Bold.woff2') format('woff2');font-weight: bold;font-style: normal;font-display: swap;}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
body {margin: 0;padding:0;font-family: 'Inter', sans-serif;color: #000;height: 100vh;}
.login-page {height: 100vh;display: flex;align-items: center;
background: 
/*linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),*/
linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)),
url('../images/login-bg.png') center center / cover no-repeat; 
background-blend-mode: darken;
}
.login-card {background: rgba(255, 255, 255, 0.65); padding: 25px;width: 400px;height:100vh;
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/}
.login-logo {text-align: center;margin-bottom: 30px;}
.login-logo h2 {color: #09b76b;margin:0 0 20px 0;text-align: center;text-shadow:0px 0px 5px #fff, 0px 0px 8px #fff;}
.login-logo img {max-width: 100%;height: auto;max-height: 80px;object-fit: contain;}
.m-info { margin: 50px 0 30px 0;}
.m-info .welcome{ font-size: 0.6875rem; text-align: center; padding: 0; margin: 0;}
.m-info h4{color: #090889; font-size: 1.25rem; text-align: center; padding: 8px 0; margin: 0;}

input, select {width: 100%;padding: 12px;margin-bottom: 5px;border: none;border-radius: 5px;
background-color: #fff;color: #000;font-size: 14px;border: 1px solid #dadada;
box-sizing: border-box;}
input:focus, select:focus {outline: 1px solid #090889;}
.btn-green {width: 100%;padding: 12px;background-color: #09b76b;color: white;
font-weight: bold;border: none;border-radius: 5px;cursor: pointer;}
.btn-green:hover {background-color: #22C55E;}
.btn-primary {width: 100%;padding: 12px;background-color: #1A237E;color: white;
font-weight: bold;border: none;border-radius: 5px;cursor: pointer;}
.btn-primary:hover {background-color: #090889;}

#loginError { color:#EF4444; font-size: .875rem; font-weight: 600;}

/* Input Group with Icon */
.input-group {position: relative;margin-bottom: 20px;}
.input-icon {position: absolute;top: 42%;left: 14px;transform: translateY(-50%);width: 20px;height: 20px;display: flex;
align-items: center;justify-content: center;pointer-events: none;}
.input-icon i {opacity: 0.8;font-size: 14px;color: #000;}
.input-modern-icon {padding: 12px 12px 12px 44px;}