:root{--btn-color:#2051e5;--main-color:#eef2ff;--white-color:#fff;--black-color:#000}*{box-sizing:border-box;font-family:Inter,serif;list-style:none;margin:0;padding:0;text-decoration:none}.container{margin:140px auto 0;width:90%}nav{left:0;position:fixed;right:0;top:0}.nav{align-items:center;background-color:#2051e5;background-color:var(--btn-color);border-radius:0 0 20px 20px;color:#fff;color:var(--white-color);display:flex;justify-content:space-between;padding:30px}.nav div ul{display:flex;gap:10px}.nav div ul a{border-radius:5px;color:#fff;color:var(--white-color);cursor:pointer;font-size:18px;padding:5px 10px}.nav div ul a.active{background-color:#fff;background-color:var(--white-color);color:#2051e5;color:var(--btn-color)}.nav div h1{cursor:pointer}.nav div button{background-color:initial;border:1px solid #fff;border:1px solid var(--white-color);border-radius:6px;color:#fff;color:var(--white-color);cursor:pointer;padding:5px 10px}.header{grid-gap:20px;align-items:center;display:grid;flex-wrap:wrap;gap:20px;grid-template-columns:auto auto auto;margin-top:30px}@media (max-width:1400px){.header{grid-template-columns:auto auto}}@media (max-width:900px){.header{grid-template-columns:auto}}.header-item{background-color:#eef2ff;background-color:var(--main-color);border-radius:20px;margin:0 auto;padding:35px;width:400px}.header-item-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.header-item-top-right div h2{align-items:center;border:10px solid #2051e5;border:10px solid var(--btn-color);border-radius:50%;display:flex;font-size:22px;font-weight:700;height:90px;justify-content:center;width:90px}.header-item-bottom{align-items:center;color:#2051e5;color:var(--btn-color);cursor:pointer;margin-top:30px}.create-box form,.header-item-bottom{display:flex;justify-content:space-between}.create-box form{align-items:end;background-color:#fff;background-color:var(--white-color);border-radius:5px;flex-wrap:wrap;gap:10px;padding:40px}.create-box form div{width:30%}.create-box form div input{background-color:#fff;background-color:var(--white-color);border:2px solid #000;margin-top:5px;padding:7px;width:100%}.create-box form div label{font-size:12px}.create-box form div input:focus{border:2px solid #2051e5;border:2px solid var(--btn-color);outline:none}.create-box form .btn-edit-box{width:100%}.create-box form .btn-edit-box button{background-color:#2051e5;background-color:var(--btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;margin-top:20px;padding:7px;width:120px}.update{margin:50px 0}.update-table{background-color:#eef2ff;background-color:var(--main-color);font-size:12px;padding:10px;text-align:center}.update-table,.update-table.map{align-items:center;border-bottom:1px solid #f5f6fa;display:flex;justify-content:space-between}.update-table.map{background-color:#fff;border-radius:0 0 5px 5px;padding:15px}.update-table-1{align-items:center;display:flex;font-size:15px;justify-content:space-between;padding:20px;width:90%}.update-table .img_car{text-align:center;width:80px}.update-table .img_car img{height:80px;object-fit:cover;width:100%}.update-table .address_car,.update-table .date_car,.update-table .dept_car,.update-table .model_car,.update-table .number_car,.update-table .petrol_car,.update-table .status_car,.update-table .year_car{width:8%}.update-table .btn_car-t{display:flex;justify-content:space-between;width:160px}.update-table .btn_car-t button{border:none;border-radius:5px;cursor:pointer;padding:5px}.update-table .btn_car-t .delete-btn{background-color:#b60000;color:#fff}.update-table .btn_car-t .edit-btn{background-color:#2051e5;background-color:var(--btn-color);color:#fff}.create-box button:hover,.update button:hover{opacity:.8}.login__page input{color:#000}.login__page{align-items:center;display:flex;height:100vh;justify-content:space-between}.login__page .form{background-color:#fff;background-color:var(--white-color);border-radius:6px;box-shadow:0 0 10px 10px gray;margin:0 auto;padding:50px;width:400px}.login__page .form input{border:1px solid #000;border:1px solid var(--black-color);font-size:17px;margin:10px 0;padding:10px;width:100%}.login__page .form button{background-color:#2051e5;background-color:var(--btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;width:100%}.login__page .form button:hover{opacity:.8}.login__page .car-img-login{width:30%}.login__page .car-img-login img{width:100%}.update1{margin:50px 0}.update-table0{align-items:center;display:flex}.update-table0 .btn_car-t0{display:flex;justify-content:center;width:10%}.update-table0 .btn_car-t0 button{background-color:#b60000;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px}.update-table0 .btn_car-t0 button:hover{opacity:.8}.update-table1{background-color:#eef2ff;background-color:var(--main-color);border-bottom:1px solid #f5f6fa;font-size:15px;padding:10px;text-align:center;width:90%}.update-table1,.update-table1.map{align-items:center;display:flex;justify-content:space-between}.update-table1.map{background-color:#fff;border-radius:0 0 5px 5px}.update-table1.map:hover{border-left:4px solid #2051e5;border-left:4px solid var(--btn-color);cursor:pointer}.update-table1 .img_car{text-align:center;width:80px}.update-table1 .img_car img{height:80px;object-fit:cover;width:100%}.update-table1 .dnum{width:50px}.update-table1 .worker-item{width:11%}form{border:1px solid #000;border-radius:10px;margin:30px 0;padding:20px}form .top-form{align-items:center;display:flex;gap:30px}form .top-form .top-form-left{width:250px}form .top-form .top-form-left img{height:250px;object-fit:cover;width:250px}form .top-form .top-form-rigth{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.top-form-rigth-2 p{padding:3px}form .top-form .top-form-rigth div{width:30%}form .top-form .top-form-rigth .address-uy{width:40%}form .top-form .top-form-rigth .resume{width:15%}form .center-form div input,form .top-form .top-form-rigth div input{border:1px solid #000;border:1px solid var(--black-color);font-size:16px;padding:5px;width:100%}form .center-form div input:focus,form .top-form .top-form-rigth div input:focus{outline:none}.center-form{display:flex;gap:20px;margin-top:20px}.bottom-form{display:flex;flex-wrap:wrap;justify-content:space-between}.bottom-form .bottom-form-item{margin-top:30px;width:30%}.bottom-form .bottom-form-item textarea{font-size:17px;height:300px;padding:5px;width:100%}#border-b{border:1px solid #000;padding:5px}#border-b p{margin-top:10px}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.loading-circle{animation:spin 1s linear infinite;border:5px solid #0000001a;border-radius:50%;border-top-color:#2051e5;border-top:5px solid var(--btn-color);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.form h3{margin-bottom:50px;text-align:center}.two-btn button{background-color:#fff;background-color:var(--white-color);border:1px solid #2051e5;border:1px solid var(--btn-color);border-radius:5px;color:#2051e5;color:var(--btn-color);cursor:pointer;margin-left:10px;padding:5px}.two-btn button:hover{opacity:.8}.two-btn button.active{background-color:#2051e5;background-color:var(--btn-color);box-shadow:0 0 3px 2px #3868f8;color:#fff;color:var(--white-color)}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:30px}.pagination button{background-color:#fff;background-color:var(--white-color);border:1px solid #2051e5;border:1px solid var(--btn-color);border-radius:4px;color:#2051e5;color:var(--btn-color);cursor:pointer;font-family:19px;padding:5px 10px}.pagination button:hover{opacity:.8}.pagination .active1{background-color:#2051e5;background-color:var(--btn-color);color:#fff;color:var(--white-color)}.search-form{border:none;display:flex;justify-content:end;padding:0}.search-form input{border:none;border-radius:5px;box-shadow:0 0 5px 5px gray;font-size:19px;padding:5px;width:330px}
/*# sourceMappingURL=main.3802fcf7.css.map*/