/* Login styles are applied in the head, before the first layout. */
.login-page{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;color:#6b7280;overflow-x:hidden}
:where(.login-page) :is(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:700;line-height:1.2;margin-bottom:0}
.login-page img{max-width:100%;vertical-align:middle}
.login-page a{text-decoration:none}
.login-page .btn{font-size:14px;line-height:1.5}
.login-logo{height:45px;width:auto;object-fit:contain}
.mission-brand img{height:28px;object-fit:contain}

		.btn-loading {
			position: relative;
			pointer-events: none;
		}
		.btn-loading .spinner-border {
			width: 1rem;
			height: 1rem;
			margin-right: 0.5rem;
		}
		.toggle-password {
			border: 0;
			background: transparent;
			padding: 8px;
		}
	

		:root {
			--primary-gradient: linear-gradient(135deg, #086bb8 0%, #065999 100%);
			--primary-color: #086bb8;
		}
		
		.tracking-wide {
			letter-spacing: 1px;
		}
		
		/* Right side styling */
		.login-right-bg {
			background-color: #f8f9fa;
		}
		
		.login-card {
			background: white;
			border-radius: 20px;
			box-shadow: 0 10px 40px rgba(0,0,0,0.05);
			padding: 40px !important;
		}
		
		.form-control {
			border: 2px solid #eef2f6;
			padding: 12px 15px;
			height: auto;
			font-size: 15px;
			border-radius: 10px;
			transition: all 0.3s ease;
		}
		
		.form-control:focus {
			border-color: var(--primary-color);
			box-shadow: 0 0 0 4px rgba(8, 107, 184, 0.1);
		}
		
		.input-group-text {
			background: #f8f9fa;
			border: 2px solid #eef2f6;
			border-left: 0;
			border-radius: 0 10px 10px 0;
			color: #999;
		}
		
		.form-control.border-end-0:focus + .input-group-text {
			border-color: var(--primary-color);
		}
		
		.btn-primary {
			background: var(--primary-gradient);
			border: none;
			padding: 14px;
			font-weight: 600;
			letter-spacing: 0.5px;
			border-radius: 10px;
			transition: all 0.3s ease;
			box-shadow: 0 4px 15px rgba(8, 107, 184, 0.2);
		}
		
		.btn-primary:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 20px rgba(8, 107, 184, 0.3);
			background: var(--primary-gradient);
		}
		
		.btn-primary:active {
			transform: translateY(0);
		}
		
		.toggle-password {
			position: absolute;
			right: 15px;
			top: 50%;
			transform: translateY(-50%);
			cursor: pointer;
			color: #6c757d;
			z-index: 10;
		}
		
		.pass-group {
			position: relative;
		}
		
		.form-label {
			font-weight: 500;
			color: #495057;
			margin-bottom: 8px;
		}