/* ==============================================
   차량관리시스템 - 로그인 페이지 CSS
   ============================================== */

.page-login {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #1a2035 0%, #2d3a5e 50%, #1a2035 100%);
}

.login-wrapper { width: 100%; max-width: 420px; padding: 16px; }

.login-card {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0,0,0,0.3);
	overflow: hidden;
}

.login-header {
	background: linear-gradient(135deg, #3b5bdb, #5c7cfa);
	padding: 36px 32px 28px;
	text-align: center;
	color: #fff;
}

.login-logo {
	width: 56px; height: 56px;
	background: rgba(255,255,255,0.2);
	border-radius: 14px;
	display: flex; align-items: center; justify-content: center;
	font-size: 28px;
	margin: 0 auto 16px;
}

.login-title { margin: 0 0 4px; font-size: 22px; font-weight: 700; }
.login-sub   { margin: 0; font-size: 13px; opacity: 0.75; }

.login-body { padding: 32px; }

.form-label { font-size: 13px; font-weight: 600; color: #495057; }

.btn-login {
	height: 44px;
	font-size: 15px;
	font-weight: 600;
	background: linear-gradient(135deg, #3b5bdb, #5c7cfa);
	border: none;
}

.btn-login:hover { background: linear-gradient(135deg, #2f4ac6, #4c6ef5); }

.login-divider {
	text-align: center;
	margin: 20px 0;
	position: relative;
	color: #adb5bd;
	font-size: 13px;
}

.login-divider::before {
	content: '';
	position: absolute;
	left: 0; right: 0;
	top: 50%;
	height: 1px;
	background: #e9ecef;
}

.login-divider span {
	background: #fff;
	padding: 0 12px;
	position: relative;
}

.btn-saas { color: #495057; font-size: 14px; }