.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-header{font-weight:700;background-color:#d0d0d0;text-align:center;padding:10px 0}.calendar-day{width:100%;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #ddd}.calendar-day.active{background-color:#396;color:#fff;cursor:pointer;opacity:60%}.calendar-day.inactive{background-color:#f5f5f5;color:#000;cursor:no-drop}#dateFilter{border:2px solid #001055;padding:.5rem;border-radius:5px;outline:none!important;transition:border-color 0.3s ease;appearance:none}#dateFilter:focus{border-color:#ff7900!important;outline:none}#dateFilter::-webkit-calendar-picker-indicator{filter:none}@media (max-width:768px){.calendar-day{height:70px}}@media (max-width:480px){.calendar-day{height:50px}}