.container{display:flex;justify-content:center;align-items:center;height:100vh}html,body{height:100%;margin:0;overflow:hidden;background-color:#f2f2f2}.title{text-align:center;margin-top:0;font-size:45px}.logo{display:block;margin:0 auto;width:250px;height:100px}.label{width:100px;margin-right:10px}.select,.input{flex:1}.button{margin-top:10px;background-color:green;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.progress-bar{height:10px;background-color:#ccc;margin-top:10px;animation:progress 25s linear}.button-container{text-align:center}.progress-bar-container{text-align:center;margin-top:20px}.progress-bar{height:30px;background-color:green;animation:progress 33s linear}.progress-text{margin-top:10px;font-weight:700}.error{background-color:red;padding:10px;text-align:center;margin-bottom:10px}.error p{color:#fff;font-size:18px;margin:0}.row{display:flex;justify-content:center;text-align:center}.date-picker{margin-top:10px}.input{border:1px solid #ccc;padding:8px;cursor:pointer}.input:hover{border-color:#888}.label-final{margin-left:10px}.box{width:400px;padding:20px;background-color:#f2f2f2;border-radius:8px}.row{display:flex;align-items:center;margin-bottom:10px}.progress-bar-container{margin-top:20px;text-align:center}.progress-text{margin-bottom:10px;font-size:16px;font-weight:700}.progress-bar{width:100%;height:20px;border:1px solid #ccc;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#007bff;color:#fff;text-align:center;line-height:20px;transition:width .3s ease;width:0}.progress-percentage{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#000}@keyframes progress{0%{width:0}to{width:100%}}