body {
	font-family: 'Inter', sans-serif;
	background-color: #d7d7db;
	color: #242424;
}
.control-panel-bg { background-color: #f8f7fa; }
.btn-primary { background-color: #7980a8; color: #f8f7fa; }
.btn-primary:hover { background-color: #394063; }
.btn-secondary { background-color: #EFEBE8; color: #6B6B6B; }
.btn-secondary:hover { background-color: #D1D5DC; }
.accent-color { color: #7980a8; }
.border-color { border-color: #D1D5DC; }
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	background: #7980a8;
	cursor: pointer;
	border-radius: 50%;
}
.slider::-moz-range-thumb {
	width: 15px;
	height: 15px;
	background: #7980a8;
	cursor: pointer;
	border-radius: 50%;
}
.slider:hover::-webkit-slider-thumb,
.slider:hover::-moz-range-thumb {
	background: #404663;
	box-shadow: 0 4px 8px rgba(64, 70, 99, 0.3);
}
.custom-checkbox-container {
	display: flex;
	align-items: center;
}
.custom-checkbox-input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.custom-checkbox-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
}
.checkmark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	background-color: #f8f7fa;
	border: 2px solid #7980a8;
	border-radius: 4px;
	transition: all 0.2s ease;
}
.custom-checkbox-input:checked ~ .custom-checkbox-label .checkmark {
	background-color: #7980a8;
	border-color: #7980a8;
}
.custom-checkbox-input:checked ~ .custom-checkbox-label .checkmark svg path {
	stroke: #f8f7fa;
}
.checkmark svg {
	width: 12px;
	height: 10px;
}
.checkmark svg path {
	stroke: transparent;
	transition: stroke 0.2s ease;
}
.custom-checkbox-input:focus ~ .custom-checkbox-label .checkmark {
	box-shadow: 0 0 0 3px rgba(121, 128, 168, 0.3);
}
.custom-checkbox-label:hover .checkmark {
	border-color: #394063;
}
.custom-checkbox-input:checked ~ .custom-checkbox-label:hover .checkmark {
	background-color: #394063;
	border-color: #394063;
}
.custom-checkbox-input:disabled ~ .custom-checkbox-label {
	cursor: not-allowed;
	opacity: 0.6;
}
.custom-checkbox-input:disabled ~ .custom-checkbox-label .checkmark {
	background-color: #D1D5DC;
	border-color: #D1D5DC;
}
footer {
    text-align: center;
    padding-top: 20px;
    color: #6c757d;
    position: relative;
    width: 100%;
}
footer a {
    color: #495057;
    text-decoration: none;
    transition: color 0.15s ease-in;
}
footer a:hover {
    color: #394063;
    text-decoration: underline;
}