@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:Roboto,sans-serif}.appMain{display:flex;position:relative;flex-direction:column;flex-wrap:wrap;width:100vw;min-height:93vh;justify-content:center;align-items:center;padding-top:10vh;margin-bottom:3vh}.mainInner{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;width:100vw;justify-content:center;align-items:center;gap:6%}.mainLeft{display:flex;position:relative;width:80%;max-width:450px;height:54vh;flex-direction:column;flex-wrap:wrap;background-color:#e5d9f2;justify-content:center;align-items:center;padding:2%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;gap:9px}.mainLeft .avatar{display:block;position:relative;width:33%;aspect-ratio:1 / 1;margin-left:2.5%;margin-right:2.5%;object-fit:cover;border-radius:50%;padding:3px}.mainLeft .logo{display:block;position:relative;width:33%;padding:10px;margin-left:2.5%;margin-right:2.5%}.mainLeft h2,.mainLeft h3{margin:0;text-align:center}.mainRight{display:flex;position:relative;width:80%;height:100%;min-height:50vh;max-width:450px;flex-direction:column;flex-wrap:wrap;align-items:center;padding:2% 2% 5%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;gap:9px}.mainRight .options{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;width:80%;height:100%;justify-content:center;gap:9px}.mainRight .option{display:flex;position:relative;flex-direction:column;flex-wrap:wrap;width:40%;height:18vh;justify-content:center;align-items:center;gap:3px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding:2%;cursor:pointer;text-align:center}.mainRight .option:hover{background-color:#a594f9;color:#fff}.mainRight .option img{display:block;position:relative;width:50%}.navBar{display:flex;position:fixed;flex-direction:row;flex-wrap:wrap;width:100vw;align-items:center;top:0;background-color:#a594f9;z-index:1;height:8vh;color:#fff}.navBar .logo{display:block;position:relative;width:150px;padding:10px;background-color:#a594f9;margin-left:2.5%;margin-right:2.5%}.navBar .options{display:flex;position:absolute;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;right:0;margin-right:2.5%;gap:30px}.navBar .optionMenu{display:flex;position:absolute;flex-direction:column;justify-content:center;align-items:center;right:0;top:7vh;margin-right:1.5%;gap:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding:21px 42px;border-radius:10px;background-color:#e5d9f2;color:#000}.navBar .optionMenu .avatar{display:block;position:relative;width:90px;height:90px;border-radius:50%;background-color:#a594f9;object-fit:cover}.loginMain{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;width:100vw}.left{display:flex;position:relative;background-color:#e5d9f2;justify-content:center;align-items:center}.left img{display:block;position:relative;width:100%}.right{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;padding:2%;gap:9px}.right h2{display:block;position:relative;text-align:center;color:#a594f9}.right .logo{display:block;position:relative;width:80%;max-width:240px}.right .form{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:300px;padding:6%;border-radius:12px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;gap:15px;background-color:#fff}.right .form .loginButton{display:block;position:relative;width:100%;max-width:200px;background-color:#a594f9;color:#fff;font-size:18px;font-weight:700;border:none;padding:12px;margin-top:0;cursor:pointer}.right .form .loginButton:active{background-color:#e5d9f2}.userManagementMain{display:flex;flex-direction:column;align-items:center;min-height:90vh;width:100%;padding-top:10vh}.userManagementInner{display:flex;flex-direction:column;justify-content:center;width:90%;gap:9px;margin-bottom:2%}.userOperations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;gap:9vw;margin-bottom:2%;margin-top:2%}.updateUser{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:400px;gap:12px;padding:2%;border:1px solid black;border-radius:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.updateUser h5{margin:0}.addUser{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:400px;gap:12px;padding:2%;border:1px solid black;border-radius:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.addUser h5{margin:0}.jobManagementMain{display:flex;flex-direction:column;align-items:center;min-height:90vh;width:100%;padding-top:10vh}.jobManagementInner{display:flex;flex-direction:column;justify-content:center;width:90%;gap:9px;margin-bottom:2%}.allJobs{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin-bottom:2%}.allJobs h3{width:100%;justify-content:start}.createJob{display:flex;flex-direction:column;justify-content:center;width:90%;max-width:400px;gap:12px;padding:15px;border:1px solid black;border-radius:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.processManagementMain{display:flex;flex-direction:column;align-items:center;min-height:90vh;width:100%;padding-top:10vh}.processManagementInner{display:flex;flex-direction:column;justify-content:center;width:90%;gap:9px;margin-bottom:2%}.allJobsPM{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin-bottom:2%}.allJobsPM h3{width:100%;justify-content:start}.selectMachine{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin-bottom:2%;gap:9px}.selectMachine select{padding:8px 5px;border:1px solid #e2cfcf!important;outline:none!important;border-radius:5px}.editJob{display:flex;flex-direction:row;flex-wrap:wrap;align-items:start;width:100%;margin-bottom:2%;gap:30px}.updateJob{display:flex;position:relative;flex-direction:column;justify-content:center;width:90%;max-width:400px;gap:12px;padding:15px;border:1px solid black;border-radius:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.updateClose{display:flex;position:absolute;top:0;right:0;margin-top:30px;margin-right:30px;cursor:pointer}.costManagementMain{display:flex;flex-direction:column;align-items:center;min-height:90vh;width:100%;padding-top:10vh}.costManagementInner{display:flex;flex-direction:column;justify-content:center;width:90%;gap:9px;margin-bottom:2%}.estimateJob{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;width:100%;margin-bottom:2%}.estimateJob .formItems{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:30px 60px;margin:2% 0}.estimateJob .formItems .formItem{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:20%;gap:9px}.estimateJob .estimationButtons{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;gap:18px}