* { box-sizing: border-box; }
body {
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	margin: 0; padding: 0; background: #f6f7fb; color: #222;
	background-image: url('kidsDayBg3.jpg');
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.container {
	backdrop-filter: blur(10px);
	max-width: 760px; min-width: 340px; margin: 40px auto; background: #ffffff80; padding: 24px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}
.container.small { max-width: 420px; }
h1 { margin-top: 0; font-size: 28px; }
.field { margin-bottom: 20px; }
label { display: block; margin-bottom: 6px; font-weight: 600; }
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=password], select {
	width: 100%; padding: 10px 12px; border: 1px solid #d9d9e3; border-radius: 8px; font-size: 15px; background: #f7ffff;
}
input:focus, select:focus { outline: none; border-color: #6b7cff; box-shadow: 0 0 0 3px rgba(107,124,255,0.2); }
button, .button {
	background: #6b7cff; color: #fff; border: none; padding: 10px 16px; border-radius: 8px; cursor: pointer; font-weight: 600; text-decoration: none; display: inline-block;
}
button:hover, .button:hover { background: #5566ff; }
.req { color: #d92434; margin-left: 4px; }
.alert { padding: 10px 12px; border-radius: 8px; margin-bottom: 12px; }
.alert.success { background: #e6f7ed; color: #137333; border: 1px solid #b7e0c8; text-align: center; }
.alert.error { background: #ffecec; color: #c62828; border: 1px solid #ffb3b3; }
.admin-link { margin-top: 16px; }
.admin-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.search { display: flex; gap: 8px; align-items: center; }
.table-wrap { overflow-x: auto; margin-top: 16px; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid #eee; padding: 10px; text-align: left; }
th { background: #fafafa; font-weight: 700; }
small { color: #666; }
.button-container { text-align: center; }
.button-container button { width: max(30%, 90px); }
@media only screen and (max-width: 1120px) {
	body {
	  background-image: url('kidsDayBg-07.jpg');
	}
}


.upload-box{
	background: white;
	border-radius: 50px;
	box-shadow: 2px 2px 5px black;
	width: 200px;
	outline: none;	
	cursor: pointer;
}

::-webkit-file-upload-button{
	
	text-align: center;
	color: white;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	background: #8855ff;
	border: none;
	border-radius: 50px;
	box-shadow: 1px 0 3px 2px #582a7e;
	outline: none;
}

::-webkit-file-upload-button:hover{
	background: #4e0033;
}


.closedContainer {
	height: 100vh;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
	
	flex-direction: column;
}
.closedContainerContent {
	backdrop-filter: blur(10px);
	max-width: 760px;
	min-width: 340px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #ffffff80;
	padding: 50px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06);
	text-align: center;
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: #222;
}