* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
background: #0f172a;
color: white;
padding: 20px;
}

.admin-container {
max-width: 1200px;
margin: auto;
}

h1 {
text-align: center;
margin-bottom: 30px;
}

.stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
}

.card {
background: #1e293b;
border-radius: 15px;
padding: 20px;
text-align: center;
}

.card h2 {
font-size: 18px;
margin-bottom: 10px;
}

.card p {
font-size: 28px;
font-weight: bold;
}

.acciones {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 15px;
}

.acciones button {
padding: 15px;
border: none;
border-radius: 12px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
}

.acciones button:hover {
opacity: 0.9;
}
/* ========================= */
/* WEEKEND */
/* ========================= */

.admin-weekend{

    width:100%;
    height:100%;

    background:#1b2236;

    border-radius:12px;

    padding:15px;

    margin:0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:12px;

    box-sizing:border-box;

}

.admin-weekend h3{

    color:white;

    margin:0;

    font-size:18px;

    font-weight:bold;

}

#toggleWeekend{

    width:100%;

    height:45px;

    border:none;

    border-radius:10px;

    font-size:15px;

    font-weight:bold;

    color:white;

    cursor:pointer;

    transition:all .25s ease;

}

#toggleWeekend:hover{

    transform:scale(1.03);

}

/* ACTIVADO */

.weekendActivo{

    background:#18b85b;

}

/* DESACTIVADO */

.weekendDesactivado{

    background:#d83b3b;

}
/* ===========================
   RESET GENERAL
=========================== */

.reset-general{

    background:linear-gradient(135deg,#ff4b4b,#b00020);

    color:white;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:8px;

    font-weight:bold;

    cursor:pointer;

    transition:.25s;

    border:none;

    border-radius:16px;

    box-shadow:0 0 18px rgba(255,70,70,.35);

}

.reset-general:hover{

    transform:translateY(-3px);

    box-shadow:0 0 25px rgba(255,0,0,.6);

}

.reset-icon{

    font-size:34px;

}

.reset-general.shake{

    animation:trashShake .45s;

}

@keyframes trashShake{

0%{transform:rotate(0deg);}

20%{transform:rotate(-10deg);}

40%{transform:rotate(10deg);}

60%{transform:rotate(-10deg);}

80%{transform:rotate(10deg);}

100%{transform:rotate(0deg);}

}