.nav-icon{filter:invert(50%) sepia(71%) saturate(500%) hue-rotate(90deg);height:24px;width:24px}body{color:#fff;font-family:Roboto,Helvetica,sans-serif;margin:0;overflow:hidden;text-align:center}.navbar,body{background:#1e1e1e;display:flex;height:100vh}.navbar{align-items:center;box-shadow:2px 0 5px #00000080;flex-direction:column;left:0;padding:20px;position:fixed;top:0;width:250px;z-index:1000}.nav-header{color:#27ae60;font-size:1.5rem;margin-bottom:0;margin-top:0;text-align:center}hr.divider{background:linear-gradient(90deg,#0000,#393737,#0000);border:none;height:1px;margin:10px 0;width:100%}.nav-item{align-items:center;color:#fff;display:flex;font-size:1rem;gap:10px;padding:10px;text-align:left;text-decoration:none;transition:background .3s ease;width:100%}.nav-item:hover{background:#27ae60}.maincontent{flex:1 1;justify-content:flex-start;margin-left:260px;width:calc(100% - 260px)}.container,.maincontent{align-items:center;display:flex;padding:20px}.container{flex-direction:column;height:100%;width:100%}.calendar-container{background:#222;border-radius:10px;display:flex;flex-direction:column;padding:30px;text-align:center}.calendar-header{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.calendar-header h3{color:#fff;flex-grow:1;font-size:1.5rem;margin:0;text-align:center}.calendar-header button{background:#2a7154;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:5px 10px}.calendar-header button:hover{background:#2980b9}.weekdays{background-color:#333;color:#fff;display:grid;font-weight:700;grid-template-columns:repeat(7,1fr)}.weekday{font-size:1rem;padding:10px;text-align:center}.days-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);padding-top:10px;width:100%}.day{align-items:center;background:#444;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:16px;justify-content:space-between;max-width:150px;min-height:100px;min-width:150px;padding:10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.day:hover{background:#555;transform:scale(1.1)}.booked{align-items:center;background:#27ae60!important;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:flex-start}.disabled-day{background:#534242!important;color:##ffffff;opacity:.6;pointer-events:none}.booking-info{word-wrap:break-word;background:#fff3;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:5px;padding:5px 10px;text-align:center;width:90%}.modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#2a2a2a;box-shadow:0 0 10px #000;color:#fff;display:flex;flex-direction:column;gap:5px;padding:30px;position:relative;text-align:left;width:320px}.modal-content h3{font-size:25px;margin:0;text-align:center}.modal-content label{margin:10px 0 0}.input-container{margin-top:5px;position:relative;width:100%}.input-container label{color:#aaa;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-90%);transition:all .3s ease-in-out}.input-container input,.input-container select{background:#333;border:1px solid #555;color:#fff;font-size:16px;padding:10px;width:100%}.input-container option{color:#8e8e8e}.input-container input:focus+label,.input-container input:not(:placeholder-shown)+label,.input-container select:focus+label,.input-container select:not([value=""])+label{background-color:2A2A2A;color:#fff;font-size:12px;padding:2px;top:5px}.close,.confirm{align-self:center;background:#3498db;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px}.close:hover,.confirm:hover{background:#2980b9}.modalbutton{display:flex;gap:10px;justify-content:right}@media screen and (max-width:1080px){.navbar{width:200px}.main-container{margin-left:210px;width:calc(100% - 210px)}}
/*# sourceMappingURL=main.4412663e.css.map*/