body {
	background-color: #f8f9fa;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
header.navbar {
	background-color: #212529;
}
header .navbar-brand {
	color: #fff;
	font-weight: 700;
	letter-spacing: .5px;
}
header .navbar-nav .nav-link {
	color: #ccc;
	transition: color 0.3s;
}
header .navbar-nav .nav-link:hover {
	color: #fff;
}
footer {
	background-color: #212529;
	color: #ccc;
	padding: 40px 0 20px;
}
footer a {
	color: #ffc107;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
.upload-area {
	border: 2px dashed #6c757d;
	border-radius: 10px;
	background: #fff;
	padding: 60px 20px;
	text-align: center;
	transition: background 0.3s, border-color 0.3s;
}
.upload-area.dragover {
	background: #e9ecef;
	border-color: #007bff;
}
.progress {
	height: 25px;
	margin-top: 20px;
	display: none;
}
#progress-bar {
	height:25px;
}