*{box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}body,html{margin:0;padding:0;overflow-x:hidden}.calendar-wrapper{width:100%;display:flex;justify-content:center}.calendar{width:100%;padding:20px}.admin-calendar{width:90svw;max-width:700px}.week{width:100%;display:flex;gap:3px;margin-bottom:3px}.day{-webkit-user-select:none;user-select:none}.day,.headers div{border-radius:5px;border:1px solid #b8b8b8}.day,.placeholder{width:14.2%;flex:1;aspect-ratio:1}.day{background-color:#6464641a}.day:hover{filter:brightness(80%)}.day,.headers div{display:flex;justify-content:center;align-items:center;z-index:999}.headers div{width:14.2%;aspect-ratio:2;background-color:#3a3a3a;color:#f0f8ff;margin-bottom:5px}.taken-day{background-color:red!important}.controls div{display:flex;justify-content:center;align-items:center;gap:5px;padding:3px}.controls select,.controls input{width:30%}.controls button{width:20%;outline:none;border-radius:5px;background-color:#3a3a3a;color:#f0f8ff}.controls button:active{background-color:transparent;border:1px solid #b8b8b8;color:#000}.controls option,.controls input{text-align:center}.selected-day{background-color:#6464644d;font-style:italic}.dialog-box{position:absolute;width:98svw;max-width:700px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border:3px solid black;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:999;padding:20px}.dialog-box div{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#e6e6e6;border-radius:5px;padding:10px}.dialog-box div:last-child{justify-content:space-around}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:100svw;max-width:400px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid black;border-radius:5px;padding:20px}.login input{border:1px solid black;border-radius:5px}.login div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:20px}.login label,.login span{text-align:center}.login img{width:120px;height:120px}nav{width:100svw;height:50px;background-color:#fff;display:flex;align-items:center;gap:20px;padding:0 20px;border:1px black solid}button{border:1px black solid;border-radius:5px;background-color:#fff;outline:none;height:40px;width:100px}nav img{height:40px;width:100px}.who-are-you span{position:absolute;left:50%;transform:translate(-50%);bottom:50px}.calendars-choice{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.calendars-choice aside{overflow-x:auto;margin-bottom:-1px;width:100%}.calendars-choice aside div{display:flex;justify-content:left;gap:5px}.calendars-choice aside div button{border:#000 solid 1px;min-width:160px;z-index:81;padding:5px;border-bottom-left-radius:0;border-bottom-right-radius:0}.selected-button{border-bottom:none!important;padding-bottom:5px!important}.calendar-wrapper{border-top:#000 solid 1px;z-index:80}aside button,.calendar-wrapper{background-color:#f0efef}