body{
    margin:0;
    padding:20px;
    background:#f4f6f9;
    font-family:Arial;
}

.container{
    max-width:1400px;
    margin:auto;
    background:white;
    padding:20px;
    border-radius:10px;
}

.top-bar{
    text-align:center;
    margin-bottom:20px;
}

.top-bar h1{
    margin:0;
    color:#003366;
}

.top-bar h2{
    margin-top:5px;
    color:#555;
}

button{
    background:#0d6efd;
    color:white;
    border:none;
    padding:10px 18px;
    border-radius:5px;
    cursor:pointer;
}

button:hover{
    background:#084298;
}

.staff-box{
    margin-bottom:20px;
}

.staff-box textarea{
    width:100%;
    padding:10px;
    border:1px solid #ccc;
    border-radius:5px;
}

table{
    width:100%;
    border-collapse:collapse;
}

th{
    background:#003366;
    color:white;
    padding:12px;
}

td{
    border:1px solid #ddd;
    padding:10px;
    vertical-align:top;
}

.date{
    background:#f1f1f1;
    font-weight:bold;
}

.day{
    background:#dbeafe;
}

.night{
    background:#ede9fe;
}

.call{
    background:#dcfce7;
}

.save-area{
    margin-top:20px;
    display:flex;
    gap:10px;
}

.save-area input{
    padding:10px;
    width:250px;
}

.success{
    background:#d1e7dd;
    color:#0f5132;
    padding:10px;
    margin-bottom:15px;
    border-radius:5px;
}

@media print{

    button,
    .save-area,
    textarea{
        display:none;
    }

    body{
        background:white;
    }

}

.today-row{
    background:#d1fae5 !important;
}

.tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-bottom:15px;
}

.tab textarea{
    width:100%;
    padding:10px;
    border:1px solid #ccc;
    border-radius:5px;
}

.today{
    background:#d1fae5 !important;
}

button{
    margin:3px;
}

.tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.today{
    background:#d1fae5 !important;
}