.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContainer{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.modalContent{margin-bottom:20px;display:flex;align-items:center;flex-direction:column}.modalCloseButton{margin-top:2vh;background:#da1111;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.modalCloseButton:hover{background:#8a0b0b}.LoginContent{display:flex;justify-content:right;align-items:center;height:100vh;margin:0;font-family:Arial,sans-serif;background-color:#f0f0f0;background-size:85vw 100vh}.LoginTitle{font-size:20px;font-weight:700}.login-container{background:#fff;padding:2rem;box-shadow:0 4px 8px #0000001a;width:15vw;text-align:center;height:100vh;color:#da1111}.login-container input{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.login-container button{width:100%;padding:.75rem;margin:.5rem 0;border:none;border-radius:4px;background-color:#da1111;color:#fff;font-size:1rem;cursor:pointer}.login-container button:hover{background-color:#610909}.register,.resetpassword{cursor:pointer}.header{background-color:#fff;position:absolute;height:5vh;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:1rem;margin-right:.5vw;border:1px solid;padding:0 1vw;z-index:2}.nav-links{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.nav-item{width:7vw;margin-right:.8vw;border-radius:.3vw;cursor:pointer;padding:.1vw;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background-color:#da1111}.nav-item:hover{background-color:#8a0b0b}.user-section{display:flex;align-items:center;justify-content:flex-end;margin-right:1vw;width:11%}.user-email{margin-right:.5vw;font-weight:700;font-size:.9rem}.logout-button{background-color:#da1111;color:#fff;border:none;padding:.1vw .5vw;cursor:pointer;border-radius:.3vw;font-size:1rem}.logout-button:hover{background-color:#8a0b0b}@media (max-width: 768px){.header,.user-email,.logout-button{font-size:.8rem}}.shufflecontainer{width:100vw;height:100vh;background-image:url(/assets/cinema-C1XQswdx.jpg);background-size:cover;display:flex;flex-direction:column;align-items:center;padding-top:5vh}.shuffleelementos,.shufflelista,.shuffleresultado,.shufflevencedor{flex-direction:column;justify-content:center;display:flex;align-items:center;background-color:#fff}.shufflelista{border-bottom:.1vh solid black}.shufflelista,.shuffleresultado{margin:1vh;width:16vw;height:25vh;font-size:.8vw;padding:1vw}.shuffleresultado{height:40vh}.shuffleelementos{width:18vw;border-radius:2vh;border:.3vh solid rgb(50,50,50);color:#000;margin:.1vh}.shuffleselector{height:7vh;width:18vw;border-radius:1vh;margin-bottom:2vh}.shuffleselectorTitle{font-size:1vw;width:15vw;height:4vh;display:flex;color:#fff}.shuffleselectorInput{padding-top:.8vh;flex-direction:row;justify-content:space-between;display:flex;align-items:center;font-size:1vw}.shuffleinputMovie{font-size:.7vw;width:16vw;height:4vh;display:flex;border:.1vh solid;border-radius:1vh;padding-left:.5vw;color:#505050;background-color:#fff}.shufflebtnAdd{height:4vh;width:5vw;border-radius:1vh;background-color:#da1111;font-size:.8vw;font-weight:500;color:#fff;justify-content:center;align-items:center;display:flex;cursor:pointer}.shufflebtnShuffle{height:4vh;width:6vw;border-radius:1vh;background-color:#da1111;font-size:.8vw;font-weight:500;color:#fff;justify-content:center;align-items:center;display:flex;cursor:pointer;margin-bottom:.5vh}.shufflebtnShuffle:hover,.shufflebtnAdd:hover{background-color:#282828;color:#fff}.shufflevencedor{width:17vw;height:6vh;font-size:.8vw;flex-direction:column;font-weight:700}.shufflemovie-item{display:flex;align-items:center;justify-content:space-between}.shufflebtnDelete{background-color:red;color:#fff;border:none;padding:.5rem;cursor:pointer;margin-left:1rem}.shufflebtnDelete:hover{background-color:#8b0000}.shufflebtnClear{height:3vh;width:6vw;margin-top:1vh;border-radius:1vh;background-color:#da1111;font-size:.6vw;font-weight:500;color:#fff;justify-content:center;align-items:center;display:flex;cursor:pointer;margin-bottom:.5vh}.shufflebtnClear:hover{background-color:#282828;color:#fff}.addformContainer{padding-top:8vh;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;background-image:url(/assets/cinema-C1XQswdx.jpg);background-size:cover}.addformTitle{font-size:3vh}.addformFields{margin-top:1vh;display:flex;flex-direction:column;margin-bottom:1vh;position:relative;width:25vw}.addmovieInput{height:3.5vh;padding:10px;font-size:1.5vh;border:#333 solid 1px;border-radius:1vh}.addmovieInputRatings{resize:none;height:15vh;border:#333 solid 1px;border-radius:1vh;font-size:1.5vh;padding:10px;background-color:#fff}.addmovieInputSinopse{resize:none;height:20vh;border:#333 solid 1px;border-radius:1vh;font-size:1.5vh;padding:10px;background-color:#fff}.addformButtons{justify-content:center;display:flex;align-items:center;height:1vh}.addwatched{justify-content:left;display:flex;align-items:left}.addbtnSaveMovie{margin-top:2vh;width:10vw;height:4vh;border:.1vh solid rgb(218,17,17);border-radius:1vh;background-color:#da1111;color:#fff;font-size:2vh}.adddropdown{position:absolute;top:18%;left:0;right:0;background-color:#1c1c1c;border:1px solid #ccc;max-height:50vh;overflow-y:auto;z-index:1000;list-style-type:none;padding:0;margin:0}.adddropdownItem{display:flex;align-items:flex-start;padding:.5vh;cursor:pointer;transition:background-color .2s;background-color:#333}.adddropdownItem:hover{background-color:#858585}.adddropdownPoster{margin-right:1vh;border-radius:1vh;width:4vw}.adddropdownDetails{color:#fff}.adddropdownDetails h3{margin:0;font-size:1.2em}.adddropdownDetails p{margin:.5vh}.custom-multi-select{position:relative;width:100%}.selected-items{border:1px solid #ddd;padding:10px;border-radius:4px;cursor:pointer;background:#fff;display:flex;justify-content:space-between;align-items:center}.arrow{margin-left:10px}.searchdropdown{position:absolute;width:100%;border:1px solid #ddd;border-radius:4px;background-color:#fff;z-index:10}.search-input{width:calc(100% - 20px);margin:10px;padding:5px;border:1px solid #ddd;border-radius:4px;background:#fff}.options-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;background:#fff}.option-item{padding:8px;cursor:pointer;display:flex;align-items:center;background-color:#fff}.option-item.selected{background:#e2e6ea}.option-item:hover{background:#f2f2f2}.option-item input{margin-right:8px}.tableContainer{padding-top:10vh;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;background-image:url(/assets/cinema-C1XQswdx.jpg);background-size:cover}.listContainer{width:80vw;max-height:70vh;overflow-y:auto;background:#fffc;border-radius:8px;position:relative}.searchContainer{width:80vw;display:flex;flex-direction:row;align-items:center;margin-bottom:50px;z-index:2;position:relative}.searchInput{padding:10px;width:100%;border:1px solid #ddd;border-radius:4px}table{width:100%;border-collapse:collapse;font-size:15px}th,td{border:1px solid #ddd;padding:8px}th{background-color:#f2f2f2;text-align:left;position:sticky;top:0;z-index:1}td{vertical-align:top}th.title,td.title{width:10%}th.ratings,td.ratings{width:15%}th.synopsis,td.synopsis{width:40%}th.genre,td.genre{width:5%}th.metascore,td.metascore{width:9%}th.duration,td.duration{width:8%}th.year,td.year{width:4%}th.imdbRating,td.imdbRating{width:7%}th.isWatched,td.isWatched{width:6%}th.averageUserRating,td.averageUserRating{width:10%}th.rottenTomatoesRating,td.rottenTomatoesRating{width:8%}th.userEmailsAndRatings,td.userEmailsAndRatings{width:15%}.multiSelectContainer{width:15%;margin-right:10px}.multiSelect{background:#fff;box-shadow:0 2px 4px #0000001a}.multiSelect .dropdown-container{border:none}.multiSelect .dropdown-heading{font-size:16px;color:#333}.multiSelect .dropdown-content{border:1px solid #ddd;border-radius:4px;background:#fff}.multiSelect .dropdown-content .dropdown-item{padding:8px;font-size:14px;cursor:pointer;color:#d11!important}.multiSelect .dropdown-content .dropdown-item:hover{background:#f2f2f2;color:#f50a0a!important}.multiSelect .selected-item{background:#e2e6ea;border-radius:4px;padding:5px;margin:5px}.multiSelect .selected-item span{color:#333;margin-left:5px}.editformContainer{padding-top:10vh;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;background-image:url(/assets/cinema-C1XQswdx.jpg);background-size:cover}label{color:#fff}.editformTitle{font-size:3vh}.editformFields{margin-top:1vh;display:flex;flex-direction:column;margin-bottom:1vh;position:relative;width:25vw}.editmovieInput{height:3.5vh;padding:10px;font-size:1.5vh;border:#333 solid 1px;border-radius:1vh}.editmovieInputRatings,.editmovieInputSinopse{resize:none;height:10vh;border:#333 solid 1px;border-radius:1vh;font-size:1.5vh;padding:10px;background-color:#fff}.editMovieReviewers{resize:none;height:15vh;border:#333 solid 1px;border-radius:1vh;font-size:1.5vh;padding:10px;background-color:#fff}.editformButtons{justify-content:center;display:flex;align-items:center}.editwatchedContainer{display:flex;align-items:center}.editwatchedContainer label{margin-right:10px}.editbtnSaveMovie{width:10vw;height:4vh;border:.1vh solid rgb(218,17,17);border-radius:1vh;background-color:#da1111;color:#fff;font-size:2vh;margin-bottom:5vh}.editdropdown{position:absolute;top:18%;left:0;right:0;background-color:#1c1c1c;border:1px solid #ccc;max-height:50vh;overflow-y:auto;z-index:1000;list-style-type:none;padding:0;margin:0}.editdropdownItem{display:flex;align-items:flex-start;padding:.5vh;cursor:pointer;transition:background-color .2s;background-color:#333}.editdropdownItem:hover{background-color:#858585}.editdropdownPoster{margin-right:1vh;border-radius:1vh;width:4vw}.editdropdownDetails{color:#fff}.editdropdownDetails h3{margin:0;font-size:1.2em}.editdropdownDetails p{margin:.5vh}.star-rating{display:flex;flex-direction:row}.star-container{position:relative}.star{font-size:2em;cursor:pointer;color:#fff;position:relative;display:inline-block}.star.filled{color:gold}.star.half-filled:before{content:"★";color:gold;position:absolute;left:0;width:50%;overflow:hidden}.star-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between}.half-star,.full-star{width:50%;height:100%;position:absolute;top:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.half-star{left:0}.full-star{right:0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#fff}