body{

font-family:
Arial, sans-serif;

background:#eef4f8;

margin:0;

padding:20px;

}


.login-container,
.container{

max-width:900px;

margin:auto;

background:white;

padding:30px;

border-radius:15px;

box-shadow:
0 5px 20px rgba(0,0,0,.15);

}


input{

padding:12px;

width:90%;

margin:15px;

font-size:16px;

}


button{

background:#1976d2;

color:white;

border:none;

padding:10px 20px;

border-radius:8px;

cursor:pointer;

}


button:hover{

background:#0d47a1;

}


#calendar{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(250px,1fr));

gap:20px;

}


.day{

border:1px solid #ddd;

padding:15px;

border-radius:10px;

}


.block{

background:#f4f8fb;

padding:10px;

margin-top:10px;

border-radius:8px;

}


.reservation-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:10px 0;
}

.reservation-line{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#ffffff;
    padding:8px 10px;
    border-radius:8px;
    border:1px solid #d0d7e0;
}

.remove-button{
    background:#d32f2f;
    color:white;
    padding:6px 12px;
    border-radius:6px;
    border:none;
    cursor:pointer;
    font-size:0.9rem;
}

.remove-button:hover{
    background:#b71c1c;
}

#error{

color:red;

}

footer{
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  text-align: center;
  font-size: 0.85rem;
  color: #999;
}

footer #version{
  font-weight: bold;
  color: #666;
}