* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; background: #024B32; color: #333333; }
main { max-width: 600px; margin: 40px auto; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
h1 { margin-bottom: 20px; text-align: center; }
form { display: flex; flex-direction: column; gap: 15px; }
label { font-weight: bold; }
input[type="email"], input[type="number"] { padding: 10px; font-size: 1rem; border: 1px solid #ccc; border-radius: 4px; width: 100%; }
button[type="button"], .tabs button { padding: 10px 20px; font-size: 1rem; border: none; border-radius: 4px; background: #007BFF; color: #fff; cursor: pointer; }
button[type="submit"], .tabs button { padding: 10px 20px; font-size: 1rem; border: none; border-radius: 4px; background: #007BFF; color: #fff; cursor: pointer; }
button[disabled] { background: #aaa; cursor: not-allowed; }
.tabs { list-style: none; display: flex; gap: 10px; margin-bottom: 20px; }
.tabs li { cursor: pointer; padding: 10px 20px; background: #eee; border-radius: 4px; }
.tabs li.active { background: #007BFF; color: #fff; }
table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
th, td { padding: 10px; border: 1px solid #ddd; text-align: left; }
@media (max-width: 600px) {
    body { margin: 10px; }
    .nombre-input { flex-direction: column; }
    .tabs { flex-direction: column; }
}
.nombre-input {
    display: flex;
    align-items: center;
    gap: 5px;
}
.nombre-input input {
	padding: 10px;
	font-size: 1.2rem;
    width: 60px;
    text-align: center;
}
.buttonadmin { background: #007BFF; color: #fff; padding: 10px 20px; font-size: 1rem; border: none; border-radius: 4px; background: #007BFF; color: #fff; cursor: pointer; }
 
.DivLots {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	color: white;
}

.DivLots-Close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background-color: white;
	color: black;
	border: none;
	border-radius: 50%;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s;
}

.DivLots-Close:hover {
	background-color: #ccc;
}

.DivLots-Content {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
}

.Contenu {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 80%;
	transform: translate(-50%, -50%);
	overflow: auto;
	background-color: #111111;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	text-align: Justify;
	padding: 10px;
}