*{margin:0;padding:0;box-sizing:border-box}:root{--branco: #FFFFFF;--preto: #000000;--cinza-escuro: #1E1D1D;--cinza-medio: #5A5A5A;--cinza-claro: #D9D9D9}body{width:100vw;height:100vh;background-color:var(--branco);font-family:Yantramanav;color:var(--branco);font-size:24px}.Login h1{color:var(--branco);font-size:85px;margin-bottom:400px;margin-left:240px}main{display:flex;justify-content:space-between;align-items:center;min-height:100vh;background-image:url(/assets/backgroundlogin-Ddd96LBm.png);background-size:cover;background-position:center}.LoginPage{display:flex;justify-content:space-between;align-items:center;width:100%}.formLogin{margin-bottom:40px;margin-right:200px}.container{width:400px;height:550px;background-color:#1e1d1d;border-radius:40px;padding:50px}.container h2{text-align:center;font-size:55px;color:var(--branco);margin-bottom:30px}.container .input-field{position:relative;width:100%;height:40px;margin:10px auto}.input-field input{width:100%;height:100%;outline:none;border-radius:10px;background-color:var(--cinza-claro);color:var(--cinza-escuro);padding:15px;font-size:15px}.container .recall-forget{display:flex;justify-content:space-between;font-size:14px;margin:10px 6px 130px}.recall-forget label{color:var(--branco);cursor:pointer}.recall-forget input{margin-right:5px;cursor:pointer}.recall-forget a{color:var(--branco);text-decoration:none}.recall-forget a:hover{color:#5a5a5a;text-decoration:underline}.container button{display:flex;justify-content:center;align-items:center;margin:auto;width:140px;height:50px;background-color:var(--branco);color:var(--cinza-escuro);border:none;border-radius:10px;cursor:pointer;font-size:24px}.container button:hover{background-color:var(--cinza-medio);color:var(--branco)}main{display:flex;justify-content:space-between;align-items:center;min-height:100vh;background-image:url(/assets/backgroundlogin-Ddd96LBm.png);background-size:cover;background-position:center}.redefinePage{display:flex;justify-content:space-between;align-items:center;width:100%}.formRedefine{margin-bottom:40px;margin-right:200px}.containerRedefine{width:400px;height:550px;background-color:#1e1d1d;border-radius:40px;padding:50px}.containerRedefine h2{text-align:center;font-size:30px;color:var(--branco);margin:30px 0}.containerRedefine .input-fieldRedefine{position:relative;width:100%;height:40px;margin:10px auto}.input-fieldRedefine input{width:100%;height:100%;outline:none;border-radius:10px;background-color:var(--cinza-claro);color:var(--cinza-escuro);padding:15px;font-size:15px}.containerRedefine button{display:flex;justify-content:center;align-items:center;margin:180px auto;width:160px;height:50px;background-color:var(--branco);color:var(--cinza-escuro);border:none;border-radius:10px;cursor:pointer;font-size:24px}.containerRedefine button:hover{background-color:var(--cinza-medio);color:var(--branco)}.AppHome{background-image:url(/assets/backgroundhome-BkPBBlg0.png);display:flex;justify-content:space-between;align-items:center;min-height:100vh;flex-direction:column;background-size:cover;background-position:center}.AppBar{display:flex;justify-content:space-between;align-items:center;width:100%}.App{display:flex;align-items:center;width:1000px;gap:20px;margin-bottom:500px}.Icon{background-color:var(--cinza-escuro);border-radius:20px;margin:20px}.drawer{background-color:var(--cinza-escuro)!important;width:200px;font-size:10px;padding:20px 0;margin:20px;border-radius:20px;height:800px!important}.drawer-text{color:var(--branco)}.drawer-item{height:20px}.drawer-item :hover{cursor:pointer}.drawer::-webkit-scrollbar{width:0px}.user-menu{background-color:var(--cinza-escuro)!important;width:400px!important;height:180px!important;font-size:10px;padding:20px 0;margin:20px;border-radius:20px;overflow:hidden!important}.firstUser{display:flex;justify-content:space-between;align-items:center;width:100%}.firstUser h2{font-size:20px;color:var(--branco);margin:-10px 0 0 40px}.iconUser{background-color:var(--cinza-escuro);border-radius:20px;margin:20px}.secondUser{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;width:100%;margin:30px 0 0 40px}.secondUser button{background-color:transparent;color:var(--branco);border:none;padding:0;text-transform:none;min-width:auto;box-shadow:none;cursor:pointer;font-size:18px;margin-top:10px}.modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;padding:20px;box-shadow:8px 8px #6435f1;color:var(--branco);width:700px;height:670px;border:1px solid #6435F1;border-radius:30px}.modalUser{display:flex;align-items:center;flex-direction:column;width:100%}.containerUser{width:400px;height:270px;border-radius:40px}.containerUser .input-field{position:relative;width:100%;height:50px;margin:20px auto}.input-field input{width:100%;height:100%;outline:none;border-radius:10px;background-color:var(--cinza-claro);color:var(--cinza-escuro);padding:15px;font-size:20px}.containerUser .bln-admin{display:flex;justify-content:space-between;font-size:14px;margin:-5px 6px 30px}.bln-admin label{color:var(--branco);cursor:pointer}.bln-admin input{margin-right:5px;cursor:pointer}.containerUser button{display:flex;justify-content:center;align-items:center;margin:auto;width:160px;height:50px;background-color:var(--cinza-escuro);color:var(--branco);border:none;border-radius:30px;cursor:pointer;font-size:20px}.containerUser button:hover{background-color:var(--cinza-medio);color:var(--cinza-escuro)}.search{width:800px;height:55px;border-radius:20px;border:0 none;outline:0;background-color:var(--cinza-escuro);color:var(--branco);font-size:20px;padding:10px 20px}.add{height:100%!important;border-radius:20px!important;background-color:var(--cinza-escuro)!important;color:var(--branco)!important;font-size:20px!important;padding:10px 20px!important}.add:hover{background-color:var(--cinza-claro);color:var(--cinza-escuro)}.modal-Add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;padding:20px;box-shadow:8px 8px #6435f1;color:var(--branco);width:700px;height:670px;border:1px solid #6435F1;border-radius:30px}.box-Add{display:flex;align-items:center;flex-direction:column;width:100%;padding-top:20px}.upload-container{border:1px solid var(--branco);width:120px;height:170px;padding:5px}.headerUser button{display:flex;justify-content:center;align-items:center;width:160px;height:50px;background-color:var(--cinza-escuro);color:var(--branco);border:none;border-radius:30px;cursor:pointer;font-size:20px;margin-top:-40px}.headerUser button:hover{background-color:var(--cinza-medio);color:var(--cinza-escuro)}.headerUser{display:flex;justify-content:space-between;align-items:right;flex-direction:row;width:100%;padding-top:20px;margin-bottom:20px}.headerUser .upload-container{margin-left:260px}.input-container{color:var(--branco)!important;display:flex;align-items:center;margin-bottom:20px;width:500px}.input-container input{background-color:#000;color:var(--branco);width:100%;height:50px;border:0 none;outline:0;margin-left:10px;font-size:20px}.input-container label{color:var(--branco)!important;outline:none!important;display:flex;align-items:center;margin-bottom:20px}.bodyUser{margin-top:30px}.bottomUser{margin-top:150px;display:flex;align-items:center;justify-content:space-between;width:300px}.bottomUser select{border:none;background:none;box-shadow:none;border:0 none;outline:0;background-color:var(--cinza-escuro);height:40px;padding:5px 10px 5px 5px;border-radius:10px;color:var(--branco)}.quantity-control{display:flex;align-items:center;justify-content:space-between;width:150px}.input-bottom input{border:none;background:none;box-shadow:none;border:0 none;outline:0;background-color:var(--cinza-escuro);height:40px;padding:5px 10px 5px 5px;border-radius:10px;width:50px;color:var(--branco)}.input-bottom input::-webkit-inner-spin-button,.input-bottom input ::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}