@charset "UTF-8";.add-famille-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-famille-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.add-famille-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.add-famille-page .form-group .required-star{color:red}.add-famille-page .form-group input,.add-famille-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-famille-page .form-group .error{color:red;font-size:12px;margin-top:4px}.add-famille-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-famille-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.add-famille-page .required-note .required-star{color:red}.add-famille-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-famille-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.general-btn{text-transform:capitalize!important;font-weight:500!important;padding:8px 13px!important;border-radius:8px!important}.general-btn:hover{opacity:.9}.general-btn .MuiCircularProgress-root{margin:0}.update-famille-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-famille-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-famille-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.update-famille-page .form-group .required-star{color:red}.update-famille-page .form-group input,.update-famille-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-famille-page .form-group .error{color:red;font-size:12px;margin-top:4px}.update-famille-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-famille-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-famille-page .required-note .required-star{color:red}.update-famille-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-famille-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.add-operation-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-operation-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.add-operation-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.add-operation-page .form-group .required-star{color:red}.add-operation-page .form-group input,.add-operation-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-operation-page .form-group .error{color:red;font-size:12px;margin-top:4px}.add-operation-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-operation-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.add-operation-page .required-note .required-star{color:red}.add-operation-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-operation-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-operation-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-operation-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-operation-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.update-operation-page .form-group .required-star{color:red}.update-operation-page .form-group input,.update-operation-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-operation-page .form-group .error{color:red;font-size:12px;margin-top:4px}.update-operation-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-operation-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-operation-page .required-note .required-star{color:red}.update-operation-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-operation-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.add-site-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-site-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.add-site-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.add-site-page .form-group .required-star{color:red}.add-site-page .form-group input,.add-site-page .form-group textarea{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-site-page .form-group .error{color:red;font-size:12px;margin-top:4px}.add-site-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-site-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.add-site-page .required-note .required-star{color:red}.add-site-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-site-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-site-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-site-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-site-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.update-site-page .form-group .required-star{color:red}.update-site-page .form-group input,.update-site-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-site-page .form-group .error{color:red;font-size:12px;margin-top:4px}.update-site-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-site-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-site-page .required-note .required-star{color:red}.update-site-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-site-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.add-skill-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-skill-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.add-skill-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.add-skill-page .form-group .required-star{color:red}.add-skill-page .form-group input,.add-skill-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-skill-page .form-group .error{color:red;font-size:12px;margin-top:4px}.add-skill-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-skill-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.add-skill-page .required-note .required-star{color:red}.add-skill-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-skill-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-skill-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-skill-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-skill-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.update-skill-page .form-group .required-star{color:red}.update-skill-page .form-group input,.update-skill-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-skill-page .form-group .error{color:red;font-size:12px;margin-top:4px}.update-skill-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-skill-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-skill-page .required-note .required-star{color:red}.update-skill-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-skill-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.add-unite-ligne{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-unite-ligne .form-group{display:flex;flex-direction:column;margin-bottom:16px}.add-unite-ligne .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#3f4254}.add-unite-ligne .form-group .required-star{color:red}.add-unite-ligne .form-group input,.add-unite-ligne .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-unite-ligne .form-group .error{color:red;font-size:12px;margin-top:4px}.add-unite-ligne .custom-select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif}.add-unite-ligne .custom-select .MuiSelect-select{padding:8px}.add-unite-ligne .row-group{display:flex;flex-direction:column;margin-bottom:16px}.add-unite-ligne .row-group label{margin-bottom:8px}.add-unite-ligne .row-group .row-content{display:flex;width:100%;gap:160px}.add-unite-ligne .row-group .row-content .left-column{flex:0 0 300px;display:flex;gap:16px;align-items:center}.add-unite-ligne .row-group .row-content .right-column{flex:1}.add-unite-ligne .row-group .row-content .right-column .MuiFormControl-root{width:100%}.add-unite-ligne .custom-input{border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif;width:100%;box-sizing:border-box;padding-right:350px}.add-unite-ligne .custom-input .MuiSelect-select{padding:8px}.add-unite-ligne .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-unite-ligne .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.add-unite-ligne .required-note .required-star{color:red}.add-ligne-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-ligne-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-ligne{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-ligne .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-ligne .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px}.update-ligne .form-group .required-star{color:red}.update-ligne .form-group input,.update-ligne .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-ligne .form-group .error{color:red;font-size:12px;margin-top:4px}.update-ligne .custom-select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif}.update-ligne .custom-select .MuiSelect-select{padding:8px}.update-ligne .row-group{display:flex;flex-direction:column;margin-bottom:16px}.update-ligne .row-group label{margin-bottom:8px}.update-ligne .row-group .row-content{display:flex;width:100%;gap:160px}.update-ligne .row-group .row-content .left-column{flex:0 0 300px;display:flex;gap:16px;align-items:center}.update-ligne .row-group .row-content .right-column{flex:1}.update-ligne .row-group .row-content .right-column .MuiFormControl-root{width:100%}.update-ligne .custom-input{border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif;width:100%;box-sizing:border-box;padding-right:350px}.update-ligne .custom-input .MuiSelect-select{padding:8px}.update-ligne .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-ligne .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-ligne .required-note .required-star{color:red}.update-ligne-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-ligne-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-unite{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-unite .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-unite .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px}.update-unite .form-group .required-star{color:red}.update-unite .form-group input,.update-unite .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-unite .form-group .error{color:red;font-size:12px;margin-top:4px}.update-unite .custom-select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif}.update-unite .custom-select .MuiSelect-select{padding:8px}.update-unite .row-group{display:flex;flex-direction:column;margin-bottom:16px}.update-unite .row-group label{margin-bottom:8px}.update-unite .row-group .row-content{display:flex;width:100%;gap:160px}.update-unite .row-group .row-content .left-column{flex:0 0 300px;display:flex;gap:16px;align-items:center}.update-unite .row-group .row-content .right-column{flex:1}.update-unite .row-group .row-content .right-column .MuiFormControl-root{width:100%}.update-unite .custom-input{border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif;width:100%;box-sizing:border-box;padding-right:350px}.update-unite .custom-input .MuiSelect-select{padding:8px}.update-unite .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-unite .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-unite .required-note .required-star{color:red}.update-unite-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-unite-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.user-form-grid{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.user-form-grid .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:10px}.user-form-grid .form-group{display:flex;flex-direction:column}.user-form-grid .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:20px}.user-form-grid .form-group .required-star{color:red}.user-form-grid .form-group input,.user-form-grid .form-group textarea,.user-form-grid .form-group select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif}.user-form-grid .form-group .error{color:red;font-size:12px;margin-top:4px}.user-form-grid .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.user-form-grid .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic;margin-top:12px}.user-form-grid .required-note .required-star{color:red}.user-form-grid .skill-ratings{grid-column:1/-1}.user-form-grid .skill-ratings .skill-ratings-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:8px}.user-form-grid .skill-ratings .skill-rating-item{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#f9f9f9}.user-form-grid .skill-ratings .skill-rating-item .skill-name{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.user-form-grid .skill-ratings .skill-rating-item .rating-select{padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif;background-color:#fff}.add-user-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-user-header .title{color:#00548d!important;font-size:24px;font-weight:700;font-family:Inter,sans-serif}.photo-uploader .avatar-wrapper{position:relative;display:inline-block;width:max-content}.photo-uploader .avatar-wrapper .avatar{width:77px;height:73px;border-radius:10px;background-color:#d2d2e1;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-uploader .avatar-wrapper .buttons-containerimg{position:absolute;bottom:-8px;display:flex;left:22%;gap:5px}.photo-uploader .avatar-wrapper .buttons-containerimg button{box-shadow:0 1px 3px #0003;padding:2px;background-color:#fff;border-radius:4px;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}.photo-uploader .caption{display:block;margin-top:15px;color:#666;font-size:.75rem}.userUpdate-form-grid{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.userUpdate-form-grid .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:10px}.userUpdate-form-grid .form-group{display:flex;flex-direction:column}.userUpdate-form-grid .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:20px}.userUpdate-form-grid .form-group .required-star{color:red}.userUpdate-form-grid .form-group input,.userUpdate-form-grid .form-group textarea,.userUpdate-form-grid .form-group select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif}.userUpdate-form-grid .form-group .error{color:red;font-size:12px;margin-top:4px}.userUpdate-form-grid .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.userUpdate-form-grid .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic;margin-top:12px}.userUpdate-form-grid .required-note .required-star{color:red}.userUpdate-form-grid .skill-ratings{grid-column:1/-1;margin-top:16px}.userUpdate-form-grid .skill-ratings .skill-ratings-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:8px}.userUpdate-form-grid .skill-ratings .skill-rating-item{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.userUpdate-form-grid .skill-ratings .skill-rating-item .skill-name{font-weight:600;color:#333;margin-bottom:4px}.userUpdate-form-grid .skill-ratings .skill-rating-item .rating-select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Inter,sans-serif;background-color:#fff;cursor:pointer}.userUpdate-form-grid .skill-ratings .skill-rating-item .rating-select:focus{outline:none;border-color:#0569ad;box-shadow:0 0 0 2px #0569ad33}.update-user-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-user-header .title{color:#00548d!important;font-size:24px;font-weight:700;font-family:Inter,sans-serif}.add-workstation-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-workstation-page .form-row{display:flex;gap:16px;margin-bottom:16px}.add-workstation-page .form-row .form-group{flex:1;display:flex;flex-direction:column}.add-workstation-page .form-group{margin-bottom:16px}.add-workstation-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px}.add-workstation-page .form-group .required-star{color:red}.add-workstation-page .form-group input,.add-workstation-page .form-group select,.add-workstation-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-workstation-page .form-group .error{color:red;font-size:12px;margin-top:4px}.add-workstation-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-workstation-page .form-group.operations-select .MuiSelect-select{padding:2px}.add-workstation-page .form-group.operations-select label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px}.add-workstation-page .form-group.operations-select .required-star{color:red}.add-workstation-page .form-group.operations-select .MuiSelect-root{font-size:14px;min-height:40px;background-color:#fff}.add-workstation-page .form-group.operations-select .MuiOutlinedInput-root{padding:8px!important}.add-workstation-page .form-group.operations-select .chips-container{display:flex;flex-wrap:wrap;gap:4px}.add-workstation-page .form-group.operations-select .error{color:red;font-size:12px;margin-top:4px}.add-workstation-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-style:italic}.add-workstation-page .required-note .required-star{color:red}.add-workstation-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-workstation-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-workstation-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-workstation-page .form-row{display:flex;gap:16px;margin-bottom:16px}.update-workstation-page .form-row .form-group{flex:1;display:flex;flex-direction:column}.update-workstation-page .form-group{margin-bottom:16px}.update-workstation-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px}.update-workstation-page .form-group .required-star{color:red}.update-workstation-page .form-group input,.update-workstation-page .form-group select,.update-workstation-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-workstation-page .form-group .error{color:red;font-size:12px;margin-top:4px}.update-workstation-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-workstation-page .form-group.operations-select .MuiSelect-select{padding:2px}.update-workstation-page .form-group.operations-select label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px}.update-workstation-page .form-group.operations-select .required-star{color:red}.update-workstation-page .form-group.operations-select .MuiSelect-root{font-size:14px;min-height:40px;background-color:#fff}.update-workstation-page .form-group.operations-select .MuiOutlinedInput-root{padding:8px!important}.update-workstation-page .form-group.operations-select .chips-container{display:flex;flex-wrap:wrap;gap:4px}.update-workstation-page .form-group.operations-select .error{color:red;font-size:12px;margin-top:4px}.update-workstation-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-style:italic}.update-workstation-page .required-note .required-star{color:red}.update-workstation-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-workstation-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.general-box-list{padding:16px;border-radius:8px}.general-box-list .general-box-list-header{padding:0 24px;display:flex;justify-content:space-between;align-items:center}.general-box-list .general-box-list-header h6{font-weight:600;color:#00548d;font-size:22px}.general-box-list .general-box-list-header .MuiButton-root.add-btn{background-color:#0569ad;color:#fff}.general-box-list .general-box-list-header .MuiButton-root.add-btn:hover{background-color:#045a8d}.general-box-list .general-box-list-header .MuiButton-root.export-btn{border-color:#0569ad;color:#0569ad}.general-box-list .general-box-list-header .MuiButton-root.export-btn:hover{background-color:#0569ad;color:#fff}.table-container-general{background-color:#fff;border-radius:10px;overflow:auto;max-width:100%}.table-container-general::-webkit-scrollbar{width:12px;height:12px}.table-container-general::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.table-container-general::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.table-container-general::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.general-table{min-width:800px;width:100%}.general-table .MuiTableCell-root{padding:8px 16px;font-size:14px;white-space:nowrap}.general-table thead{position:sticky;top:0;z-index:1}.general-table thead .table-header-cell{background-color:#f5f5f5;font-weight:600;position:sticky;top:0}.general-table tbody tr:hover{background-color:#f8f9fa}.general-table tbody .table-body-cell{background-color:#fff}.general-table .empty-message{padding:40px 16px;color:#666;font-style:italic;font-size:16px}.general-table .pagination-cell{position:sticky;bottom:0;background-color:#fff;border-top:1px solid #e0e0e0}@media (max-width: 1230px){.table-container-general{max-width:800px}}@media (max-width: 768px){.table-container-general .general-table{min-width:1000px}}.anomalieFilters{background-color:#fff;padding:20px 25px;border-radius:8px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-height:60px}.anomalieFilters .rechercheBox{flex-shrink:0;flex:1}.anomalieFilters .rechercheBox .MuiTextField-root{width:100%;max-width:300px}.anomalieFilters .rechercheBox .MuiTextField-root .MuiInputBase-root{height:40px;border-radius:6px}.anomalieFilters .filterItem{display:flex;align-items:center;gap:8px;flex-shrink:0}.anomalieFilters .filterItem .filterLabel{font-weight:500;font-size:.875rem;color:#333;white-space:nowrap}.anomalieFilters .filterItem .MuiFormControl-root{min-width:120px;height:40px}.anomalieFilters .filterItem .MuiFormControl-root .MuiSelect-root{height:40px;border-radius:6px}.anomalieFilters .actionsContainer{margin-left:auto;flex-shrink:0;position:relative}@media (max-width: 1024px){.anomalieFilters{gap:15px}.anomalieFilters .rechercheBox .MuiTextField-root{max-width:250px}}@media (max-width: 768px){.anomalieFilters{flex-direction:column;align-items:stretch}.anomalieFilters .rechercheBox,.anomalieFilters .filterItem,.anomalieFilters .actionsContainer{width:100%}.anomalieFilters .filterItem{flex-direction:column;align-items:flex-start}.anomalieFilters .filterItem .MuiFormControl-root{width:100%}.anomalieFilters .actionsContainer{margin-left:0;display:flex;justify-content:flex-end}}.work-schema-page{display:flex;flex-direction:column;align-items:center;height:50vh;text-align:center;gap:2rem;padding:2rem}.work-schema-page .product-title{font-weight:700;font-size:48px;color:#333}.work-schema-page .button-row{margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.work-schema-page .btn-out,.work-schema-page .btn-rework,.work-schema-page .btn-pause{width:400px!important;height:114px!important;border-radius:20px;font-size:30px;font-weight:700;color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #00000026}.work-schema-page .btn-out:active,.work-schema-page .btn-rework:active,.work-schema-page .btn-pause:active{transform:scale(.97)}.work-schema-page .btn-out .MuiButton-startIcon,.work-schema-page .btn-rework .MuiButton-startIcon,.work-schema-page .btn-pause .MuiButton-startIcon{font-size:2.5rem;transition:font-size .3s ease}.work-schema-page .btn-out{background-color:#2e7d32}.work-schema-page .btn-out:hover{background-color:#27632a}.work-schema-page .btn-rework{background-color:#d32f2f!important}.work-schema-page .btn-rework:hover{background-color:#9a2424!important}.work-schema-page .btn-pause{background-color:#ef6c00;width:425px;margin-top:1rem}.work-schema-page .btn-pause:hover{background-color:#c75c00}.work-schema-page .btn-pause.btn-resume{background-color:#2e7d32!important;color:#fff!important}.work-schema-page .btn-pause.btn-resume:hover{background-color:#27632a!important}.work-schema-page .postout-button-work{position:fixed;bottom:40px;right:30px;background-color:#2e7d32;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;z-index:1000;transition:background-color .3s ease,transform .2s ease}.work-schema-page .postout-button-work:hover{background-color:#27632a;transform:scale(1.05)}@media (max-width: 1024px){.work-schema-page .btn-out,.work-schema-page .btn-rework,.work-schema-page .btn-pause{width:85%;height:100px;font-size:24px}.work-schema-page .btn-out .MuiButton-startIcon,.work-schema-page .btn-rework .MuiButton-startIcon,.work-schema-page .btn-pause .MuiButton-startIcon{font-size:2rem}}@media (max-width: 768px){.work-schema-page{height:auto}.work-schema-page .product-title{font-size:32px}.work-schema-page .btn-out,.work-schema-page .btn-rework,.work-schema-page .btn-pause{width:90%;height:90px;font-size:22px}.work-schema-page .btn-out .MuiButton-startIcon,.work-schema-page .btn-rework .MuiButton-startIcon,.work-schema-page .btn-pause .MuiButton-startIcon{font-size:1.8rem}.work-schema-page .postout-button-work{bottom:20px;right:20px;font-size:12px;padding:10px 20px}.work-schema-page .btn-rework{margin-left:0}}@media (max-width: 480px){.work-schema-page .product-title{font-size:24px}.work-schema-page .button-row{flex-wrap:nowrap;justify-content:center;gap:.5rem}.work-schema-page .btn-out,.work-schema-page .btn-rework{width:80%;height:80px;font-size:16px}.work-schema-page .btn-out .MuiButton-startIcon,.work-schema-page .btn-rework .MuiButton-startIcon{font-size:1.2rem}.work-schema-page .btn-pause{width:80%;height:80px;font-size:18px}.work-schema-page .btn-pause .MuiButton-startIcon{font-size:1.4rem}.work-schema-page .btn-pause{margin-top:.5rem}.work-schema-page .postout-button-work{bottom:15px;right:15px;font-size:11px;padding:8px 16px}}@media (max-width: 768px){.work-schema-page{gap:1rem}.work-schema-page .button-row{margin-bottom:0!important}.work-schema-page .btn-pause{margin-top:0!important}}.permission-container-famille{display:flex;align-items:center;justify-content:center;padding:2rem}.permission-container-famille .permission-box-famille{background:#fff;padding:130px;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;max-width:627px;width:100%;position:relative}.permission-container-famille .permission-box-famille .close-icon{position:absolute;top:16px;right:16px;color:#888;cursor:pointer}.permission-container-famille .permission-box-famille .icon-circle{border-radius:50%;width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.permission-container-famille .permission-box-famille .icon-circle .icon-cross{font-size:28px;color:#f44336;font-weight:700}.permission-container-famille .permission-box-famille .title{color:#f44336;font-size:60px;font-weight:700;margin-bottom:8px}.permission-container-famille .permission-box-famille .message{color:#0a3d62;margin-bottom:24px;font-size:23px}.permission-container-famille .permission-box-famille .btn-retour{display:inline-flex;align-items:center;gap:8px;background-color:#0a3d62;color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.permission-container-famille .permission-box-famille .btn-retour:hover{background-color:#064173}@media (max-width: 785px){.permission-box-famille{padding:80px}.permission-box-famille .title{font-size:48px}.permission-box-famille .message{font-size:20px}.permission-box-famille .icon-circle{width:54px;height:54px}.permission-box-famille .icon-circle .icon-cross{font-size:24px}.permission-box-famille .btn-retour{font-size:14px;padding:8px 18px}}@media (max-width: 480px){.permission-box-famille{padding:70px}.permission-box-famille .title{font-size:36px}.permission-box-famille .message{font-size:16px}.permission-box-famille .icon-circle{width:44px;height:44px}.permission-box-famille .icon-circle .icon-cross{font-size:20px}.permission-box-famille .btn-retour{font-size:13px;padding:6px 14px}}.productOut-container{width:700px;background-color:#f9fafc;border-radius:8px;padding:160px;text-align:center;position:relative;box-shadow:0 2px 8px #0000001a;margin:auto}.close-btn{position:absolute!important;top:12px;right:12px;color:#1a2a44!important}.check-icon{color:#009688;font-size:50px!important;margin-bottom:8px}.title{font-weight:600!important;color:#009688!important;margin-bottom:8px!important;font-size:30px!important}.subtitle{color:#1a2a44;margin-bottom:24px!important;font-size:30px!important}.cancel-btn{background-color:#324c7e!important;text-transform:none!important}.cancel-btn:hover{background-color:#263b63!important}.confirm-btn{background-color:#009688!important;text-transform:none!important}.confirm-btn:hover{background-color:#00796b!important}.confirm-btn .postout-button-work{align-self:flex-end;margin-right:2rem;margin-bottom:1rem;background-color:#06815c!important;color:#fff!important;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.confirm-btn .postout-button-work:hover{background-color:#026b44!important;transform:scale(1.05)}.confirm-btn .postout-button-work:active{transform:scale(.98)}@media (max-width: 1024px){.productOut-container{width:90%;padding:80px}}.rework-container{display:flex;flex-direction:column;align-items:center}.product-title{font-weight:700!important;font-size:48px!important}.buttons-container{display:flex;justify-content:flex-end;align-items:center;width:100%;gap:16px;margin-top:16px}.buttons-container .button{text-transform:none}.buttons-container .cancel{background-color:#036}.buttons-container .confirm{background-color:#2e7d32}.post-out-button-rework{position:fixed;bottom:40px;right:30px;background-color:green;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;z-index:1000;transition:background-color .3s ease}.post-out-button-rework:hover{background-color:#27632a}.rework-card{position:relative;width:80%;padding:27px;border-radius:13px;background-color:#f9f9f9;box-shadow:0 2px 8px #0000001a}@media (max-width: 1070px){.rework-card{padding:50px}}@media (max-width: 768px){.rework-card{width:80%}.product-title{font-size:32px!important}.rework-card{padding:15px}}.delete-confirm-button__icon{transition:all .2s ease-in-out}.delete-confirm-button__icon:disabled{opacity:.6;cursor:not-allowed}.delete-confirm-button__dialog{border-radius:8px;box-shadow:0 10px 40px #0000001a;max-width:450px;width:100%;margin:16px;overflow:hidden}.delete-confirm-button__dialog-title{padding:16px 24px;border-bottom:1px solid}.delete-confirm-button__dialog-title .title-content{display:flex;align-items:center;gap:12px}.delete-confirm-button__dialog-title .title-content svg{fill:#fff}.delete-confirm-button__dialog-title .title-text{font-weight:600;font-size:1.1rem;color:#fff}.delete-confirm-button__dialog-content{padding:24px;text-align:left}.delete-confirm-button__dialog-content .message-text{color:#333;line-height:1.6;margin-bottom:16px;font-size:.95rem}.delete-confirm-button__dialog-content .warning-box{border-radius:4px;padding:16px;margin-top:16px;display:flex;align-items:center;gap:8px}.delete-confirm-button__dialog-content .warning-box .warning-text{font-weight:500;font-size:.875rem;display:flex;gap:8px}.delete-confirm-button__dialog-actions{padding:20px 24px;background-color:#fafafa;border-top:1px solid;display:flex;justify-content:flex-end;gap:12px}.delete-confirm-button__dialog-actions .cancel-button{border-color:#00548d4d;color:#666;font-weight:500;padding:6px 24px;border-radius:4px;text-transform:none}.delete-confirm-button__dialog-actions .cancel-button:hover{background-color:#00548d14}.delete-confirm-button__dialog-actions .cancel-button:disabled{opacity:.6}.delete-confirm-button__dialog-actions .delete-button{background-color:#00548d;color:#fff;font-weight:500;padding:6px 24px;border-radius:4px;min-width:100px;text-transform:none;transition:all .2s ease}.delete-confirm-button__dialog-actions .delete-button:hover{background-color:#00406a;box-shadow:0 4px 12px #00548d4d;transform:translateY(-1px)}.delete-confirm-button__dialog-actions .delete-button:disabled{background-color:#00548d80;color:#fff;transform:none;box-shadow:none}.delete-confirm-button__error-alert{margin-bottom:16px;border-radius:4px;border:1px solid #ffcdd2;background-color:#ffebee}.view-button{color:#fff!important;padding:6px!important;border-radius:7px!important;background-color:#00548d!important;width:40px;height:40px}.view-button:hover{background-color:#00548dd1!important}.view-button .MuiSvgIcon-root{font-size:16px!important}:export{primaryColor:#00548d;primaryDark:#00406a;textColor:#333333;grayColor:#666666;warningColor:#ff3b30;backgroundColor:#fafafa}.batch-tracking-page{padding:24px;background-color:#f5f5f5;min-height:100vh}.batch-tracking-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.batch-tracking-page .page-header .page-title{font-weight:600;color:#333;font-size:28px}.batch-tracking-page .page-header .export-button{background-color:#0569ad;color:#fff;text-transform:none;font-weight:500;padding:10px 20px;border-radius:6px}.batch-tracking-page .page-header .export-button:hover{background-color:#1565c0}.batch-tracking-page .filters-section{display:flex;gap:16px;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;align-items:flex-end}.batch-tracking-page .filters-section .search-field{flex:1;min-width:250px}.batch-tracking-page .filters-section .search-field .MuiOutlinedInput-root{background-color:#f8f9fa}.batch-tracking-page .filters-section .filter-field{min-width:150px}.batch-tracking-page .filters-section .filter-field .MuiOutlinedInput-root{background-color:#f8f9fa}.batch-tracking-page .filters-section .MuiFormLabel-root{font-weight:500;color:#555}.batch-tracking-page .filters-section .MuiSelect-select{font-weight:500}.batch-tracking-page .batches-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.batch-tracking-page .batches-table .table-header{background-color:#f8f9fa;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;padding:16px 12px;font-size:14px}.batch-tracking-page .batches-table .table-row:hover{background-color:#f8f9fa}.batch-tracking-page .batches-table .table-row:nth-child(2n){background-color:#fafafa}.batch-tracking-page .batches-table .table-row:nth-child(2n):hover{background-color:#f0f0f0}.batch-tracking-page .batches-table .table-row .MuiTableCell-root{padding:12px;border-bottom:1px solid #e0e0e0;font-size:14px}.batch-tracking-page .batches-table .table-row .batch-id{font-weight:600;color:#1976d2;font-family:Courier New,monospace}.batch-tracking-page .batches-table .table-row .status-chip{font-weight:500;font-size:12px}.batch-tracking-page .batches-table .table-row .status-chip.MuiChip-colorDefault{background-color:#e0e0e0;color:#666}.batch-tracking-page .batches-table .table-row .status-chip.MuiChip-colorPrimary{background-color:#e3f2fd;color:#1976d2}.batch-tracking-page .batches-table .table-row .status-chip.MuiChip-colorSuccess{background-color:#e8f5e8;color:#2e7d32}.batch-tracking-page .batches-table .table-row .view-button{color:#fff;padding:6px;border-radius:7px;background-color:#00548d}.batch-tracking-page .batches-table .table-row .view-button:hover{background-color:#00548dd1}.batch-tracking-page .batches-table .table-row .view-button .MuiSvgIcon-root{font-size:16px}.batch-tracking-page .pagination-container{display:flex;justify-content:center;margin-top:24px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.batch-tracking-page .pagination-container .MuiPagination-root .MuiPaginationItem-root.Mui-selected{background-color:#1976d2;color:#fff}.batch-tracking-page .pagination-container .MuiPagination-root .MuiPaginationItem-root:hover{background-color:#e3f2fd}.header-actions{display:flex;gap:12px}@media (max-width: 1200px){.batch-tracking-page .filters-section .search-field{min-width:200px}.batch-tracking-page .filters-section .filter-field{min-width:120px}}@media (max-width: 768px){.batch-tracking-page{padding:16px}.batch-tracking-page .page-header{flex-direction:column;gap:16px;align-items:stretch;text-align:center}.batch-tracking-page .page-header .page-title{font-size:24px}.batch-tracking-page .filters-section{flex-direction:column;gap:12px}.batch-tracking-page .filters-section .search-field,.batch-tracking-page .filters-section .filter-field{min-width:unset;width:100%}.batch-tracking-page .batches-table{overflow-x:auto}.batch-tracking-page .batches-table .MuiTable-root{min-width:800px}}@media (max-width: 480px){.batch-tracking-page{padding:12px}.batch-tracking-page .page-header{padding:16px}.batch-tracking-page .page-header .page-title{font-size:20px}.batch-tracking-page .filters-section{padding:16px}.batch-tracking-page .batches-table .table-header,.batch-tracking-page .batches-table .table-row .MuiTableCell-root{padding:8px;font-size:12px}}.batch-detail-page{padding:24px;background-color:#f5f5f5;min-height:100vh}.batch-detail-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.batch-detail-page .page-header .page-title{color:#1976d2;font-weight:700;font-size:1.75rem;margin:0}.batch-detail-page .page-header .header-actions{display:flex;gap:12px}.batch-detail-page .page-header .header-actions .back-button{border:1px solid #e0e0e0;color:#666;text-transform:none;font-weight:500;padding:8px 16px;border-radius:4px;background:#fff}.batch-detail-page .page-header .header-actions .back-button:hover{border-color:#1976d2;color:#1976d2;background:#f8f9fa}.batch-detail-page .page-header .header-actions .export-button{background:#1976d2;color:#fff;text-transform:none;font-weight:500;padding:8px 16px;border-radius:4px;border:none;box-shadow:0 1px 3px #1976d24d}.batch-detail-page .page-header .header-actions .export-button:hover{background:#1565c0;box-shadow:0 2px 6px #1976d266}.batch-detail-page .summary-cards{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.batch-detail-page .summary-cards .summary-card{flex:1;min-width:150px;background:#edf4f9;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:12px;transition:box-shadow .2s ease}.batch-detail-page .summary-cards .summary-card:hover{box-shadow:0 2px 6px #00000026}.batch-detail-page .summary-cards .summary-card.tracked{background:#e8f5e8;border:1px solid #c8e6c9}.batch-detail-page .summary-cards .summary-card.untracked{background:#ffebee;border:1px solid #ffcdd2}.batch-detail-page .summary-cards .summary-card .card-icon{display:flex;align-items:center;justify-content:center}.batch-detail-page .summary-cards .summary-card .card-icon .icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f5f5f5}.batch-detail-page .summary-cards .summary-card .card-icon.famille-icon .icon-circle{background:#e1bee7}.batch-detail-page .summary-cards .summary-card .card-icon.reference-icon .icon-circle{background:#c8e6c9}.batch-detail-page .summary-cards .summary-card .card-icon.operations-icon .icon-circle{background:#ffe0b2}.batch-detail-page .summary-cards .summary-card .card-icon.total-icon .icon-circle{background:#bbdefb}.batch-detail-page .summary-cards .summary-card .card-icon.tracked-icon .icon-circle{background:#c8e6c9}.batch-detail-page .summary-cards .summary-card .card-icon.untracked-icon .icon-circle{background:#ffcdd2}.batch-detail-page .summary-cards .summary-card .card-content{flex:1}.batch-detail-page .summary-cards .summary-card .card-content .card-value{font-weight:700;color:#333;font-size:1.25rem;margin:0 0 4px;line-height:1.2}.batch-detail-page .summary-cards .summary-card .card-content .card-label{color:#666;font-weight:500;font-size:.75rem;margin:0;line-height:1.2}.batch-detail-page .tabs-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.batch-detail-page .tabs-container .view-tabs .MuiTab-root{text-transform:none;font-weight:500;font-size:.95rem;padding:12px 24px;color:#666}.batch-detail-page .tabs-container .view-tabs .MuiTab-root.Mui-selected{color:#333;font-weight:600}.batch-detail-page .tabs-container .view-tabs .MuiTabs-indicator{background-color:#1976d2;height:2px}.batch-detail-page .tab-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.batch-detail-page .global-view .process-section{margin-bottom:40px}.batch-detail-page .global-view .process-section .process-title{color:#1976d2;font-weight:600;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #e3f2fd;font-size:1.1rem}.batch-detail-page .global-view .process-section .operations-flow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:30px;align-items:flex-end}.batch-detail-page .global-view .process-section .operations-flow .operation-box{display:flex;flex-direction:column;align-items:center;position:relative}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item{width:70px;height:65px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid #e0e0e0;transition:all .2s ease}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item.completed{background:#1976d2;color:#fff}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item.in-progress{background:#1976d2;color:#fff;border-color:#1976d2}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item.pending,.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item.skipped{background:#f5f5f5;color:#999;border-color:#e0e0e0}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item.inactive{background:#f5f5f5;color:#000;border:2px solid #000}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item .operation-count{font-weight:600;font-size:.9rem}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item .skip-symbol{font-weight:700;color:#999;font-size:1.4rem;line-height:1}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-item .inactive-symbol{font-weight:700;color:#000;font-size:1.6rem;line-height:1}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-label{text-align:center;color:#666;font-weight:400;font-size:.75rem;max-width:60px;line-height:1.2}.batch-detail-page .global-view .process-section .operations-flow .operation-box .operation-tooltip{position:absolute;top:-6px;right:-6px;width:12px;height:12px;background:#2196f3;border-radius:50%;border:2px solid white}.batch-detail-page .global-view .operations-table-section .table-title{color:#333;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0;font-size:1rem}.batch-detail-page .global-view .operations-table-section .operations-table{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.batch-detail-page .global-view .operations-table-section .operations-table .MuiTableHead-root{background:#f5f5f5}.batch-detail-page .global-view .operations-table-section .operations-table .MuiTableCell-head{font-weight:600;color:#333;border-bottom:1px solid #e0e0e0}.batch-detail-page .global-view .operations-table-section .operations-table .process-header-row .process-header{background:#f8f9fa;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0;font-size:.9rem}.batch-detail-page .global-view .operations-table-section .operations-table .operation-row:hover{background-color:#f8f9fa}.batch-detail-page .global-view .operations-table-section .operations-table .operation-row .MuiTableCell-root{border-bottom:1px solid #f0f0f0;font-size:.9rem}.batch-detail-page .detailed-view .products-table{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.batch-detail-page .detailed-view .products-table .MuiTableHead-root{background:#f5f5f5}.batch-detail-page .detailed-view .products-table .MuiTableCell-head{font-weight:600;color:#333;border-bottom:1px solid #e0e0e0;font-size:.9rem}.batch-detail-page .detailed-view .products-table .product-row:hover{background-color:#f8f9fa}.batch-detail-page .detailed-view .products-table .product-row .MuiTableCell-root{border-bottom:1px solid #f0f0f0;font-size:.9rem}.batch-detail-page .detailed-view .products-table .product-row .product-id{font-family:Courier New,monospace;font-weight:600;color:#1976d2;font-size:.85rem}.batch-detail-page .detailed-view .products-table .product-row .status-chip{font-weight:600;text-transform:uppercase;font-size:.7rem;height:24px;border-radius:12px}.batch-detail-page .detailed-view .products-table .product-row .view-more-button{text-transform:none;font-weight:500;font-size:.8rem;padding:4px 12px;height:28px;border-radius:4px;width:max-content}@media (max-width: 768px){.batch-detail-page{padding:16px}.batch-detail-page .page-header .header-content{flex-direction:column;gap:16px;align-items:stretch}.batch-detail-page .page-header .header-content .header-actions{justify-content:center}.batch-detail-page .summary-cards .summary-card .card-content{padding:16px 12px}.batch-detail-page .summary-cards .summary-card .card-content .card-icon{font-size:24px;width:40px;height:40px}.batch-detail-page .summary-cards .summary-card .card-content .card-value{font-size:1.25rem}.batch-detail-page .global-view .operations-flow{justify-content:center}.batch-detail-page .global-view .operations-flow .operation-box .operation-item{width:50px;height:35px}.batch-detail-page .global-view .operations-flow .operation-box .operation-label{font-size:.7rem;max-width:60px}.batch-detail-page .tab-content{padding:16px}}@media (max-width: 480px){.batch-detail-page .page-header .header-content{padding:16px}.batch-detail-page .page-header .header-content .page-title{font-size:1.5rem}.batch-detail-page .summary-cards .summary-card .card-content{padding:12px 8px}.batch-detail-page .summary-cards .summary-card .card-content .card-icon{font-size:20px;width:36px;height:36px}.batch-detail-page .summary-cards .summary-card .card-content .card-value{font-size:1.1rem}.batch-detail-page .summary-cards .summary-card .card-content .card-label{font-size:.7rem}.batch-detail-page .global-view .operations-flow .operation-box .operation-item{width:40px;height:30px}.batch-detail-page .global-view .operations-flow .operation-box .operation-label{font-size:.65rem;max-width:50px}}.global-view{padding:24px;background-color:#f5f5f5;min-height:100vh}.global-view .process-section{margin-bottom:40px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.global-view .process-section .process-title{font-weight:700;color:#424242;margin-bottom:20px;font-size:1.1rem}.global-view .process-section .ligne-section{margin-bottom:24px;padding:16px;border:2px solid #365888;border-radius:18px;background-color:#fff}.global-view .process-section .ligne-section:last-child{margin-bottom:0}.global-view .process-section .ligne-section .ligne-title{font-weight:600;color:#424242;margin-bottom:16px;padding:8px 12px;border-left:4px solid #1976d2;border-radius:2px;background-color:#f5f5f5;display:inline-block}.global-view .process-section .ligne-section .workstations-flow{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.global-view .workstation-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.global-view .workstation-card-wrapper .workstation-card{width:80px;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;cursor:pointer}.global-view .workstation-card-wrapper .workstation-card.active-with-products{background-color:#365888;color:#fff}.global-view .workstation-card-wrapper .workstation-card.active-with-products .workstation-count{font-weight:700;font-size:1.5rem;color:#fff}.global-view .workstation-card-wrapper .workstation-card.inactive{background-color:#e1e3ea;position:relative}.global-view .workstation-card-wrapper .workstation-card.inactive:before{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:70px;font-weight:100;color:#365888;opacity:1;z-index:1;pointer-events:none}.global-view .workstation-card-wrapper .workstation-card:not(.active-with-products):not(.inactive){background-color:#e1e3ea}.global-view .workstation-card-wrapper .workstation-label{font-size:.75rem;color:#424242;text-align:center;max-width:80px;word-wrap:break-word;line-height:1.2}.global-view .tooltip-content .tooltip-title{font-weight:700;color:#fff;margin-bottom:12px;font-size:.95rem}.global-view .tooltip-content .tooltip-inactive{color:#f44336;font-weight:500}.global-view .tooltip-content .tooltip-en-cours{color:#ff9800;font-size:.875rem;margin-bottom:4px}.global-view .tooltip-content .tooltip-termines{color:#00bcd4;font-size:.875rem}.global-view .data-table-section{margin-top:32px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.global-view .data-table-section .data-table{box-shadow:none}.global-view .data-table-section .data-table .MuiTableHead-root .MuiTableRow-root .MuiTableCell-head{font-weight:700;color:#424242;background-color:#fafafa;border-bottom:2px solid #e0e0e0}.global-view .data-table-section .data-table .MuiTableBody-root .group-header-row{background-color:#fff}.global-view .data-table-section .data-table .MuiTableBody-root .group-header-row:hover{background-color:#f5f5f5}.global-view .data-table-section .data-table .MuiTableBody-root .group-header-row .MuiTableCell-root{border-bottom:1px solid #e0e0e0}.global-view .data-table-section .data-table .MuiTableBody-root .detail-row{background-color:#fafafa}.global-view .data-table-section .data-table .MuiTableBody-root .detail-row:hover{background-color:#f0f0f0}.global-view .data-table-section .data-table .MuiTableBody-root .detail-row .MuiTableCell-root{padding-left:48px;border-bottom:1px solid #e8e8e8;font-size:.875rem}.status-card-batch{display:flex;align-items:center;justify-content:space-between;background-color:#061a2b;border-radius:10px;padding:10px 16px;color:#fff;font-family:Inter,sans-serif;min-width:200px;z-index:444;position:absolute}.status-card-batch__title{font-weight:600;font-size:16px}.status-card-batch__status{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:500;justify-content:center;flex-direction:column;width:max-content}.status-card-batch__inProgress{color:#ff9a0b;width:max-content}.status-card-batch__done{color:#04ccad;width:max-content}.action-button{text-transform:none!important;font-weight:500!important;display:flex;justify-content:center;align-items:center;padding:8px!important}.action-button:hover{opacity:.9}.action-button.icon-only{padding:0!important}.action-button.icon-only .MuiSvgIcon-root{display:block;width:22px;height:22px}.famille-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.famille-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:0}.famille-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.famille-details-modal .modal-title .title-content .title-icon{font-size:24px}.famille-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.famille-details-modal .modal-content{padding:32px;background-color:#fafbfc}.famille-details-modal .modal-content .modal-field{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:12px}.famille-details-modal .modal-content .modal-field:hover{border-color:#0569ad;box-shadow:0 2px 8px #0569ad1a}.famille-details-modal .modal-content .modal-field:last-child{margin-bottom:0}.famille-details-modal .modal-content .modal-field .field-icon{color:#0569ad;font-size:18px;margin-top:2px;opacity:.8}.famille-details-modal .modal-content .modal-field .field-content{flex:1}.famille-details-modal .modal-content .modal-field .field-content .field-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.famille-details-modal .modal-content .modal-field .field-content .field-value{color:#2d3748;font-weight:500;line-height:1.5}.famille-details-modal .modal-content .modal-field .field-content .field-value.timestamp{color:#718096;font-size:.9rem}.famille-details-modal .modal-actions{padding:20px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.famille-details-modal .modal-actions .close-btn{color:#fff!important;font-weight:500;padding:10px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:auto;width:48px;height:48px;transition:all .2s ease;background:transparent;box-shadow:none}.famille-details-modal .modal-actions .close-btn:hover{transform:translateY(-1px)}.famille-details-modal .modal-actions .close-btn:active{transform:translateY(0)}@media (max-width: 600px){.famille-details-modal .modal-paper{margin:16px}.famille-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.famille-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.famille-details-modal .modal-content{padding:20px}.famille-details-modal .modal-content .modal-field{padding:10px 12px}.famille-details-modal .modal-actions{padding:16px 20px}}.operation-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.operation-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:0}.operation-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.operation-details-modal .modal-title .title-content .title-icon{font-size:24px}.operation-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.operation-details-modal .modal-content{padding:32px;background-color:#fafbfc}.operation-details-modal .modal-content .modal-field{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:12px}.operation-details-modal .modal-content .modal-field:hover{border-color:#0569ad;box-shadow:0 2px 8px #0569ad1a}.operation-details-modal .modal-content .modal-field:last-child{margin-bottom:0}.operation-details-modal .modal-content .modal-field .field-icon{color:#0569ad;font-size:18px;margin-top:2px;opacity:.8}.operation-details-modal .modal-content .modal-field .field-content{flex:1}.operation-details-modal .modal-content .modal-field .field-content .field-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.operation-details-modal .modal-content .modal-field .field-content .field-value{color:#2d3748;font-weight:500;line-height:1.5}.operation-details-modal .modal-content .modal-field .field-content .field-value.timestamp{color:#718096;font-size:.9rem}.operation-details-modal .modal-actions{padding:20px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.operation-details-modal .modal-actions .close-btn{color:#fff!important;font-weight:500;padding:10px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:auto;width:48px;height:48px;transition:all .2s ease;background:transparent;box-shadow:none}.operation-details-modal .modal-actions .close-btn:hover{transform:translateY(-1px)}.operation-details-modal .modal-actions .close-btn:active{transform:translateY(0)}@media (max-width: 600px){.operation-details-modal .modal-paper{margin:16px}.operation-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.operation-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.operation-details-modal .modal-content{padding:20px}.operation-details-modal .modal-content .modal-field{padding:10px 12px}.operation-details-modal .modal-actions{padding:16px 20px}}.import-details-modal .MuiDialog-paper{border-radius:12px;max-height:90vh}.import-details-modal .MuiDialogTitle-root{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:20px 24px}.import-details-modal .MuiDialogTitle-root .MuiTypography-h5{color:#333;font-weight:600}.import-details-modal .MuiDialogContent-root{padding:24px}.import-details-modal .import-info{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:24px}.import-details-modal .import-info .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.import-details-modal .import-info .info-row:last-child{margin-bottom:0}.import-details-modal .import-info .info-row .MuiTypography-subtitle2{font-weight:600;color:#666;min-width:150px}.import-details-modal .import-info .info-row .MuiTypography-body1{font-weight:500;color:#333}.import-details-modal .batches-section .section-title{color:#333;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #2196f3}.import-details-modal .batches-section .batches-table{box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden}.import-details-modal .batches-section .batches-table .MuiTableHead-root{background-color:#f5f5f5}.import-details-modal .batches-section .batches-table .MuiTableHead-root .MuiTableCell-root{font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.import-details-modal .batches-section .batches-table .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f8f9fa}.import-details-modal .batches-section .batches-table .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root{border-bottom:1px solid #e0e0e0}.import-details-modal .MuiDialogActions-root{padding:16px 24px;background-color:#f5f5f5;border-top:1px solid #e0e0e0}.import-details-modal .MuiDialogActions-root .MuiButton-root{text-transform:none;font-weight:500;padding:8px 24px}@media (max-width: 768px){.import-details-modal .MuiDialog-paper{margin:16px;max-height:calc(100vh - 32px)}.import-details-modal .import-info .info-row{flex-direction:column;align-items:flex-start;gap:4px}.import-details-modal .import-info .info-row .MuiTypography-subtitle2{min-width:auto}.import-details-modal .batches-table{overflow-x:auto}}.import-progress-modal .modal-content{padding:0;min-height:500px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.import-progress-modal .modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1976d2,#42a5f5,#7b1fa2);z-index:1}.import-progress-modal .modal-header{padding:32px 32px 24px;background:#fff;border-bottom:1px solid #e3f2fd;position:relative}.import-progress-modal .modal-header .header-content{display:flex;align-items:center;gap:20px}.import-progress-modal .modal-header .header-content .icon-container{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1976d2,#42a5f5);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #1976d24d}.import-progress-modal .modal-header .header-content .icon-container .upload-icon{font-size:32px;color:#fff}.import-progress-modal .modal-header .header-content .title-section{flex:1}.import-progress-modal .modal-header .header-content .title-section .modal-title{font-weight:700;color:#1976d2;margin-bottom:8px;background:linear-gradient(135deg,#1976d2,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.import-progress-modal .modal-header .header-content .title-section .status-chip{font-weight:600;box-shadow:0 2px 8px #0000001a}.import-progress-modal .modal-header .close-button{position:absolute;top:16px;right:16px;color:#666;background:#0000000d}.import-progress-modal .modal-header .close-button:hover{background:#0000001a}.import-progress-modal .progress-container{padding:24px 32px 32px}.import-progress-modal .progress-container .main-progress-card{margin-bottom:20px;border-radius:16px;background:#fff;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(25,118,210,.1)}.import-progress-modal .progress-container .main-progress-card .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.import-progress-modal .progress-container .main-progress-card .progress-header .progress-title{font-weight:600;color:#333}.import-progress-modal .progress-container .main-progress-card .progress-header .percentage-display .percentage-number{font-weight:800;background:linear-gradient(135deg,#1976d2,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.import-progress-modal .progress-container .main-progress-card .progress-bar-container .main-progress-bar{transition:all .5s ease-in-out}.import-progress-modal .progress-container .batch-progress-card{margin-bottom:20px;border-radius:12px;background:#fff;box-shadow:0 4px 16px #00000014}.import-progress-modal .progress-container .batch-progress-card .batch-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.import-progress-modal .progress-container .batch-progress-card .batch-header .batch-icon{color:#7b1fa2;font-size:20px}.import-progress-modal .progress-container .batch-progress-card .batch-header .batch-title{flex:1;font-weight:600;color:#333}.import-progress-modal .progress-container .batch-progress-card .batch-header .batch-percentage{font-weight:700;color:#7b1fa2}.import-progress-modal .progress-container .batch-progress-card .batch-progress-bar{transition:all .3s ease-in-out}.import-progress-modal .progress-container .stats-grid{margin-bottom:20px}.import-progress-modal .progress-container .stats-grid .stat-card{border-radius:12px;background:#fff;box-shadow:0 4px 16px #00000014;transition:transform .2s ease-in-out}.import-progress-modal .progress-container .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.import-progress-modal .progress-container .stats-grid .stat-card .stat-content{text-align:center;padding:20px 16px}.import-progress-modal .progress-container .stats-grid .stat-card .stat-content .stat-number{font-weight:800;color:#1976d2;line-height:1;margin-bottom:4px}.import-progress-modal .progress-container .stats-grid .stat-card .stat-content .stat-label{font-weight:600;color:#666;margin-bottom:2px}.import-progress-modal .progress-container .stats-grid .stat-card .stat-content .stat-total{color:#999;font-size:.75rem}.import-progress-modal .progress-container .message-card{border-radius:12px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid rgba(25,118,210,.2)}.import-progress-modal .progress-container .message-card .message-text{color:#1976d2;font-weight:500;text-align:center;font-style:italic}.import-progress-modal .progress-container .manual-close-card{border-radius:12px;background:linear-gradient(135deg,#fff3e0,#fce4ec);border:1px solid rgba(255,152,0,.2)}.import-progress-modal .progress-container .manual-close-card .manual-close-text{color:#f57c00;font-weight:500;text-align:center;font-style:italic}.import-progress-modal .error-card{margin:24px 32px;border-radius:16px;background:#fff;box-shadow:0 8px 32px #d32f2f33;border:1px solid rgba(211,47,47,.2)}.import-progress-modal .error-card .error-content{text-align:center;padding:32px 24px}.import-progress-modal .error-card .error-content .error-icon{font-size:64px;color:#d32f2f;margin-bottom:16px}.import-progress-modal .error-card .error-content .error-title{color:#d32f2f;font-weight:700;margin-bottom:8px}.import-progress-modal .error-card .error-content .error-message{color:#666}.import-progress-modal .completion-card{margin:24px 32px;border-radius:16px;background:#fff;box-shadow:0 8px 32px #2e7d3233;border:1px solid rgba(46,125,50,.2)}.import-progress-modal .completion-card .completion-content{text-align:center;padding:32px 24px}.import-progress-modal .completion-card .completion-content .completion-icon{font-size:64px;color:#2e7d32;margin-bottom:16px}.import-progress-modal .completion-card .completion-content .completion-title{color:#2e7d32;font-weight:700;margin-bottom:8px}.import-progress-modal .completion-card .completion-content .completion-message{color:#666}@media (max-width: 768px){.import-progress-modal .modal-content .modal-header{padding:24px 20px 20px}.import-progress-modal .modal-content .modal-header .header-content{gap:16px}.import-progress-modal .modal-content .modal-header .header-content .icon-container{width:48px;height:48px}.import-progress-modal .modal-content .modal-header .header-content .icon-container .upload-icon{font-size:24px}.import-progress-modal .modal-content .modal-header .header-content .title-section .modal-title{font-size:1.5rem}.import-progress-modal .modal-content .progress-container{padding:20px}.import-progress-modal .modal-content .progress-container .main-progress-card .progress-header{flex-direction:column;align-items:flex-start;gap:12px}.import-progress-modal .modal-content .progress-container .main-progress-card .progress-header .percentage-display{align-self:flex-end}.import-progress-modal .modal-content .progress-container .main-progress-card .progress-header .percentage-display .percentage-number{font-size:2.5rem}.import-progress-modal .modal-content .progress-container .stats-grid .stat-card .stat-content{padding:16px 12px}.import-progress-modal .modal-content .progress-container .stats-grid .stat-card .stat-content .stat-number{font-size:1.8rem}.import-progress-modal .modal-content .error-card,.import-progress-modal .modal-content .completion-card{margin:20px}.import-progress-modal .modal-content .error-card .error-content,.import-progress-modal .modal-content .error-card .completion-content,.import-progress-modal .modal-content .completion-card .error-content,.import-progress-modal .modal-content .completion-card .completion-content{padding:24px 16px}.import-progress-modal .modal-content .error-card .error-content .error-icon,.import-progress-modal .modal-content .error-card .error-content .completion-icon,.import-progress-modal .modal-content .error-card .completion-content .error-icon,.import-progress-modal .modal-content .error-card .completion-content .completion-icon,.import-progress-modal .modal-content .completion-card .error-content .error-icon,.import-progress-modal .modal-content .completion-card .error-content .completion-icon,.import-progress-modal .modal-content .completion-card .completion-content .error-icon,.import-progress-modal .modal-content .completion-card .completion-content .completion-icon{font-size:48px}}@media (max-width: 480px){.import-progress-modal .modal-content .modal-header{padding:20px 16px 16px}.import-progress-modal .modal-content .modal-header .header-content{flex-direction:column;text-align:center;gap:12px}.import-progress-modal .modal-content .modal-header .header-content .icon-container{align-self:center}.import-progress-modal .modal-content .progress-container{padding:16px}.import-progress-modal .modal-content .progress-container .stats-grid .stat-card .stat-content{padding:12px 8px}.import-progress-modal .modal-content .progress-container .stats-grid .stat-card .stat-content .stat-number{font-size:1.5rem}}.progress-bar{transition:all .3s ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.import-progress-modal .MuiCircularProgress-root{animation:pulse 2s infinite}.import-success-modal .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.import-success-modal .modal-content{padding:40px 32px 24px;text-align:center;position:relative}.import-success-modal .modal-content .close-button{position:absolute;top:16px;right:16px;color:#666}.import-success-modal .modal-content .close-button:hover{background-color:#0000000a}.import-success-modal .modal-content .success-icon-container{margin-bottom:24px}.import-success-modal .modal-content .success-icon-container .success-icon{font-size:64px;color:#4caf50;border:3px solid #4caf50;border-radius:50%;padding:8px}.import-success-modal .modal-content .success-title{color:#1976d2;font-weight:600;margin-bottom:24px;font-size:1.75rem}.import-success-modal .modal-content .summary-details .summary-text{color:#666;font-size:1rem;margin-bottom:8px;font-weight:500}.import-success-modal .modal-actions{padding:16px 32px 32px;gap:16px;justify-content:center}.import-success-modal .modal-actions .action-button{min-width:200px;height:48px;font-weight:600;text-transform:none;border-radius:8px;font-size:.95rem}.import-success-modal .modal-actions .action-button.download-button,.import-success-modal .modal-actions .action-button.print-button{background-color:#1976d2}.import-success-modal .modal-actions .action-button.download-button:hover,.import-success-modal .modal-actions .action-button.print-button:hover{background-color:#1565c0}@media (max-width: 600px){.import-success-modal .modal-content{padding:32px 24px 16px}.import-success-modal .modal-content .success-icon-container .success-icon{font-size:48px}.import-success-modal .modal-content .success-title{font-size:1.5rem}.import-success-modal .modal-actions{flex-direction:column;padding:16px 24px 24px}.import-success-modal .modal-actions .action-button{min-width:100%;width:100%}}.update-material-number-modal .MuiDialog-paper{border-radius:12px}.update-material-number-modal .MuiDialogTitle-root{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px}.update-material-number-modal .MuiDialogTitle-root .MuiTypography-h6{color:#fff;font-weight:600}.update-material-number-modal .MuiDialogTitle-root .MuiIconButton-root{color:#fff}.update-material-number-modal .MuiDialogTitle-root .MuiIconButton-root:hover{background-color:#fff3}.update-material-number-modal .MuiDialogContent-root{padding:24px}.update-material-number-modal .MuiDialogActions-root{padding:16px 24px;border-top:1px solid #e0e0e0}.qr-codes-filters{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.qr-codes-filters .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;align-items:end}.qr-codes-filters .filter-item .MuiTextField-root .MuiInputLabel-root{font-size:.875rem;color:#666}.qr-codes-filters .filter-item .MuiTextField-root .MuiOutlinedInput-root{font-size:.875rem}.qr-codes-filters .filter-item .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#2196f3}.qr-codes-filters .filter-item .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2196f3;border-width:2px}.qr-codes-filters .filter-item .MuiTextField-root .MuiInputAdornment-root{color:#999}@media (max-width: 768px){.qr-codes-filters{padding:16px}.qr-codes-filters .filters-grid{grid-template-columns:1fr;gap:12px}}.table-container .scrollable-table-wrapper{width:100%;overflow-x:auto;cursor:grab}.table-container .scrollable-table-wrapper:active{cursor:grabbing}.table-container .scrollable-table-wrapper::-webkit-scrollbar{height:12px}.table-container .scrollable-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.table-container .scrollable-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.table-container .scrollable-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-container .MuiTable-root .MuiTableHead-root{background-color:#f5f5f5;position:sticky;top:0;z-index:10}.table-container .MuiTable-root .MuiTableHead-root .MuiTableCell-root{font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;padding:16px;white-space:nowrap}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root{padding:12px 16px;border-bottom:1px solid #e0e0e0;white-space:nowrap}.horizontal-scroll-container{width:100%;overflow-x:auto;cursor:grab}.horizontal-scroll-container:active{cursor:grabbing}.horizontal-scroll-container::-webkit-scrollbar{height:14px}.horizontal-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px;margin:4px}.horizontal-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px;border:2px solid #f1f1f1}.horizontal-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.horizontal-scroll-container::-webkit-scrollbar-thumb:active{background:#909090}@media (max-width: 768px){.table-container .scrollable-table-wrapper::-webkit-scrollbar{height:8px}.action-buttons{flex-direction:column;gap:4px}.file-format-help{padding:10px 12px;font-size:.8rem}}.batch-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;background-color:#f8f9fa;border-top:1px solid #e0e0e0}.batch-pagination .pagination-info{font-size:.875rem;color:#666;font-weight:500}.batch-pagination .pagination-controls{display:flex;align-items:center;gap:8px}.batch-pagination .pagination-controls .MuiIconButton-root{padding:4px;background-color:#fff;border:1px solid #ddd}.batch-pagination .pagination-controls .MuiIconButton-root:hover{background-color:#f5f5f5}.batch-pagination .pagination-controls .MuiIconButton-root:disabled{background-color:#fafafa;color:#ccc}.table-container{margin-top:20px;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden}.table-container .MuiTable-root .MuiTableHead-root{background-color:#f5f5f5}.table-container .MuiTable-root .MuiTableHead-root .MuiTableCell-root{font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;padding:16px}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root{cursor:pointer;transition:background-color .2s}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f8f9fa}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root.row-active{background-color:#e3f2fd}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root{padding:12px 16px;border-bottom:1px solid #e0e0e0}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root.sub-header{background-color:#e3f2fd;border-left:4px solid #2196f3}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root.sub-header .MuiTableCell-root{padding:8px 16px;font-weight:600;border-bottom:1px solid #bbdefb}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root.sub-row{background-color:#fafafa;border-left:4px solid #2196f3}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root.sub-row .sub-name{padding-left:20px;font-size:.875rem;color:#666}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root.sub-row:hover{background-color:#f0f0f0}.table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root.sub-row .MuiTableCell-root:first-child{padding-left:0}.action-buttons{display:flex;gap:8px;align-items:center}.import-btn{background-color:#0569ad!important;color:#fff!important;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;text-transform:none}.import-btn:hover{background-color:#00548d!important}.MuiPagination-root .MuiPaginationItem-root.Mui-selected{background-color:#2196f3;color:#fff}.legend-container{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #ff9800}.legend-container .legend-text{font-size:.875rem;color:#666}.file-format-help{background-color:#f8f9fa;padding:12px 16px;border-radius:6px;border-left:4px solid #2196f3;margin-bottom:16px}.file-format-help .MuiTypography-body2{font-size:.875rem;line-height:1.4}@media (max-width: 768px){.table-container{overflow-x:auto}.action-buttons{flex-direction:column;gap:4px}.file-format-help{padding:10px 12px;font-size:.8rem}.batch-pagination{flex-direction:column;gap:12px}.batch-pagination .pagination-controls{justify-content:center}}.paper-date-selector{display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;--paper-shadow: 0px !important}.paper-date-selector .current-date{background-color:#f1f1f2;color:#3f4254;padding:8px 12px;border-radius:8px;font-weight:600}.paper-date-selector .nav-btn{color:#7e8299;transition:background-color .2s ease}.paper-date-selector .nav-btn:hover{background-color:#00548d0a}.paper-date-selector .next-date{color:#3f4254;font-weight:600}.rework-stats{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:16px;border-radius:8px}.rework-stats .stats-box{display:flex;gap:1rem}.rework-stats .stat-card{align-items:center;gap:.5rem;padding:1rem;border-radius:12px;box-shadow:none}.rework-stats .stat-card.success{background-color:#019a8212}.rework-stats .stat-card.success h6{color:#019a82}.rework-stats .stat-card.error{background-color:#ff3b3012}.rework-stats .stat-card .icon.success{color:#2e7d32}.rework-stats .stat-card .icon.error{color:#d32f2f}.rework-stats .stat-card .icon.error h6{color:#ff3b30}.rework-stats .stat-card .icon-and-number{display:flex;align-items:center;gap:1rem}.rework-stats .date-box{display:flex;align-items:center;gap:.5rem}.rework-stats .date-box button{font-size:.8rem;text-transform:none}.rework-stats .date-box .MuiTypography-root{font-weight:700}.site-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.site-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:0}.site-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.site-details-modal .modal-title .title-content .title-icon{font-size:24px}.site-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.site-details-modal .modal-content{padding:32px;background-color:#fafbfc}.site-details-modal .modal-content .modal-field{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:12px}.site-details-modal .modal-content .modal-field:hover{border-color:#0569ad;box-shadow:0 2px 8px #0569ad1a}.site-details-modal .modal-content .modal-field:last-child{margin-bottom:0}.site-details-modal .modal-content .modal-field .field-icon{color:#0569ad;font-size:18px;margin-top:2px;opacity:.8}.site-details-modal .modal-content .modal-field .field-content{flex:1}.site-details-modal .modal-content .modal-field .field-content .field-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.site-details-modal .modal-content .modal-field .field-content .field-value{color:#2d3748;font-weight:500;line-height:1.5}.site-details-modal .modal-content .modal-field .field-content .field-value.timestamp{color:#718096;font-size:.9rem}.site-details-modal .modal-actions{padding:20px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.site-details-modal .modal-actions .close-btn{color:#fff!important;font-weight:500;padding:10px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:auto;width:48px;height:48px;transition:all .2s ease;background:transparent;box-shadow:none}.site-details-modal .modal-actions .close-btn:hover{transform:translateY(-1px)}.site-details-modal .modal-actions .close-btn:active{transform:translateY(0)}@media (max-width: 600px){.site-details-modal .modal-paper{margin:16px}.site-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.site-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.site-details-modal .modal-content{padding:20px}.site-details-modal .modal-content .modal-field{padding:10px 12px}.site-details-modal .modal-actions{padding:16px 20px}}.skill-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.skill-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:0}.skill-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.skill-details-modal .modal-title .title-content .title-icon{font-size:24px}.skill-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.skill-details-modal .modal-content{padding:32px;background-color:#fafbfc}.skill-details-modal .modal-content .modal-field{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:12px}.skill-details-modal .modal-content .modal-field:hover{border-color:#0569ad;box-shadow:0 2px 8px #0569ad1a}.skill-details-modal .modal-content .modal-field:last-child{margin-bottom:0}.skill-details-modal .modal-content .modal-field .field-icon{color:#0569ad;font-size:18px;margin-top:2px;opacity:.8}.skill-details-modal .modal-content .modal-field .field-content{flex:1}.skill-details-modal .modal-content .modal-field .field-content .field-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.skill-details-modal .modal-content .modal-field .field-content .field-value{color:#2d3748;font-weight:500;line-height:1.5}.skill-details-modal .modal-content .modal-field .field-content .field-value.timestamp{color:#718096;font-size:.9rem}.skill-details-modal .modal-actions{padding:20px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.skill-details-modal .modal-actions .close-btn{color:#fff!important;font-weight:500;padding:10px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:auto;width:48px;height:48px;transition:all .2s ease;background:transparent;box-shadow:none}.skill-details-modal .modal-actions .close-btn:hover{transform:translateY(-1px)}.skill-details-modal .modal-actions .close-btn:active{transform:translateY(0)}@media (max-width: 600px){.skill-details-modal .modal-paper{margin:16px}.skill-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.skill-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.skill-details-modal .modal-content{padding:20px}.skill-details-modal .modal-content .modal-field{padding:10px 12px}.skill-details-modal .modal-actions{padding:16px 20px}}.ligne-details-modal .modal-title{font-size:1.5rem;font-weight:600;color:#00548d;text-align:flex-start}.ligne-details-modal .modal-content{padding:1.5rem}.ligne-details-modal .modal-content .modal-field{margin-bottom:.75rem;font-size:1rem;color:#333}.ligne-details-modal .modal-content .modal-field strong{color:#555}.ligne-details-modal .modal-actions{justify-content:flex-end}.ligne-details-modal .modal-actions .close-btn{background-color:#00548d;color:#fff!important}.ligne-details-modal .modal-actions .close-btn:hover{opacity:.9}.unite-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.unite-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin:0}.unite-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.unite-details-modal .modal-title .title-content .title-icon{font-size:24px}.unite-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.unite-details-modal .modal-title .status-chip{background:#fff3;color:#fff;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.unite-details-modal .modal-title .status-chip span{letter-spacing:1px}.unite-details-modal .modal-title .success{background-color:#358a38b7}.unite-details-modal .modal-title .default{background-color:#6b7280b7}.unite-details-modal .modal-title .primary{background-color:#1976d2b7}.unite-details-modal .modal-content{padding:32px;background-color:#fafbfc}.unite-details-modal .modal-content .modal-field{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:12px}.unite-details-modal .modal-content .modal-field:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d21a}.unite-details-modal .modal-content .modal-field:last-child{margin-bottom:0}.unite-details-modal .modal-content .modal-field .field-icon{color:#1976d2;font-size:18px;margin-top:2px;opacity:.8}.unite-details-modal .modal-content .modal-field .field-content{flex:1}.unite-details-modal .modal-content .modal-field .field-content .field-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.unite-details-modal .modal-content .modal-field .field-content .field-value{color:#2d3748;font-weight:500;line-height:1.5}.unite-details-modal .modal-content .modal-field .field-content .field-value.timestamp{color:#718096;font-size:.9rem}.unite-details-modal .modal-actions{padding:20px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.unite-details-modal .modal-actions .close-btn{color:#fff!important;font-weight:500;padding:10px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:auto;width:48px;height:48px;transition:all .2s ease;background:transparent;box-shadow:none}.unite-details-modal .modal-actions .close-btn:hover{transform:translateY(-1px)}.unite-details-modal .modal-actions .close-btn:active{transform:translateY(0)}@media (max-width: 600px){.unite-details-modal .modal-paper{margin:16px}.unite-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.unite-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.unite-details-modal .modal-content{padding:20px}.unite-details-modal .modal-content .modal-field{padding:10px 12px}.unite-details-modal .modal-actions{padding:16px 20px}}.usersFilters{background-color:#fff;padding:20px 25px;border-radius:8px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-height:60px}.usersFilters .rechercheBox{flex-shrink:0;flex:1}.usersFilters .rechercheBox .MuiTextField-root{width:100%;max-width:300px}.usersFilters .rechercheBox .MuiTextField-root .MuiInputBase-root{height:40px;border-radius:6px}.usersFilters .filterItem{display:flex;align-items:center;gap:8px;flex-shrink:0}.usersFilters .filterItem .filterLabel{font-weight:500;font-size:.875rem;color:#333;white-space:nowrap}.usersFilters .filterItem .MuiFormControl-root{min-width:120px;height:40px}.usersFilters .filterItem .MuiFormControl-root .MuiSelect-root{height:40px;border-radius:6px}.usersFilters .actionsContainer{margin-left:auto;flex-shrink:0;position:relative}@media (max-width: 1024px){.usersFilters{gap:15px}.usersFilters .rechercheBox .MuiTextField-root{max-width:250px}}@media (max-width: 768px){.usersFilters{flex-direction:column;align-items:stretch}.usersFilters .rechercheBox,.usersFilters .filterItem,.usersFilters .actionsContainer{width:100%}.usersFilters .filterItem{flex-direction:column;align-items:flex-start}.usersFilters .filterItem .MuiFormControl-root{width:100%}.usersFilters .actionsContainer{margin-left:0;display:flex;justify-content:flex-end}}.qr-scanner-modal .scanner-title{font-size:1.5rem;font-weight:600;color:#00548d;text-align:center}.qr-scanner-modal .scanner-content{padding:1.5rem;min-height:400px;display:flex;flex-direction:column;align-items:center}.qr-scanner-modal .scanner-container{width:100%;display:flex;flex-direction:column;align-items:center}.qr-scanner-modal .video-container{position:relative;width:100%;max-width:400px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;background-color:#000}.qr-scanner-modal .scanner-video{width:100%;height:300px;object-fit:cover;display:block}.qr-scanner-modal .scanning-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#fff;background-color:#000000b3;padding:1rem;border-radius:8px}.qr-scanner-modal .scanner-instructions{margin-top:1rem;text-align:center;color:#666;max-width:400px}.qr-scanner-modal .scanned-data{width:100%;max-width:600px;display:flex;justify-content:center}.qr-scanner-modal .user-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;color:#fff;width:100%;max-width:500px;position:relative;overflow:hidden}.qr-scanner-modal .user-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.qr-scanner-modal .user-header{display:flex;align-items:center;margin-bottom:2rem;position:relative;z-index:1}.qr-scanner-modal .photo-container{margin-right:1.5rem;flex-shrink:0}.qr-scanner-modal .user-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 16px #0003}.qr-scanner-modal .default-photo{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#feca57);display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 16px #0003}.qr-scanner-modal .photo-placeholder{color:#fff;font-weight:700;font-size:1.5rem}.qr-scanner-modal .user-title{flex:1}.qr-scanner-modal .user-name{color:#fff;font-weight:600;margin-bottom:.25rem;font-size:1.5rem}.qr-scanner-modal .user-role{color:#fffc;font-weight:400;text-transform:capitalize}.qr-scanner-modal .user-details{background:#ffffff1a;border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.qr-scanner-modal .detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.qr-scanner-modal .detail-row:last-child{margin-bottom:0}.qr-scanner-modal .detail-item{display:flex;flex-direction:column}.qr-scanner-modal .detail-label{color:#ffffffb3;font-size:.875rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.qr-scanner-modal .detail-value{color:#fff;font-weight:600;font-size:1rem;word-break:break-word}.qr-scanner-modal .status-section{display:flex;justify-content:center;position:relative;z-index:1}.qr-scanner-modal .status-badge{background:#fff3;border-radius:25px;padding:.5rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.qr-scanner-modal .status-badge.active{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.qr-scanner-modal .status-badge .status-text{color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.qr-scanner-modal .scanner-actions{justify-content:space-between;padding:1rem 1.5rem}.qr-scanner-modal .scanner-actions .close-btn{background-color:#00548d;color:#fff!important}.qr-scanner-modal .scanner-actions .close-btn:hover{opacity:.9}@media (max-width: 600px){.qr-scanner-modal .scanner-content{padding:1rem}.qr-scanner-modal .video-container{max-width:100%}.qr-scanner-modal .scanner-video{height:250px}.qr-scanner-modal .user-card{padding:1.5rem;margin:.5rem}.qr-scanner-modal .user-header{flex-direction:column;text-align:center;margin-bottom:1.5rem}.qr-scanner-modal .photo-container{margin-right:0;margin-bottom:1rem}.qr-scanner-modal .user-photo,.qr-scanner-modal .default-photo{width:100px;height:100px}.qr-scanner-modal .detail-row{grid-template-columns:1fr;gap:1rem}.qr-scanner-modal .user-details{padding:1rem}}.user-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.user-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:0}.user-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.user-details-modal .modal-title .title-content .title-icon{font-size:24px}.user-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.user-details-modal .modal-content{padding:32px;background-color:#fafbfc;font-family:inter!important}.user-details-modal .modal-content .modal-field{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:12px}.user-details-modal .modal-content .modal-field:hover{border-color:#0569ad;box-shadow:0 2px 8px #0569ad1a}.user-details-modal .modal-content .modal-field:last-child{margin-bottom:0}.user-details-modal .modal-content .modal-field .field-icon{color:#0569ad;font-size:18px;margin-top:2px;opacity:.8}.user-details-modal .modal-content .modal-field .field-content{flex:1}.user-details-modal .modal-content .modal-field .field-content .field-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.user-details-modal .modal-content .modal-field .field-content .field-value{color:#2d3748;font-weight:500;line-height:1.5}.user-details-modal .modal-content .modal-field .field-content .field-value.timestamp{color:#718096;font-size:.9rem}.user-details-modal .modal-content .section-divider{margin:24px 0;background:linear-gradient(90deg,transparent 0%,#0569ad 50%,transparent 100%);height:2px;opacity:.3}.user-details-modal .modal-content .section-title{font-weight:600;color:#0569ad;margin-bottom:16px;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.user-details-modal .modal-content .qr-section{text-align:center;padding:16px;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:12px;border:2px solid #e1f0ff;margin-top:16px}.user-details-modal .modal-content .qr-section .qr-container{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.user-details-modal .modal-content .qr-section .qr-container .qr-image{width:220px;height:220px;border:3px solid #e1f0ff;border-radius:12px;padding:16px;background:#fff;box-shadow:0 4px 16px #0569ad26;transition:all .3s ease}.user-details-modal .modal-content .qr-section .qr-container .qr-image:hover{transform:scale(1.02);box-shadow:0 6px 20px #0569ad40}.user-details-modal .modal-content .qr-section .qr-container .qr-description{margin-top:1rem;color:#5d7a9a;font-style:italic;text-align:center;max-width:280px;font-weight:500;line-height:1.4}.user-details-modal .modal-content .qr-section .qr-container .qr-role-info{margin-top:.5rem;color:#0569ad;font-size:.8rem;text-align:center;font-weight:600;background:#0569ad1a;padding:4px 12px;border-radius:16px;display:inline-block}.user-details-modal .modal-content .qr-section .qr-container .qr-actions{margin-top:1.5rem;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.user-details-modal .modal-content .qr-section .qr-container .qr-actions .MuiButton-root{min-width:140px;font-size:.875rem;text-transform:none;font-weight:600;border-radius:8px;padding:10px 20px;transition:all .3s ease}.user-details-modal .modal-content .qr-section .qr-container .qr-actions .MuiButton-root .MuiSvgIcon-root{font-size:1.1rem;margin-right:6px}.user-details-modal .modal-content .qr-section .qr-container .qr-actions .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0569ad4d}.user-details-modal .modal-content .skills-section{margin-top:8px}.user-details-modal .modal-content .skills-section .skills-display{background:linear-gradient(135deg,#f8fbff,#fff);border-radius:8px;padding:12px;border:1px solid #e1f0ff}.user-details-modal .modal-content .teamlead-section .MuiChip-root{margin:2px;font-weight:500;border:1px solid #0569ad;background:#0569ad0d}.user-details-modal .modal-content .teamlead-section .MuiChip-root:hover{background:#0569ad1a;transform:translateY(-1px)}.user-details-modal .modal-actions{padding:20px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between}.user-details-modal .modal-actions .scanner-btn{color:#0569ad!important;font-weight:500;padding:10px 20px;border-radius:8px;text-transform:none;font-size:.9rem;border:1px solid #0569ad;transition:all .2s ease}.user-details-modal .modal-actions .scanner-btn:hover{background-color:#0569ad;color:#fff!important;transform:translateY(-1px)}.user-details-modal .modal-actions .close-btn{color:#fff!important;font-weight:500;padding:10px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:auto;width:48px;height:48px;transition:all .2s ease;background:transparent;box-shadow:none}.user-details-modal .modal-actions .close-btn:hover{transform:translateY(-1px)}.user-details-modal .modal-actions .close-btn:active{transform:translateY(0)}@media (max-width: 600px){.user-details-modal .modal-paper{margin:16px}.user-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.user-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.user-details-modal .modal-content{padding:20px}.user-details-modal .modal-content .modal-field{padding:10px 12px}.user-details-modal .modal-content .qr-section .qr-container .qr-image{width:180px;height:180px}.user-details-modal .modal-content .qr-section .qr-container .qr-actions{flex-direction:column;align-items:center}.user-details-modal .modal-content .qr-section .qr-container .qr-actions .MuiButton-root{min-width:160px}.user-details-modal .modal-actions{padding:16px 20px;flex-direction:column-reverse;gap:12px}.user-details-modal .modal-actions .scanner-btn,.user-details-modal .modal-actions .close-btn{width:100%;justify-content:center}}.statut-active{color:#39855f!important;background-color:#2f855a33;font-weight:600;width:max-content;padding:5px;border-radius:12px}.statut-bloque{color:#df3333!important;background-color:#c530302b;font-weight:600;width:max-content;padding:5px;border-radius:12px}.workstation-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.workstation-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin:0}.workstation-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.workstation-details-modal .modal-title .title-content .title-icon{font-size:24px}.workstation-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.workstation-details-modal .modal-title .status-chip{background:#fff3;color:#fff;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workstation-details-modal .modal-title .status-chip span{letter-spacing:1px}.workstation-details-modal .modal-title .success{background:linear-gradient(135deg,#358a38,#4caf50)}.workstation-details-modal .modal-title .error{background:linear-gradient(135deg,#d32f2f,#f44336)}.workstation-details-modal .modal-content{padding:32px;background:linear-gradient(135deg,#f8fbff,#f0f7ff)}.workstation-details-modal .modal-content .section .section-title{font-weight:600;color:#0569ad;margin-bottom:16px;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.workstation-details-modal .modal-content .section .field-grid .field-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:8px;border:1px solid #e1f0ff;transition:all .2s ease}.workstation-details-modal .modal-content .section .field-grid .field-item:hover{border-color:#0569ad;box-shadow:0 4px 12px #0569ad26;background:linear-gradient(135deg,#fff,#e8f4ff)}.workstation-details-modal .modal-content .section .field-grid .field-item .field-icon{color:#0569ad;font-size:18px;margin-top:2px;opacity:.9}.workstation-details-modal .modal-content .section .field-grid .field-item .field-content{flex:1}.workstation-details-modal .modal-content .section .field-grid .field-item .field-content .field-label{color:#5d7a9a;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.workstation-details-modal .modal-content .section .field-grid .field-item .field-content .field-value{color:#1a365d;font-weight:500;line-height:1.5}.workstation-details-modal .modal-content .section .field-grid .field-item .field-content .field-value.operations{color:#2d4a6b;font-weight:400}.workstation-details-modal .modal-content .section .field-grid .field-item .field-content .field-value.timestamp{color:#6b7b95;font-size:.9rem}.workstation-details-modal .modal-content .section-divider{margin:24px 0;background:linear-gradient(90deg,transparent 0%,#0569ad 50%,transparent 100%);height:2px;opacity:.3}.workstation-details-modal .modal-actions{padding:20px 24px;background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border-top:1px solid #d1e7ff}.workstation-details-modal .modal-actions .close-btn{background:transparent;box-shadow:none;color:#fff!important;font-weight:600;padding:12px 32px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:120px;transition:all .3s ease;border:none}.workstation-details-modal .modal-actions .close-btn:hover{transform:translateY(-2px)}.workstation-details-modal .modal-actions .close-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0569ad4d}@media (max-width: 600px){.workstation-details-modal .modal-paper{margin:16px}.workstation-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.workstation-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.workstation-details-modal .modal-content{padding:20px;background:linear-gradient(135deg,#f8fbff,#f0f7ff)}.workstation-details-modal .modal-content .section .field-grid .field-item{padding:10px 12px;background:linear-gradient(135deg,#fff,#f8fbff)}.workstation-details-modal .modal-content .section .field-grid .field-item:hover{background:linear-gradient(135deg,#fff,#e8f4ff)}.workstation-details-modal .modal-actions{padding:16px 20px;background:linear-gradient(135deg,#f0f7ff,#e8f4ff)}.workstation-details-modal .modal-actions .close-btn{padding:10px 24px;min-width:100px}}.workstationFilters{background-color:#fff;padding:20px 25px;border-radius:8px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-height:60px}.workstationFilters .rechercheBox{flex-shrink:0;flex:1}.workstationFilters .rechercheBox .MuiTextField-root{width:100%;max-width:300px}.workstationFilters .rechercheBox .MuiTextField-root .MuiInputBase-root{height:40px;border-radius:6px}.workstationFilters .filterItem{display:flex;align-items:center;gap:8px;flex-shrink:0}.workstationFilters .filterItem .filterLabel{font-weight:500;font-size:.875rem;color:#333;white-space:nowrap}.workstationFilters .filterItem .MuiFormControl-root{min-width:120px;height:40px}.workstationFilters .filterItem .MuiFormControl-root .MuiSelect-root{height:40px;border-radius:6px}.workstationFilters .actionsContainer{margin-left:auto;flex-shrink:0;position:relative}@media (max-width: 1024px){.workstationFilters{gap:15px}.workstationFilters .rechercheBox .MuiTextField-root{max-width:250px}}@media (max-width: 768px){.workstationFilters{flex-direction:column;align-items:stretch}.workstationFilters .rechercheBox,.workstationFilters .filterItem,.workstationFilters .actionsContainer{width:100%}.workstationFilters .filterItem{flex-direction:column;align-items:flex-start}.workstationFilters .filterItem .MuiFormControl-root{width:100%}.workstationFilters .actionsContainer{margin-left:0;display:flex;justify-content:flex-end}}.workstation-qr-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.workstation-qr-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;gap:1rem;margin:0}.workstation-qr-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.workstation-qr-modal .modal-title .title-content .title-icon{font-size:24px}.workstation-qr-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.workstation-qr-modal .modal-title .status-chip{background:#fff3;color:#fff;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workstation-qr-modal .modal-title .status-chip span{letter-spacing:1px}.workstation-qr-modal .modal-title .success{background:linear-gradient(135deg,#358a38,#4caf50)}.workstation-qr-modal .modal-title .error{background:linear-gradient(135deg,#d32f2f,#f44336)}.workstation-qr-modal .modal-content{padding:32px;background:linear-gradient(135deg,#f8fbff,#f0f7ff)}.workstation-qr-modal .modal-content .error-alert{margin-bottom:20px;border-radius:8px;border:1px solid #fecaca}.workstation-qr-modal .modal-content .section .section-title{font-weight:600;color:#0569ad;margin-bottom:16px;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.workstation-qr-modal .modal-content .section .qr-section-content{display:flex;justify-content:center;align-items:center;min-height:200px}.workstation-qr-modal .modal-content .section .qr-display-container{text-align:center}.workstation-qr-modal .modal-content .section .qr-display-container .qr-frame{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 20px #0569ad26;border:1px solid #e1f0ff;display:inline-block;margin-bottom:16px}.workstation-qr-modal .modal-content .section .qr-display-container .qr-frame .qr-image{width:100%;height:100%;display:block;border-radius:8px}.workstation-qr-modal .modal-content .section .qr-display-container .qr-caption{color:#5d7a9a;font-style:italic;display:block;max-width:300px;margin:0 auto}.workstation-qr-modal .modal-content .section .no-qr-container{text-align:center;padding:40px 20px}.workstation-qr-modal .modal-content .section .no-qr-container .no-qr-icon{font-size:64px;color:#cbd5e1;margin-bottom:16px}.workstation-qr-modal .modal-content .section .no-qr-container .no-qr-text{color:#64748b;font-weight:500}.workstation-qr-modal .modal-content .section .field-grid .field-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:8px;border:1px solid #e1f0ff;transition:all .2s ease}.workstation-qr-modal .modal-content .section .field-grid .field-item:hover{border-color:#0569ad;box-shadow:0 4px 12px #0569ad26;background:linear-gradient(135deg,#fff,#e8f4ff)}.workstation-qr-modal .modal-content .section .field-grid .field-item .field-icon{color:#0569ad;font-size:20px;margin-top:2px;opacity:.9}.workstation-qr-modal .modal-content .section .field-grid .field-item .field-content{flex:1}.workstation-qr-modal .modal-content .section .field-grid .field-item .field-content .field-label{color:#5d7a9a;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:6px}.workstation-qr-modal .modal-content .section .field-grid .field-item .field-content .field-value{color:#1a365d;font-weight:500;line-height:1.5}.workstation-qr-modal .modal-content .section .field-grid .field-item .field-content .field-value.id-value{font-family:Monaco,Consolas,monospace;font-size:.85rem;color:#475569;word-break:break-all;background:#f8fafc;padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0}.workstation-qr-modal .modal-content .section .field-grid .field-item .field-content .field-value.timestamp{color:#6b7b95;font-size:.9rem}.workstation-qr-modal .modal-content .section-divider{margin:24px 0;background:linear-gradient(90deg,transparent 0%,#0569ad 50%,transparent 100%);height:2px;opacity:.3}.workstation-qr-modal .modal-actions{padding:20px 24px;background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border-top:1px solid #d1e7ff;display:flex;justify-content:space-between;align-items:center;gap:12px}.workstation-qr-modal .modal-actions .close-btn{background:transparent!important;box-shadow:none!important;color:#fff!important;font-weight:600;padding:12px 32px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:120px;transition:all .3s ease;border:none;display:flex;flex-direction:row;justify-content:right}.workstation-qr-modal .modal-actions .close-btn:hover{transform:translateY(-2px)}.workstation-qr-modal .modal-actions .close-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0569ad4d}.workstation-qr-modal .modal-actions .action-buttons{display:flex;gap:12px}.workstation-qr-modal .modal-actions .action-buttons .download-btn{color:#0569ad;border-color:#0569ad;font-weight:600;padding:8px 20px;border-radius:8px;text-transform:none;min-width:140px;transition:all .3s ease}.workstation-qr-modal .modal-actions .action-buttons .download-btn:hover{background-color:#0569ad0a;border-color:#034d82;transform:translateY(-1px)}.workstation-qr-modal .modal-actions .action-buttons .print-btn{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;font-weight:600;padding:8px 24px;border-radius:8px;text-transform:none;min-width:120px;transition:all .3s ease;box-shadow:0 2px 8px #0569ad4d}.workstation-qr-modal .modal-actions .action-buttons .print-btn:hover{background:linear-gradient(135deg,#034d82,#0569ad);box-shadow:0 4px 12px #0569ad66;transform:translateY(-1px)}@media (max-width: 768px){.workstation-qr-modal .modal-paper{margin:16px}.workstation-qr-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px}.workstation-qr-modal .modal-title .title-content .title-text{font-size:1.1rem}.workstation-qr-modal .modal-content{padding:24px}.workstation-qr-modal .modal-content .section .qr-display-container .qr-frame{padding:20px}.workstation-qr-modal .modal-content .section .field-grid .field-item{padding:14px}.workstation-qr-modal .modal-actions{padding:16px 20px;flex-direction:column-reverse;gap:12px}.workstation-qr-modal .modal-actions .close-btn{width:100%;order:2}.workstation-qr-modal .modal-actions .action-buttons{width:100%;order:1}.workstation-qr-modal .modal-actions .action-buttons .download-btn,.workstation-qr-modal .modal-actions .action-buttons .print-btn{flex:1}}@media (max-width: 480px){.workstation-qr-modal .modal-content{padding:20px}.workstation-qr-modal .modal-content .section .qr-display-container .qr-frame{padding:16px}}body{margin:0;background-color:#f1f1f2}.app-layout-admin{display:flex;flex-direction:column;height:100vh}.app-layout-admin .app-admin{display:flex;margin-top:64px;flex:1}.app-layout-admin .app-admin .main-content-admin{flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-layout-admin .app-admin .main-content-admin.expanded{margin-left:60px}.app-layout-admin .app-admin .main-content-admin.collapsed{margin-left:80px}.app-layout-admin .app-admin .main-content-admin.full-width{margin-left:0!important}.app-layout-admin .professional-toggle-button{position:fixed;top:50%;transform:translateY(-50%);z-index:9;width:48px;height:48px;background:#045a8d;border:none;border-radius:50%;box-shadow:0 4px 16px #1976d24d;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff!important}.app-layout-admin .professional-toggle-button.expanded{left:280px}.app-layout-admin .professional-toggle-button.collapsed{left:80px}.app-layout-admin .professional-toggle-button:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #1976d266}.app-layout-admin .professional-toggle-button:active{transform:translateY(-50%) scale(.95)}.app-layout-admin .professional-toggle-button .MuiSvgIcon-root{font-size:24px;transition:transform .3s ease}.app-layout-admin .professional-toggle-button.expanded .MuiSvgIcon-root,.app-layout-admin .professional-toggle-button.collapsed .MuiSvgIcon-root{transform:rotate(0)}.app-layout-admin .professional-toggle-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.app-layout-admin .professional-toggle-button:hover:before{opacity:1;animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.05}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.dashboard-header{background-color:#f1f1f2!important;color:#333;box-shadow:none!important}.dashboard-header .header-title{flex:1;margin-left:16px}.dashboard-header .header-right{display:flex;align-items:center;gap:10px}.dashboard-header .header-right .MuiAvatar-root{width:32px;height:32px}.dashboard-header .header-right .MuiIconButton-root{color:#333}.dashboard-sidebar{width:280px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1200}.dashboard-sidebar.collapsed{width:80px}.dashboard-sidebar .sidebar-paper{width:280px;background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;box-shadow:4px 0 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:#00548d #f1f1f1}.dashboard-sidebar .sidebar-paper::-webkit-scrollbar{width:6px}.dashboard-sidebar .sidebar-paper::-webkit-scrollbar-track{background:#f1f1f1}.dashboard-sidebar .sidebar-paper::-webkit-scrollbar-thumb{background-color:#00548d;border-radius:4px}.dashboard-sidebar.collapsed .sidebar-paper{width:80px}.dashboard-sidebar.closed{width:0!important}.dashboard-sidebar.closed .sidebar-paper{width:0!important;padding:0!important;overflow:hidden}.dashboard-sidebar .sidebar-header{display:flex;flex-direction:column;padding:16px 12px;border-bottom:1px solid #e2e8f0;color:#fff;position:relative}.dashboard-sidebar .sidebar-logo{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.dashboard-sidebar .sidebar-logo .logo-img{max-width:200px;height:auto}.dashboard-sidebar .sidebar-logo .logo-img-small{max-width:40px;height:auto;filter:brightness(0) invert(1)}.dashboard-sidebar .sidebar-section-title{font-weight:700;font-size:12px;color:#64748b;padding:16px 24px 8px;margin:0;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;transition:all .3s ease}.dashboard-sidebar .sidebar-section-title.collapsed{padding:8px 12px;text-align:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #cbd5e1;position:relative;min-height:32px;display:flex;align-items:center;justify-content:center}.dashboard-sidebar .sidebar-section-title.collapsed:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#94a3b8;border-radius:50%;opacity:.7;box-shadow:0 0 0 2px #94a3b833}.dashboard-sidebar .sidebar-list{padding:8px 0}.dashboard-sidebar .sidebar-item{margin:4px 12px;border:1px solid transparent;border-radius:12px;padding:8px 10px!important;display:flex;align-items:center;transition:all .2s ease;position:relative}.dashboard-sidebar .sidebar-item.collapsed{margin:4px 8px;padding:12px!important;justify-content:center;min-width:48px;width:48px;height:48px}.dashboard-sidebar .sidebar-item .MuiListItemIcon-root{min-width:0;margin-right:12px;color:inherit;transition:all .2s ease}.dashboard-sidebar .sidebar-item .MuiListItemIcon-root svg{font-size:20px}.dashboard-sidebar .sidebar-item.collapsed .MuiListItemIcon-root{margin-right:0;justify-content:center}.dashboard-sidebar .sidebar-item:hover{border-color:#1976d2;background:linear-gradient(135deg,#1976d21a,#1976d20d);transform:translate(4px);box-shadow:0 4px 12px #1976d226}.dashboard-sidebar .sidebar-item:hover .MuiListItemIcon-root{color:#1976d2;transform:scale(1.1)}.dashboard-sidebar .sidebar-item:hover .MuiListItemText-primary{color:#1976d2!important;font-weight:600}.dashboard-sidebar .sidebar-item.collapsed:hover{transform:scale(1.05)}.dashboard-sidebar .sidebar-item.Mui-selected{background:#045a8d!important;color:#fff!important;border-color:#045a8d!important}.dashboard-sidebar .sidebar-item.Mui-selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#fff;border-radius:0 2px 2px 0}.dashboard-sidebar .sidebar-item.Mui-selected .MuiListItemText-primary{color:#fff!important;font-weight:600}.dashboard-sidebar .sidebar-item.Mui-selected .MuiListItemIcon-root{color:#fff!important}.dashboard-sidebar .sidebar-item:not(.Mui-selected){background-color:#fff!important;color:#000!important}.dashboard-sidebar .sidebar-item:not(.Mui-selected) .MuiListItemText-primary{color:#000!important}.dashboard-sidebar .sidebar-item:not(.Mui-selected) .MuiListItemIcon-root{color:#000}.dashboard-sidebar .sidebar-item.with-bullet{position:relative;padding-left:32px!important;margin-left:16px;border-left:2px solid #e2e8f0}.dashboard-sidebar .sidebar-item.with-bullet:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#cbd5e1;border-radius:50%;transition:all .2s ease}.dashboard-sidebar .sidebar-item.with-bullet .MuiListItemText-primary{color:#64748b!important;font-size:14px}.dashboard-sidebar .sidebar-item.with-bullet:hover{border-left-color:#1976d2;background:linear-gradient(135deg,#1976d20d,#1976d205)}.dashboard-sidebar .sidebar-item.with-bullet:hover:before{background:#1976d2;transform:translateY(-50%) scale(1.2)}.dashboard-sidebar .sidebar-item.with-bullet:hover .MuiListItemText-primary{color:#1976d2!important}.dashboard-sidebar .sidebar-item.with-bullet.Mui-selected{background:#045a8d!important;color:#fff!important;border-left-color:#fff!important}.dashboard-sidebar .sidebar-item.with-bullet.Mui-selected:before{background:#fff;transform:translateY(-50%) scale(1.3)}.dashboard-sidebar .sidebar-item.with-bullet.Mui-selected .MuiListItemText-primary,.dashboard-sidebar .sidebar-item.with-bullet.Mui-selected .MuiListItemIcon-root{color:#fff!important}.dashboard-sidebar .MuiCollapse-root .sidebar-item{padding-left:32px!important}@media (max-width: 768px){.dashboard-sidebar{width:100%}.dashboard-sidebar.collapsed{width:0}.dashboard-sidebar .sidebar-paper{width:100%}.dashboard-sidebar.collapsed .sidebar-paper{width:0}}.dashboard-sidebar .MuiCollapse-root{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.dashboard-sidebar .MuiTooltip-tooltip{background:#000000e6!important;font-size:12px!important;font-weight:500!important;border-radius:8px!important;padding:8px 12px!important}.dashboard-sidebar .sidebar-item.collapsed{justify-content:center;padding:12px 0;transition:background-color .3s ease;position:relative}.dashboard-sidebar .sidebar-item.collapsed.open{background-color:#0000000d}.dashboard-sidebar .sidebar-collapsed-sublist{display:flex;flex-direction:column;align-items:center;background-color:#0569ad;gap:6px;padding:5px;border-radius:11px}.dashboard-sidebar .sidebar-collapsed-sublist .sidebar-subitem{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:#fff6;transition:background-color .2s ease}.dashboard-sidebar .sidebar-collapsed-sublist .sidebar-subitem:hover{background-color:#ffffffb3}.layout-container{display:flex;flex-direction:column;height:100vh;justify-content:space-between;font-family:Arial,sans-serif;color:#002d5b;background-color:#fff!important}.layout-container .user-info{display:flex;align-items:center;gap:.5rem}.layout-container .user-info .MuiAvatar-root{width:35px;height:35px;border-radius:50%;object-fit:cover;border:1px solid #ccc}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff}.header .logo{height:30px;width:100%;max-width:300px;margin-right:20px}.header .languages{margin-left:auto;display:flex;align-items:center;gap:1rem}.header .languages .poste-name{font-size:15px;color:#002d5b}.header .languages .user-name{text-transform:lowercase;color:#365888}.header .languages .avatar{border-radius:0!important;width:30px;height:26px}.header .languages .separator{width:2px;height:24px;background-color:#ccc;margin:0 10px}.header .languages .language-div{display:flex;align-items:center;gap:.4rem}.header .languages .language-div .langue_image{height:20px}.header .languages .language-div span{cursor:pointer;opacity:.6;font-size:16px}.header .languages .language-div span.active{font-weight:700;opacity:1}.header .languages .language-div span:hover{color:#2e4b75;opacity:1}.footer{display:flex;flex-direction:column;background-color:#fff;color:#002d5b;font-size:.85rem;padding:1.5rem 2rem}.footer .footer-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.footer .footer-top .cancel-button-work{justify-self:flex-start}.footer .footer-top .postout-button-work{justify-self:flex-end}.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer .footer-bottom .footer-left{text-align:left}.footer .footer-bottom .footer-right{text-align:right}.footer .footer-bottom .footer-right a{color:#002d5b;text-decoration:none;font-weight:500}.footer .footer-bottom .footer-right a:hover{text-decoration:underline}.footer .footer-bottom .clock{font-weight:600;text-align:center}.button-work,.postout-button-work,.cancel-button-work{border:none;border-radius:6px;padding:8px 24px;font-size:.85rem;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s ease,transform .2s ease}.button-work:hover,.postout-button-work:hover,.cancel-button-work:hover{transform:scale(1.05)}.button-work:active,.postout-button-work:active,.cancel-button-work:active{transform:scale(.98)}.cancel-button-work{background-color:#d32f2f!important}.cancel-button-work:hover{background-color:#b71c1c!important}.postout-button-work{background-color:#06815c!important}.postout-button-work:hover{background-color:#026b44!important}.qr-code-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden;animation:modalSlideIn .3s ease-out}.qr-code-modal .modal-header{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;margin:0;border-bottom:none}.qr-code-modal .modal-header .title-content{display:flex;flex-direction:column;gap:4px}.qr-code-modal .modal-header .title-content .modal-title{font-weight:600;font-size:1.25rem;margin:0;color:#fff}.qr-code-modal .modal-header .title-content .product-id{font-weight:500;font-size:.9rem;margin:0;color:#ffffffe6;font-family:Courier New,monospace;background:#ffffff1a;padding:4px 8px;border-radius:6px;display:inline-block}.qr-code-modal .modal-header .close-button{color:#ffffffe6;padding:8px;transition:all .2s ease}.qr-code-modal .modal-header .close-button:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.qr-code-modal .modal-content{padding:32px;background:linear-gradient(135deg,#f8fbff,#f0f7ff);display:flex;flex-direction:column;align-items:center;gap:24px}.qr-code-modal .modal-content .loading-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0}.qr-code-modal .modal-content .loading-container .MuiCircularProgress-root{color:#0569ad}.qr-code-modal .modal-content .loading-container .loading-text{color:#5d7a9a;font-weight:500;font-size:.9rem}.qr-code-modal .modal-content .error-alert{width:100%;border-radius:8px;border:1px solid #ffebee;background:#fff5f5}.qr-code-modal .modal-content .error-alert .MuiAlert-message{color:#d32f2f;font-weight:500}.qr-code-modal .modal-content .qr-code-container{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.qr-code-modal .modal-content .qr-code-container .qr-code-wrapper{background:linear-gradient(135deg,#fff,#f8fbff);padding:24px;border-radius:12px;border:2px solid #e1f0ff;box-shadow:0 4px 16px #0569ad1a;transition:all .3s ease;position:relative;overflow:hidden}.qr-code-modal .modal-content .qr-code-container .qr-code-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0569ad,#42a5f5)}.qr-code-modal .modal-content .qr-code-container .qr-code-wrapper:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0569ad26;border-color:#0569ad}.qr-code-modal .modal-content .qr-code-container .qr-code-wrapper .qr-code-image{display:block;width:220px;height:220px;border-radius:8px;border:1px solid #e1f0ff}.qr-code-modal .modal-content .qr-code-container .product-summary{width:100%;background:linear-gradient(135deg,#fff,#f8fbff);padding:24px;border-radius:12px;border:1px solid #e1f0ff;box-shadow:0 2px 8px #0569ad0d}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-title{color:#0569ad;font-weight:600;margin:0 0 20px;text-align:center;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;position:relative}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,#0569ad,#42a5f5);border-radius:2px}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-info .summary-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#0569ad08;border-radius:8px;border:1px solid rgba(5,105,173,.1);transition:all .2s ease}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-info .summary-item:hover{background:#0569ad14;border-color:#0569ad33;transform:translateY(-1px)}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-info .summary-item strong{color:#5d7a9a;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-info .summary-item span{color:#1a365d;font-weight:500;font-size:.9rem}.qr-code-modal .modal-actions{padding:20px 24px;background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border-top:1px solid #e1f0ff;gap:12px;display:flex;justify-content:flex-end}.qr-code-modal .modal-actions .action-button{border-radius:8px;padding:10px 20px;font-weight:600;text-transform:none;font-size:.9rem;border:1px solid #0569ad;color:#0569ad;background:transparent;transition:all .3s ease;min-width:120px}.qr-code-modal .modal-actions .action-button:hover{background:linear-gradient(135deg,#0569ad,#1e88e5);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0569ad4d;border-color:transparent}.qr-code-modal .modal-actions .action-button:disabled{opacity:.5;transform:none;box-shadow:none;background:transparent;color:#0569ad}.qr-code-modal .modal-actions .action-button .MuiSvgIcon-root{font-size:1.1rem}.qr-code-modal .modal-actions .close-action-button{background:linear-gradient(135deg,#0569ad,#1e88e5);color:#fff;border-radius:8px;padding:10px 20px;font-weight:600;text-transform:none;font-size:.9rem;border:none;transition:all .3s ease;min-width:100px;box-shadow:0 2px 8px #0569ad4d}.qr-code-modal .modal-actions .close-action-button:hover{background:linear-gradient(135deg,#045a94,#1976d2);transform:translateY(-2px);box-shadow:0 4px 12px #0569ad66}@media (max-width: 600px){.qr-code-modal .modal-paper{margin:16px;max-width:calc(100vw - 32px)}.qr-code-modal .modal-header{padding:16px 20px}.qr-code-modal .modal-header .title-content .modal-title{font-size:1.1rem}.qr-code-modal .modal-header .title-content .product-id{font-size:.8rem}.qr-code-modal .modal-content{padding:20px;gap:20px}.qr-code-modal .modal-content .qr-code-container .qr-code-wrapper{padding:20px}.qr-code-modal .modal-content .qr-code-container .qr-code-wrapper .qr-code-image{width:180px;height:180px}.qr-code-modal .modal-content .qr-code-container .product-summary{padding:20px}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-info{grid-template-columns:1fr;gap:8px}.qr-code-modal .modal-content .qr-code-container .product-summary .summary-info .summary-item{padding:10px}.qr-code-modal .modal-actions{padding:16px 20px;flex-direction:column}.qr-code-modal .modal-actions .action-button,.qr-code-modal .modal-actions .close-action-button{width:100%;margin:0;min-width:auto}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.batch-qr-page{min-height:100vh;background-color:#f8f9fa;padding:0}.batch-qr-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.batch-qr-page .loading-container .loading-text{color:#6c757d;font-weight:500}.batch-qr-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;padding:24px}.batch-qr-page .error-container .error-alert{max-width:500px;width:100%}.batch-qr-page .error-container .back-button{background-color:#1976d2!important;color:#fff!important;border-radius:8px;padding:12px 24px;font-weight:600;text-transform:none}.batch-qr-page .error-container .back-button:hover{background-color:#1565c0!important}.batch-qr-page .batch-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:24px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:flex-start}.batch-qr-page .batch-header .header-content{flex:1}.batch-qr-page .batch-header .header-content .title-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.batch-qr-page .batch-header .header-content .title-section .back-button{background-color:#6c757d;color:#fff;border-radius:50%;padding:8px}.batch-qr-page .batch-header .header-content .title-section .back-button:hover{background-color:#5a6268}.batch-qr-page .batch-header .header-content .title-section .batch-title{color:#1976d2;font-weight:700;font-size:1.75rem;line-height:1.2}.batch-qr-page .batch-header .header-content .batch-info{display:flex;flex-direction:column;gap:12px}.batch-qr-page .batch-header .header-content .batch-info .info-item{display:flex;align-items:center;gap:8px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-square{width:16px;height:16px;background:#6c757d;border-radius:2px;position:relative}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-square:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;background:#fff;border-radius:1px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-document{width:16px;height:16px;background:#6c757d;border-radius:2px;position:relative}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-document:before{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;background:#fff;border-radius:1px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-document:after{content:"";position:absolute;top:4px;left:4px;width:4px;height:4px;background:#6c757d;border-radius:1px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-lines{width:16px;height:16px;background:#6c757d;border-radius:2px;position:relative}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-lines:before,.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-lines:after{content:"";position:absolute;left:2px;right:2px;height:2px;background:#fff;border-radius:1px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-lines:before{top:4px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-lines:after{top:7px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-lines:after{top:10px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-calendar{width:16px;height:16px;background:#6c757d;border-radius:2px;position:relative}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-calendar:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:8px;background:#fff;border-radius:1px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-icon .icon-calendar:after{content:"";position:absolute;top:4px;left:4px;right:4px;height:2px;background:#6c757d;border-radius:1px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-label{color:#6c757d;font-weight:500;min-width:80px}.batch-qr-page .batch-header .header-content .batch-info .info-item .info-value{color:#333;font-weight:600}.batch-qr-page .batch-header .actions-button{background-color:#1976d2!important;color:#fff!important;border-radius:8px;padding:8px 16px;font-weight:600;text-transform:none;box-shadow:0 2px 8px #1976d24d}.batch-qr-page .batch-header .actions-button:hover{background-color:#1565c0!important;box-shadow:0 4px 12px #1976d266}.batch-qr-page .products-section{padding:24px;max-height:calc(100vh - 200px);overflow-y:auto}.batch-qr-page .products-section .selection-info{margin-bottom:16px;padding:12px 16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00548d}.batch-qr-page .products-section .selection-info .selection-text{color:#00548d;font-weight:500;margin:0}.batch-qr-page .products-section .products-table{border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.batch-qr-page .products-section .products-table .MuiTableHead-root{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.batch-qr-page .products-section .products-table .MuiTableHead-root .table-header{font-weight:700;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;padding:16px}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row:hover{background-color:#f8f9fa}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row:last-child{border-bottom:none}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .product-cell{padding:12px 16px}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .product-cell .product-checkbox{width:16px;height:16px;border:2px solid #dee2e6;border-radius:50%;background-color:#f8f9fa}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .product-cell .product-id{font-weight:600;color:#495057;font-size:.875rem}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .product-cell .view-button{width:32px;height:32px;background-color:#1976d2;color:#fff;border-radius:50%;padding:0}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .product-cell .view-button:hover{background-color:#1565c0}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .product-cell .view-button .MuiSvgIcon-root{font-size:16px}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .qr-actions{padding:12px 16px}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .qr-actions .action-button{width:32px;height:32px;background-color:#1976d2;color:#fff;border-radius:50%;padding:0;margin-left:4px}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .qr-actions .action-button:hover{background-color:#1565c0}.batch-qr-page .products-section .products-table .MuiTableBody-root .product-row .qr-actions .action-button .MuiSvgIcon-root{font-size:16px}.products-section::-webkit-scrollbar{width:6px}.products-section::-webkit-scrollbar-track{background:#f1f1f1}.products-section::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.products-section::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.batch-qr-page .batch-header{flex-direction:column;gap:16px}.batch-qr-page .batch-header .header-content .title-section .batch-title{font-size:1.5rem}.batch-qr-page .batch-header .header-content .batch-info .info-item{flex-wrap:wrap}.batch-qr-page .products-section{padding:16px;max-height:calc(100vh - 150px)}.batch-qr-page .products-section .products-table{overflow-x:auto}}.batches-container{font-family:Arial,sans-serif;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:1rem 2rem;overflow:hidden}.batches-container .tabs-navigation{display:flex;border-bottom:1px solid #e0e0e0;background-color:#fff;padding:0 16px}.batches-container .tab-button{padding:12px 24px;background:none;border:none;font-size:14px;font-weight:700;color:#a1a5b7;cursor:pointer;position:relative;transition:all .3s ease;letter-spacing:.2px}.batches-container .tab-button:hover{color:#333;background-color:#f0f0f0}.batches-container .tab-button.active{color:#3f4254;font-weight:600}.batches-container .tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#00548d;border-radius:3px 3px 0 0}.batches-container .tab-content{padding:0}.batches-container .tab-content .other-content{padding:24px 16px;text-align:center;color:#666}.batches-container .batches-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:0 0 12px 12px;overflow-x:auto}.batches-container .batches-table thead{border-bottom:3px solid #b6bac7}.batches-container .batches-table thead th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left;font-weight:600;color:#3f4254;font-size:14px}.batches-container .batches-table tbody{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:14px;line-height:14px;letter-spacing:0%}.batches-container .batches-table tbody tr.even-row{background-color:#fff}.batches-container .batches-table tbody tr:hover{background-color:#f5f5f5}.batches-container .batches-table tbody td{border-bottom:1px solid #e0e0e0;padding:12px 16px;font-size:14px;color:#a1a5b7;text-align:left}.batches-container .batches-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.batches-container .batches-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.date-now{background-color:#e1f3ff;padding:9px 12px;border-radius:6px;color:#365888;font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:13px;line-height:14px;letter-spacing:0%;opacity:1;gap:5px}.info-card{width:270px;height:171px;padding:17px 20px;border-radius:12px;border:1px solid #e0e0e0;background-color:#fff;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:12px}.info-card .info-card-top{display:flex;justify-content:space-between;align-items:center}.info-card .info-card-top .icon{width:34;height:34;opacity:1}.info-card .label{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:4px}.info-card .value{font-size:2rem;font-weight:700}.info-card .description{font-size:.875rem;color:#7a7a7a}.statistics-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;color:#3f4254}.statistics-section.stat-one{display:block;background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;height:100%}.statistics-section .statistics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.statistics-section .statistics-header .stats-title{font-weight:600;font-size:1rem;color:#3f4254}.statistics-section .statistics-header .stats-meta{display:flex;align-items:center;gap:8px}.statistics-section .statistics-header .stats-meta .date-btn{background:#eef2f6;border-radius:6px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none}.statistics-section .stats-header{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:2px solid #e5e7eb;margin-bottom:8px;font-weight:600;color:#3f4254;font-size:.875rem}.statistics-section .stats-header .stats-header-label{width:18%;min-width:100px;color:#a1a5b7}.statistics-section .stats-header .stats-header-value{flex:1;text-align:left;padding-left:16px;color:#a1a5b7}.statistics-section .stats-list{margin-top:8px}.statistics-section .stats-list .stats-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px dotted #e6e8eb}.statistics-section .stats-list .stats-row:last-child{border-bottom:none}.statistics-section .stats-list .stats-row .stats-label{width:18%;min-width:100px;font-size:.95rem;font-weight:500;color:#3f4254}.statistics-section .stats-list .stats-row .stats-bar-wrap{flex:1;display:flex;align-items:center;gap:12px}.statistics-section .stats-list .stats-row .stats-bar-wrap .stats-bar-track{position:relative;width:100%;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.statistics-section .stats-list .stats-row .stats-bar-wrap .stats-bar-track .stats-bar-fill{position:absolute;left:0;top:0;bottom:0;background:#2b6cb0;border-radius:6px;height:100%;transition:width .3s ease}.statistics-section .stats-list .stats-row .stats-bar-wrap .stats-value{min-width:60px;text-align:right;font-weight:600;color:#3f4254}.chart-wrapper{position:relative}.chart-wrapper .bar-badge{position:absolute;transform:translate(-50%);background:var(--badge-bg, #ff4d4f);color:#fff;font-weight:700;padding:6px 8px;border-radius:8px;min-width:28px;height:auto;line-height:1;font-size:.95rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f;pointer-events:none;z-index:50;--badge-bg: #ff4d4f}@media (max-width: 600px){.statistics-section{padding:16px}.statistics-section .stats-label{min-width:80px;width:30%}}.statistics-container{font-family:Segoe UI,sans-serif;padding:2rem;display:flex!important;flex-direction:column!important;gap:1rem!important;color:#1b1b1b}.secOne{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;width:100%;gap:1rem}.statistics-section{width:-webkit-fill-available;background:#fff;padding:1.5rem;margin-bottom:2rem;border-radius:10px;box-shadow:0 0 10px #0000000d;gap:1rem}.stat-one{margin-top:0!important}.stat-one .recharts-legend-item-text{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:15px;line-height:16px;letter-spacing:0%;color:#7e8299!important}.statistics-title{font-size:18px;margin-bottom:1rem}.statistics-label{background-color:#eaf3fd;padding:.3rem .8rem;border-radius:20px;display:inline-block;font-size:12px;color:#1665d8;margin-bottom:1rem}.production-bar{margin-bottom:12px}.production-bar strong{display:block;margin-bottom:4px}.production-bar .bar-container{background:#edf2f7;border-radius:6px;overflow:hidden;height:20px}.production-bar .bar-container .bar-fill{background:#2b6cb0;height:100%;color:#fff;text-align:right;padding-right:8px;line-height:20px;font-size:12px}@media (max-width: 1030px){.secOne{flex-direction:column!important}}@media (max-width: 840px){.header{justify-content:center;flex-direction:column;gap:1rem}}.dashboard-user .title{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:26px;line-height:22px;letter-spacing:-1%;color:#181c32!important}.dashboard-user .select-family .MuiOutlinedInput-notchedOutline{border:none}.dashboard-user .select-family .MuiSelect-select{border:none;padding:6px 30px;background-color:#fff;border-radius:6px}.dashboard-user .cards{padding:1rem 2rem;justify-content:space-around}.forgot-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f4f6f8}.forgot-logo{display:block;margin:0 auto 20px;max-width:300px;height:auto}.forgot-paper{padding:2rem;width:400px;border-radius:1rem;box-shadow:0 4px 20px #0000001a;background-color:#fff}.forgot-paper .title{text-align:center;margin-bottom:1.5rem;font-weight:700;color:#333}.forgot-paper .custom-label{display:block;position:static!important;transform:none!important;margin-bottom:8px;color:#333;font-weight:700;font-size:14px}.forgot-paper .custom-label .MuiInputLabel-asterisk,.forgot-paper .custom-label .MuiFormLabel-asterisk{color:red}.forgot-paper form{display:flex;flex-direction:column}.forgot-paper form .MuiOutlinedInput-root{border-radius:10px;background-color:#f9f9f9;margin-bottom:.75rem}.forgot-paper form .MuiOutlinedInput-input{padding:12px 14px}.forgot-paper form .forgot-button{margin-top:1.5rem;padding:.9rem;border-radius:.5rem;font-weight:700;text-transform:none;background-color:#0569ad;transition:background-color .3s ease,transform .2s ease}.forgot-paper form .forgot-button:hover{background:linear-gradient(45deg,#0569ad,#0af);transform:translateY(-2px)}.mobile-qr-result-page{min-height:100vh;background:linear-gradient(135deg,#00548d,#0569ad,#0af);padding:0}.mobile-qr-result-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.mobile-qr-result-page .loading-container .loading-text{color:#fff;font-weight:500}.mobile-qr-result-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;padding:24px}.mobile-qr-result-page .error-container .error-alert{width:100%;border-radius:12px}.mobile-qr-result-page .error-container .back-button{background-color:#ff6b6b!important;color:#fff!important;border-radius:12px;padding:12px 24px;font-weight:600;text-transform:none}.mobile-qr-result-page .error-container .back-button:hover{background-color:#ff5252!important}.mobile-qr-result-page .page-header{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #05548d33;position:sticky;top:0;z-index:100;border-bottom:3px solid #00548d}.mobile-qr-result-page .page-header .back-button{background-color:#00548d;color:#fff;border-radius:50%;padding:12px;min-width:48px;min-height:48px}.mobile-qr-result-page .page-header .back-button:hover{background-color:#0569ad;transform:scale(1.05)}.mobile-qr-result-page .page-header .logo-section{display:flex;align-items:center;justify-content:center;flex:1}.mobile-qr-result-page .page-header .logo-section .header-logo{max-width:120px;height:auto;object-fit:contain}.mobile-qr-result-page .page-header .title-section{display:flex;flex-direction:column;gap:4px;flex:1}.mobile-qr-result-page .page-header .title-section .qr-icon{color:#00548d;font-size:1.5rem}.mobile-qr-result-page .page-header .title-section .page-title{color:#00548d;font-weight:700;margin:0;font-size:1.25rem}.mobile-qr-result-page .page-header .title-section .product-id{color:#0569ad;font-weight:600;margin:0;font-family:Courier New,monospace;font-size:1rem}.mobile-qr-result-page .main-contentProduct{padding:20px 0;min-height:calc(100vh - 80px)}.mobile-qr-result-page .main-contentProduct .status-card{margin-bottom:20px;border-radius:16px;box-shadow:0 8px 32px #05548d26;border:2px solid #00548d;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-qr-result-page .main-contentProduct .status-card .status-content{display:flex;align-items:center;gap:16px}.mobile-qr-result-page .main-contentProduct .status-card .status-content .status-icon .warning-icon{color:#ff6b35;font-size:2.5rem}.mobile-qr-result-page .main-contentProduct .status-card .status-content .status-icon .success-icon{color:#00548d;font-size:2.5rem}.mobile-qr-result-page .main-contentProduct .status-card .status-content .status-text{flex:1}.mobile-qr-result-page .main-contentProduct .status-card .status-content .status-text .status-title{color:#00548d;font-weight:600;margin:0 0 4px}.mobile-qr-result-page .main-contentProduct .status-card .status-content .status-text .status-subtitle{color:#0569ad;margin:0;line-height:1.4}.mobile-qr-result-page .main-contentProduct .info-card{margin-bottom:20px;border-radius:16px;box-shadow:0 8px 32px #05548d26;border:2px solid #00548d;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.mobile-qr-result-page .main-contentProduct .info-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #05548d40;border-color:#0569ad}.mobile-qr-result-page .main-contentProduct .info-card .card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #00548d}.mobile-qr-result-page .main-contentProduct .info-card .card-header .card-icon{color:#00548d;font-size:1.5rem}.mobile-qr-result-page .main-contentProduct .info-card .card-header .card-title{color:#00548d;font-weight:600;margin:0}.mobile-qr-result-page .main-contentProduct .info-card .info-list{display:flex;flex-direction:column;gap:16px}.mobile-qr-result-page .main-contentProduct .info-card .info-list .info-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:linear-gradient(135deg,#f8f9fa,#e3f2fd);border-radius:8px;border:2px solid #00548d}.mobile-qr-result-page .main-contentProduct .info-card .info-list .info-item .info-label{color:#00548d;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin:0}.mobile-qr-result-page .main-contentProduct .info-card .info-list .info-item .info-value{color:#00548d;font-weight:600;font-size:1.1rem;margin:0}.mobile-qr-result-page .main-contentProduct .info-card .info-list .info-item .info-value-with-icon{display:flex;align-items:center;gap:8px}.mobile-qr-result-page .main-contentProduct .info-card .info-list .info-item .info-value-with-icon .value-icon{color:#00548d;font-size:1.1rem}.mobile-qr-result-page .main-contentProduct .info-card .info-list .info-item .info-value-with-icon .MuiTypography-h6{margin:0;color:#00548d;font-weight:600}.mobile-qr-result-page .main-contentProduct .action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.mobile-qr-result-page .main-contentProduct .action-buttons .action-button{border-radius:12px;padding:12px 16px;font-weight:600;text-transform:none;border-color:#00548d;color:#00548d;font-size:1rem;border-width:2px}.mobile-qr-result-page .main-contentProduct .action-buttons .action-button:hover{background:linear-gradient(45deg,#00548d,#0569ad);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #05548d4d}@media (max-width: 768px){.mobile-qr-result-page .page-header{flex-direction:column;gap:12px;text-align:center;padding:12px 16px}.mobile-qr-result-page .page-header .logo-section{order:1}.mobile-qr-result-page .page-header .logo-section .header-logo{max-width:100px}.mobile-qr-result-page .page-header .title-section{order:2;align-items:center;gap:8px}.mobile-qr-result-page .page-header .title-section .page-title{font-size:1.1rem}.mobile-qr-result-page .page-header .title-section .product-id{font-size:.9rem}.mobile-qr-result-page .page-header .back-button{order:3;align-self:flex-start;min-width:40px;min-height:40px;padding:8px}.mobile-qr-result-page .main-content{padding:16px}.mobile-qr-result-page .main-content .info-card .info-list .info-item .info-value-with-icon{flex-direction:column;align-items:flex-start;gap:4px}}@media print{.mobile-qr-result-page{background:#fff!important}.mobile-qr-result-page .page-header{background:#fff!important;box-shadow:none!important}.mobile-qr-result-page .main-content .info-card,.mobile-qr-result-page .main-content .status-card{background:#fff!important;box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.mobile-qr-result-page .main-content .action-buttons{display:none!important}}.info-card,.status-card{animation:slideInUp .6s ease-out}.action-buttons{animation:slideInUp .6s ease-out;animation-delay:.3s}@media (hover: none) and (pointer: coarse){.mobile-qr-result-page .info-card:active{transform:scale(.98)}.mobile-qr-result-page .action-button:active{transform:scale(.95)}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.header .logo{height:30px}.header .langue_image{height:20px}.header .languages{display:flex;gap:1rem}.header .languages span{cursor:pointer;opacity:.6}.header .languages span.active{font-weight:700;opacity:1}.header .languages span:hover{color:#2e4b75}.main{display:flex;height:77vh;justify-content:center;align-items:center;flex-grow:1;text-align:center}.main .scan-button{background-color:#365888;color:#fff;font-size:2.5rem;padding:2rem 7rem;border:none;border-radius:45px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease}.main .scan-button .icon{background:#fff;color:#2e4b75;border-radius:50%;padding:.5rem;font-size:1.2rem}.main .scan-button:hover{background-color:#1f3653}.main .postout-button-work{align-self:flex-end;margin-right:2rem;margin-bottom:1rem;background-color:#06815c!important;color:#fff!important;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.main .postout-button-work:hover{background-color:#026b44!important;transform:scale(1.05)}.main .postout-button-work:active{transform:scale(.98)}.footer{display:flex;justify-content:space-between;padding:.5rem 2rem;font-size:.8rem;color:#555}.footer a{color:#2e4b75;text-decoration:none}.footer .clock{color:#2e4b75;font-weight:700}@media (max-width: 1024px){.main .scan-button{font-size:2rem;padding:1.5rem 5rem}}@media (max-width: 768px){.main .scan-button{font-size:1.6rem;padding:1.2rem 3.5rem;border-radius:35px}}@media (max-width: 480px){.main{height:70vh}.main .scan-button{flex-direction:column;font-size:1.2rem;padding:1rem 2rem;gap:.5rem}.main .scan-button .icon{font-size:1rem;padding:.4rem}.footer{flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem}}.badge-scan-container{display:flex;flex-direction:column;justify-content:space-between;font-family:Arial,sans-serif;color:#002d5b;min-height:100vh;padding:0 1rem}.main-content{display:flex;height:77vh;justify-content:center;align-items:center;flex-grow:1;text-align:center}.main-content .postin-button{background-color:#e48900;color:#fff;font-size:2.5rem;padding:2rem 9rem;border:none;border-radius:45px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease}.main-content .postin-button .icon{background:#fff;color:#e48900;border-radius:50%;padding:.5rem;font-size:1.2rem}.main-content .postin-button:hover{background-color:#cc7a00}@media (max-width: 1024px){.main-content .postin-button{font-size:2rem;padding:1.5rem 6rem}}@media (max-width: 768px){.main-content .postin-button{font-size:1.6rem;padding:1.2rem 4rem;border-radius:35px}}@media (max-width: 480px){.main-content{height:70vh}.main-content .postin-button{flex-direction:column;font-size:1.2rem;padding:1rem 2.5rem;gap:.6rem}.main-content .postin-button .icon{font-size:1rem;padding:.4rem}}.postout-button-work{align-self:flex-end;margin-right:2rem;margin-bottom:1rem;background-color:#06815c!important;color:#fff!important;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.postout-button-work:hover{background-color:#026b44!important;transform:scale(1.05)}.postout-button-work:active{transform:scale(.98)}.Product-scan-container{display:flex;flex-direction:column;justify-content:space-between;font-family:Arial,sans-serif;color:#002d5b;min-height:100vh;padding:0 1rem}.postout-button{align-self:flex-end;background-color:green;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;margin:27px;font-size:1rem;transition:all .3s ease}.postout-button:hover{background-color:#0b7a0b}.main-content_product{display:flex;height:77vh;justify-content:center;align-items:center;flex-grow:1;text-align:center}.main-content_product .postin-button{background-color:#e48900;color:#fff;font-size:2.5rem;padding:2rem 9rem;border:none;border-radius:45px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease}.main-content_product .postin-button .icon{background:#fff;color:#e48900;border-radius:50%;padding:.5rem;font-size:1.2rem}.main-content_product .postin-button:hover{background-color:#cc7a00}@media (max-width: 1024px){.main-content_product .postin-button{font-size:2rem;padding:1.5rem 6rem}.postout-button{font-size:.95rem;padding:9px 18px}}@media (max-width: 768px){.main-content_product .postin-button{font-size:1.6rem;padding:1.2rem 4rem;border-radius:35px}.postout-button{font-size:.9rem;padding:8px 16px;margin:20px}}@media (max-width: 480px){.main-content_product{height:70vh}.main-content_product .postin-button{flex-direction:column;font-size:1.2rem;padding:1rem 2.5rem;gap:.6rem}.main-content_product .postin-button .icon{font-size:1rem;padding:.4rem}.postout-button{font-size:.85rem;padding:7px 14px;align-self:center;margin:15px auto}.postout-button-work{align-self:flex-end;margin-right:2rem;margin-bottom:1rem;background-color:#06815c!important;color:#fff!important;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.postout-button-work:hover{background-color:#026b44!important;transform:scale(1.05)}.postout-button-work:active{transform:scale(.98)}}.coupes{display:flex;align-items:center;background:transparent;width:100%;margin:0 auto;justify-content:center;margin-bottom:1.2rem}.coupes-item{display:inline-flex;align-items:center;border:1px solid #e6e6e6;background:#fff;color:#858585;cursor:pointer;font-weight:600;font-size:.95rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease;width:97;height:51;gap:10px;opacity:1;padding:12px 14px;border-right-width:.5px}.coupes-item:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.coupes-item:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.coupes-item:hover{box-shadow:0 1px 4px #0000000f}.coupes-item .coupes-icon svg{width:27px;height:27px;display:block;fill:currentColor!important}.coupes-item.active{background:#0f567f;color:#fff;border-color:transparent}.coupes-item.active .coupes-icon svg{fill:#fff!important}.coupes-label{display:inline-block}@media (max-width: 600px){.coupes-item{padding:8px 10px;font-size:.9rem}.coupes-item .coupes-label{display:none}}.status-chip{font-weight:600!important;font-size:.75rem!important;border-radius:6px!important;text-transform:capitalize!important}.status-chip.in{color:#0d6efd!important;background-color:#e3f2fd!important}.status-chip.out{color:#50cd89!important;background-color:#e8fff3!important}.status-chip.pause{color:#fbc02d!important;background-color:#fff9c4!important}.status-chip.rework{color:#d32f2f!important;background-color:#ffebee!important}.status-chip.b{color:#6f42c1!important;background-color:#ede7f6!important}.status-chip.cip{color:#009688!important;background-color:#e0f2f1!important}.status-chip.free{color:#2e7d32!important;background-color:#e8f5e9!important}.status-chip.default{color:#6c757d!important;background-color:#f8f9fa!important}.workstation-header{display:flex;align-items:center;padding:16px;background-color:#f7f8fb;border-top:1px solid #e1e3ea;border-bottom:1px solid #e1e3ea;cursor:pointer}.workstation-header:hover{background-color:#f7f8fb33}.workstation-header .toggle-icon,.workstation-header .arrow-icon{color:#00548d}.workstation-table-container{margin-top:8px;border:1px solid #e0e0e0;border-radius:8px;border:none;box-shadow:none}.workstation-table-container .workstation-table-head th{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:16px;line-height:16px;letter-spacing:0%;color:#3f4254;padding:1rem!important}.workstation-table-container td{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:14px;color:#a1a5b7;line-height:14px;letter-spacing:0%;padding:1rem}.workstation-table-container .family-chip{min-width:32px;font-weight:700;font-size:.75rem}.workstation-inprogress{background-color:#f1f1f2!important;padding:1rem}.workstation-inprogress .workstation-inprogress-title{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:16px;line-height:14px;letter-spacing:0%;color:#3f4254}.workstation-display{background-color:#fff;border-radius:12px 12px 0 0;padding:24px 0}.workstation-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.station-selector{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.date-selector-container{display:flex;align-items:center;justify-content:flex-end}.workstation-divider{margin:16px 0}.workstation-table-wrapper{margin:0 auto}.date-nav-btn{background:#f3f4f6;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:16px;line-height:1;color:#374151;transition:background-color .2s ease}.date-nav-btn:hover{background:#e9eef4}.workstation-header-info{display:flex;flex-direction:row;gap:6rem}.workstation-header-info .workstation-header-title{font-size:1.1rem;font-weight:600;color:#00548d}.workstation-header-info .workstation-header-subtitle{font-size:1rem;color:#00548d;font-weight:600;margin-top:4px}.title-only{text-align:left;padding:1.2rem;font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:13px!important;line-height:16px;letter-spacing:0%;text-transform:uppercase;color:#7e8299!important}.user-profile-page{min-height:100vh;width:100vw;max-width:100vw;background:#fff;display:flex;flex-direction:column;position:relative;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.profile-header{background:#00548d;height:200px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 20px 0}.profile-header:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:40px;background:#00548d;border-radius:0 0 50% 50%;transform:scaleX(1.1)}.header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nav-icon{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.nav-icon:hover{background:#ffffff4d;transform:scale(1.1)}.back-icon{font-size:20px}.menu-icon{font-size:16px}.header-name{color:#fff;font-weight:700;font-size:28px;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-picture-container{position:relative;display:flex;justify-content:center;margin-top:-60px;z-index:10}.profile-picture{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 8px 20px #00000026;transition:all .3s ease}.profile-picture:hover{transform:scale(1.05);box-shadow:0 12px 25px #0003}.default-profile-picture{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4,#44a08d);display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 8px 20px #00000026}.profile-placeholder{color:#fff;font-weight:700;font-size:36px}.user-bio{text-align:center;padding:20px 30px;background:#fff}.bio-text{color:#666;font-size:16px;line-height:1.5;margin:0;font-weight:400}.details-section{background:#fff;padding:0 20px 20px}.details-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.details-icon{font-size:20px;color:#333}.details-title{color:#333;font-weight:600;font-size:18px;margin:0}.details-divider{height:1px;background:#e0e0e0;margin-bottom:20px}.details-list{display:flex;flex-direction:column;gap:15px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-label{color:#333;font-weight:600;font-size:14px;flex:1}.detail-value{color:#666;font-weight:400;font-size:14px;text-align:right;flex:1;word-break:break-word}.skills-section{background:#fff;padding:20px;margin-top:10px}.skills-title{color:#333;font-weight:600;font-size:18px;margin-bottom:15px}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-item{background:#f0f0f0;padding:8px 16px;border-radius:20px;border:1px solid #e0e0e0}.skill-text{color:#333;font-size:14px;font-weight:500;margin:0}.action-section{padding:20px;background:#00548d;margin-top:auto}.action-button{border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b354d}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.action-button:active{transform:translateY(0)}.action-text{color:#fff;font-weight:700;font-size:18px;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#fff;gap:20px}.loading-text{color:#666;font-weight:500;font-size:16px}.error-container{padding:40px 20px;text-align:center;background:#fff}.error-title{color:#333;font-weight:600;margin-bottom:15px;font-size:20px}.error-message{color:#666;margin-bottom:10px;font-size:16px}.error-debug{color:#999;font-size:14px;font-style:italic}.error-alert{margin:20px;padding:20px;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;text-align:center}@media (min-width: 769px){.user-profile-page{display:none!important}}@media (max-width: 480px){.profile-header{height:180px;padding:15px 15px 0}.header-name{font-size:24px}.profile-picture-container{margin-top:-50px}.profile-picture,.default-profile-picture{width:100px;height:100px}.profile-placeholder{font-size:30px}.user-bio{padding:15px 20px}.bio-text{font-size:14px}.details-section{padding:0 15px 15px}.details-title{font-size:16px}.detail-label,.detail-value{font-size:13px}.skills-section{padding:15px}.skills-title{font-size:16px}.action-section{padding:15px}.action-text{font-size:16px}}@media (max-width: 360px){.profile-header{height:160px;padding:12px 12px 0}.header-name{font-size:20px}.profile-picture-container{margin-top:-40px}.profile-picture,.default-profile-picture{width:80px;height:80px}.profile-placeholder{font-size:24px}.user-bio{padding:12px 15px}.bio-text{font-size:13px}.details-section{padding:0 12px 12px}.details-title{font-size:15px}.detail-label,.detail-value{font-size:12px}.skills-section{padding:12px}.skills-title{font-size:15px}.action-section{padding:12px}.action-text{font-size:15px}}@media (max-height: 500px) and (orientation: landscape){.profile-header{height:150px;padding:15px 20px 0}.profile-picture-container{margin-top:-40px}.profile-picture,.default-profile-picture{width:80px;height:80px}.profile-placeholder{font-size:24px}.user-bio{padding:15px 20px}.bio-text{font-size:14px}.details-section{padding:0 20px 15px}.details-list{gap:10px}.action-section{padding:15px 20px}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f4f6f8}.login-logo{display:block;margin:0 auto 20px;max-width:300px;height:auto}.login-paper{padding:2rem;width:400px;border-radius:1rem;box-shadow:0 4px 20px #0000001a;background-color:#fff}.login-paper .custom-label{display:block;position:static!important;transform:none!important;margin-bottom:8px;color:#333;font-weight:700;font-size:14px}.login-paper .custom-label .MuiInputLabel-asterisk,.login-paper .custom-label .MuiFormLabel-asterisk{color:red}.login-paper form{display:flex;flex-direction:column}.login-paper form .MuiOutlinedInput-root{border-radius:10px;background-color:#f9f9f9;margin-bottom:.75rem}.login-paper form .MuiOutlinedInput-input{padding:12px 14px}.login-paper form .login-button{margin-top:1.5rem;padding:.9rem;border-radius:.5rem;font-weight:700;text-transform:none;background-color:#0569ad;transition:background-color .3s ease,transform .2s ease}.login-paper form .login-button:hover{background:linear-gradient(45deg,#0569ad,#0af);transform:translateY(-2px)}.edit-profile-dialog .MuiDialog-paper{border-radius:12px!important;box-shadow:0 8px 32px #00000026!important}.edit-profile-dialog .dialog-title{background:linear-gradient(135deg,#00548d,#0569ad);color:#fff;font-weight:600;font-size:20px;padding:20px 24px;margin:0;border-radius:12px 12px 0 0}.edit-profile-dialog .dialog-content{padding:24px!important;background-color:#f8f9fa}.edit-profile-dialog .dialog-content .error-alert{margin-bottom:20px;border-radius:8px}.edit-profile-dialog .dialog-content .edit-form .form-row{display:flex;gap:16px;margin-bottom:20px}@media (max-width: 600px){.edit-profile-dialog .dialog-content .edit-form .form-row{flex-direction:column;gap:0}}.edit-profile-dialog .dialog-content .edit-form .form-field .MuiOutlinedInput-root{border-radius:8px;background-color:#fff}.edit-profile-dialog .dialog-content .edit-form .form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#00548d}.edit-profile-dialog .dialog-content .edit-form .form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#00548d;border-width:2px}.edit-profile-dialog .dialog-content .edit-form .form-field .MuiInputLabel-root{color:#666}.edit-profile-dialog .dialog-content .edit-form .form-field .MuiInputLabel-root.Mui-focused{color:#00548d}.edit-profile-dialog .dialog-content .edit-form .form-field .MuiFormHelperText-root.Mui-error{color:#d32f2f}.edit-profile-dialog .dialog-actions{padding:16px 24px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px}.edit-profile-dialog .dialog-actions .MuiButton-root{text-transform:none;font-weight:600;padding:10px 24px;border-radius:8px}.edit-profile-dialog .dialog-actions .MuiButton-root.MuiButton-outlined{border-color:#00548d;color:#00548d}.edit-profile-dialog .dialog-actions .MuiButton-root.MuiButton-outlined:hover{background-color:#00548d0d;border-color:#0569ad}.edit-profile-dialog .dialog-actions .MuiButton-root.save-button{background-color:#00548d;color:#fff}.edit-profile-dialog .dialog-actions .MuiButton-root.save-button:hover{background-color:#0569ad}.edit-profile-dialog .dialog-actions .MuiButton-root.save-button:disabled{background-color:#ccc;color:#666}@media (max-width: 600px){.edit-profile-dialog .MuiDialog-paper{margin:16px;max-height:calc(100vh - 32px)}.edit-profile-dialog .dialog-content{padding:16px!important}.edit-profile-dialog .dialog-actions{padding:12px 16px;flex-direction:column;gap:8px}.edit-profile-dialog .dialog-actions .MuiButton-root{width:100%}}.image-upload-dialog .MuiDialog-paper{border-radius:12px!important;box-shadow:0 8px 32px #00000026!important}.image-upload-dialog .dialog-title{background:linear-gradient(135deg,#00548d,#0569ad);color:#fff;font-weight:600;font-size:20px;padding:20px 24px;margin:0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.image-upload-dialog .dialog-title .close-button{color:#fff;padding:4px}.image-upload-dialog .dialog-title .close-button:hover{background-color:#ffffff1a}.image-upload-dialog .dialog-content{padding:24px!important;background-color:#f8f9fa}.image-upload-dialog .dialog-content .error-alert{margin-bottom:20px;border-radius:8px}.image-upload-dialog .dialog-content .image-upload-container .current-image-section,.image-upload-dialog .dialog-content .image-upload-container .new-image-section{margin-bottom:24px}.image-upload-dialog .dialog-content .image-upload-container .current-image-section .section-title,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .section-title{color:#333;font-weight:600;margin-bottom:12px;font-size:16px}.image-upload-dialog .dialog-content .image-upload-container .current-image-section .current-image,.image-upload-dialog .dialog-content .image-upload-container .current-image-section .new-image,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .current-image,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .new-image{display:flex;justify-content:center;align-items:center;border:2px dashed #e0e0e0;border-radius:8px;padding:20px;background-color:#fff}.image-upload-dialog .dialog-content .image-upload-container .current-image-section .current-image .current-image-preview,.image-upload-dialog .dialog-content .image-upload-container .current-image-section .current-image .new-image-preview,.image-upload-dialog .dialog-content .image-upload-container .current-image-section .new-image .current-image-preview,.image-upload-dialog .dialog-content .image-upload-container .current-image-section .new-image .new-image-preview,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .current-image .current-image-preview,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .current-image .new-image-preview,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .new-image .current-image-preview,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .new-image .new-image-preview{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a}.image-upload-dialog .dialog-content .image-upload-container .current-image-section .current-image .no-image-placeholder,.image-upload-dialog .dialog-content .image-upload-container .current-image-section .new-image .no-image-placeholder,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .current-image .no-image-placeholder,.image-upload-dialog .dialog-content .image-upload-container .new-image-section .new-image .no-image-placeholder{color:#666;font-style:italic;padding:40px;text-align:center;background-color:#f5f5f5;border-radius:8px;width:200px;height:150px;display:flex;align-items:center;justify-content:center}.image-upload-dialog .dialog-content .image-upload-container .upload-area{text-align:center;padding:20px;border:2px dashed #00548d;border-radius:8px;background-color:#fff;transition:all .3s ease}.image-upload-dialog .dialog-content .image-upload-container .upload-area:hover{border-color:#0569ad;background-color:#00548d05}.image-upload-dialog .dialog-content .image-upload-container .upload-area .upload-button{border-color:#00548d;color:#00548d;text-transform:none;font-weight:600;padding:12px 24px;border-radius:8px;margin-bottom:12px}.image-upload-dialog .dialog-content .image-upload-container .upload-area .upload-button:hover{background-color:#00548d0d;border-color:#0569ad}.image-upload-dialog .dialog-content .image-upload-container .upload-area .upload-hint{color:#666;font-size:12px;display:block}.image-upload-dialog .dialog-actions{padding:16px 24px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px;display:flex;justify-content:space-between;gap:12px}.image-upload-dialog .dialog-actions .MuiButton-root{text-transform:none;font-weight:600;padding:10px 20px;border-radius:8px;min-width:100px}.image-upload-dialog .dialog-actions .MuiButton-root.cancel-button{border-color:#ccc;color:#666}.image-upload-dialog .dialog-actions .MuiButton-root.cancel-button:hover{background-color:#f5f5f5}.image-upload-dialog .dialog-actions .MuiButton-root.remove-button{border-color:#d32f2f;color:#d32f2f}.image-upload-dialog .dialog-actions .MuiButton-root.remove-button:hover{background-color:#d32f2f0d}.image-upload-dialog .dialog-actions .MuiButton-root.upload-confirm-button{background-color:#00548d;color:#fff}.image-upload-dialog .dialog-actions .MuiButton-root.upload-confirm-button:hover{background-color:#0569ad}.image-upload-dialog .dialog-actions .MuiButton-root.upload-confirm-button:disabled{background-color:#ccc;color:#666}@media (max-width: 600px){.image-upload-dialog .MuiDialog-paper{margin:16px;max-height:calc(100vh - 32px)}.image-upload-dialog .dialog-content{padding:16px!important}.image-upload-dialog .dialog-content .image-upload-container .current-image .current-image-preview,.image-upload-dialog .dialog-content .image-upload-container .current-image .new-image-preview,.image-upload-dialog .dialog-content .image-upload-container .new-image .current-image-preview,.image-upload-dialog .dialog-content .image-upload-container .new-image .new-image-preview{max-width:150px;max-height:150px}.image-upload-dialog .dialog-content .image-upload-container .current-image .no-image-placeholder,.image-upload-dialog .dialog-content .image-upload-container .new-image .no-image-placeholder{width:150px;height:100px}.image-upload-dialog .dialog-actions{padding:12px 16px;flex-direction:column}.image-upload-dialog .dialog-actions .MuiButton-root{width:100%}}.password-change-form .form-header{display:flex;align-items:center;margin-bottom:20px}.password-change-form .form-header .form-icon{color:#00548d;margin-right:12px;font-size:24px}.password-change-form .form-header .form-title{color:#333;font-weight:600;font-size:18px}.password-change-form .error-alert{margin-bottom:20px;border-radius:8px}.password-change-form .form .form-field{margin-bottom:20px}.password-change-form .form .form-field .MuiOutlinedInput-root{border-radius:8px;background-color:#fff}.password-change-form .form .form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#00548d}.password-change-form .form .form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#00548d;border-width:2px}.password-change-form .form .form-field .MuiInputLabel-root{color:#666}.password-change-form .form .form-field .MuiInputLabel-root.Mui-focused{color:#00548d}.password-change-form .form .form-field .MuiFormHelperText-root.Mui-error{color:#d32f2f}.password-change-form .form .submit-button{background-color:#00548d;color:#fff;text-transform:none;font-weight:600;padding:12px 24px;border-radius:8px;margin-top:10px}.password-change-form .form .submit-button:hover{background-color:#0569ad}.password-change-form .form .submit-button:disabled{background-color:#ccc;color:#666}@media (max-width: 600px){.password-change-form .form-header .form-title{font-size:16px}.password-change-form .form .form-field{margin-bottom:16px}}.profile-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#fff);padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.profile-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.profile-page .profile-hero{position:relative;background:linear-gradient(135deg,#0569ad,#045a8d);border-radius:20px;overflow:hidden;margin-bottom:32px;box-shadow:0 8px 32px #0569ad33}.profile-page .profile-hero .hero-background{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.15}.profile-page .profile-hero .hero-content{position:relative;z-index:1;display:flex;align-items:center;padding:48px 40px;gap:32px}.profile-page .profile-hero .hero-content .avatar-container{position:relative;flex-shrink:0}.profile-page .profile-hero .hero-content .avatar-container .hero-avatar{width:140px;height:140px;border:5px solid rgba(255,255,255,.3);box-shadow:0 12px 40px #0000004d;font-size:56px;font-weight:700;background:linear-gradient(135deg,#fff3,#ffffff1a);transition:transform .3s ease}.profile-page .profile-hero .hero-content .avatar-container .hero-avatar:hover{transform:scale(1.05)}.profile-page .profile-hero .hero-content .avatar-container .edit-avatar-btn{position:absolute;bottom:8px;right:8px;background:#fff;color:#0569ad;width:44px;height:44px;border:3px solid #0569ad;box-shadow:0 4px 12px #0003;transition:all .3s ease}.profile-page .profile-hero .hero-content .avatar-container .edit-avatar-btn:hover{background:#f0f7ff;transform:scale(1.1) rotate(5deg)}.profile-page .profile-hero .hero-content .hero-info{flex:1;color:#fff}.profile-page .profile-hero .hero-content .hero-info .hero-name{font-weight:700;font-size:2.5rem;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.5px}.profile-page .profile-hero .hero-content .hero-info .hero-function{color:#fffffff2;font-weight:400;margin-bottom:20px;font-size:1.25rem}.profile-page .profile-hero .hero-content .hero-info .hero-badges{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.profile-page .profile-hero .hero-content .hero-info .hero-badges .role-chip{color:#fff;font-weight:600;font-size:.9rem;padding:8px 16px;height:auto;box-shadow:0 2px 8px #0003;border:none}.profile-page .stats-grid{margin-bottom:32px}.profile-page .stats-grid .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}@media (max-width: 960px){.profile-page .stats-grid .stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}}@media (max-width: 600px){.profile-page .stats-grid .stats-row{grid-template-columns:1fr}}.profile-page .stats-grid .stat-card{border-radius:16px;box-shadow:0 2px 12px #0569ad14;border:1px solid rgba(5,105,173,.1);transition:all .3s ease;background:#fff;height:100%}.profile-page .stats-grid .stat-card:hover{box-shadow:0 8px 24px #0569ad26;transform:translateY(-4px)}.profile-page .stats-grid .stat-card .stat-content{display:flex;align-items:center;gap:20px}.profile-page .stats-grid .stat-card .stat-content .stat-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-page .stats-grid .stat-card .stat-content .stat-icon-wrapper .stat-icon{font-size:32px}.profile-page .stats-grid .stat-card .stat-content .stat-info{flex:1}.profile-page .stats-grid .stat-card .stat-content .stat-info .stat-value{font-weight:700;color:#2d3748;margin-bottom:4px;font-size:2rem}.profile-page .stats-grid .stat-card .stat-content .stat-info .stat-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.profile-page .content-grid{display:flex;flex-direction:column;gap:24px}.profile-page .content-grid .content-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@media (max-width: 960px){.profile-page .content-grid .content-row{grid-template-columns:1fr}}.profile-page .content-grid .content-row.three-cards{grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1200px){.profile-page .content-grid .content-row.three-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.profile-page .content-grid .content-row.three-cards{grid-template-columns:1fr}}.profile-page .content-grid .info-cardprofile{border-radius:16px;box-shadow:0 2px 12px #0569ad14;border:1px solid rgba(5,105,173,.1);transition:all .3s ease;background:#fff;height:100%;width:80%}.profile-page .content-grid .info-cardprofile:hover{box-shadow:0 8px 24px #0569ad1f;transform:translateY(-2px)}.profile-page .content-grid .info-cardprofile .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.profile-page .content-grid .info-cardprofile .card-header .card-title-wrapper{display:flex;align-items:center;gap:12px;flex:1}.profile-page .content-grid .info-cardprofile .card-header .card-title-wrapper .card-icon{color:#0569ad;font-size:28px}.profile-page .content-grid .info-cardprofile .card-header .card-title-wrapper .card-title{color:#2d3748;font-weight:600;font-size:1.25rem}.profile-page .content-grid .info-cardprofile .card-header .edit-card-btn{color:#0569ad;padding:8px;transition:all .3s ease}.profile-page .content-grid .info-cardprofile .card-header .edit-card-btn:hover{background-color:#0569ad1a;color:#045a8d;transform:scale(1.1)}.profile-page .content-grid .info-cardprofile .card-divider{margin-bottom:24px;background-color:#e2e8f0}.profile-page .content-grid .info-cardprofile .info-list .info-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f4f8;transition:all .2s ease}.profile-page .content-grid .info-cardprofile .info-list .info-item:last-child{border-bottom:none}.profile-page .content-grid .info-cardprofile .info-list .info-item:hover{background-color:#f8fafc;margin:0 -16px;padding-left:16px;padding-right:16px;border-radius:8px}.profile-page .content-grid .info-cardprofile .info-list .info-item .info-item-left{display:flex;align-items:center;gap:12px;flex:1}.profile-page .content-grid .info-cardprofile .info-list .info-item .info-item-left .info-item-icon{color:#0569ad;font-size:20px;opacity:.8}.profile-page .content-grid .info-cardprofile .info-list .info-item .info-item-left .info-label{color:#718096;font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.3px}.profile-page .content-grid .info-cardprofile .info-list .info-item .info-value{color:#2d3748;font-weight:500;font-size:.95rem;text-align:right;word-break:break-word}.profile-page .content-grid .info-cardprofile.skills-card .skills-container{padding:8px 0}.profile-page .content-grid .info-cardprofile.security-card .card-content{padding-top:8px}@media (max-width: 960px){.profile-page{padding:16px}.profile-page .profile-hero .hero-content{flex-direction:column;text-align:center;padding:32px 24px;gap:24px}.profile-page .profile-hero .hero-content .avatar-container .hero-avatar{width:120px;height:120px;font-size:48px}.profile-page .profile-hero .hero-content .hero-info .hero-name{font-size:2rem}.profile-page .stats-grid .stat-card .stat-content .stat-icon-wrapper{width:56px;height:56px}.profile-page .stats-grid .stat-card .stat-content .stat-icon-wrapper .stat-icon{font-size:28px}.profile-page .stats-grid .stat-card .stat-content .stat-info .stat-value{font-size:1.75rem}}@media (max-width: 600px){.profile-page{padding:12px}.profile-page .profile-hero{border-radius:16px}.profile-page .profile-hero .hero-content{padding:24px 16px}.profile-page .profile-hero .hero-content .avatar-container .hero-avatar{width:100px;height:100px;font-size:40px}.profile-page .profile-hero .hero-content .avatar-container .edit-avatar-btn{width:36px;height:36px;bottom:4px;right:4px}.profile-page .profile-hero .hero-content .hero-info .hero-name{font-size:1.75rem}.profile-page .profile-hero .hero-content .hero-info .hero-function{font-size:1rem}.profile-page .stats-grid .stat-card .stat-content{flex-direction:column;text-align:center;gap:12px}.profile-page .stats-grid .stat-card .stat-content .stat-icon-wrapper{width:48px;height:48px}.profile-page .stats-grid .stat-card .stat-content .stat-icon-wrapper .stat-icon{font-size:24px}.profile-page .content-grid .info-cardprofile .info-item{flex-direction:column;align-items:flex-start;gap:8px}.profile-page .content-grid .info-cardprofile .info-item .info-value{text-align:left;width:100%}}.MuiDialog-paper{border-radius:16px!important;box-shadow:0 12px 48px #0569ad33!important}.MuiDialogTitle-root{background:linear-gradient(135deg,#0569ad,#045a8d);color:#fff;font-weight:600;border-bottom:none;padding:24px 32px}.MuiDialogContent-root{padding:32px!important;background-color:#fafbfc}.MuiDialogActions-root{padding:20px 32px!important;background-color:#f7fafc;border-top:1px solid #e2e8f0}.export-button{background-color:#00548d!important;color:#fff!important;text-transform:none!important;font-weight:600!important;padding:12px 24px!important;border-radius:8px!important;margin-top:10px!important}.permission-container{display:flex;align-items:center;justify-content:center;padding:2rem}.permission-container .permission-box{background:#fff;padding:130px;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;max-width:627px;width:100%;position:relative}.permission-container .permission-box .close-icon{position:absolute;top:16px;right:16px;color:#888;cursor:pointer}.permission-container .permission-box .icon-circle{border-radius:50%;width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.permission-container .permission-box .icon-circle .icon-cross{font-size:28px;color:#f44336;font-weight:700}.permission-container .permission-box .title{color:#f44336!important;font-size:60px;font-weight:700;margin-bottom:8px}.permission-container .permission-box .message{color:#0a3d62;margin-bottom:24px;font-size:23px}.permission-container .permission-box .btn-retour{display:inline-flex;align-items:center;gap:8px;background-color:#0a3d62;color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.permission-container .permission-box .btn-retour:hover{background-color:#064173}@media (max-width: 785px){.permission-box{padding:80px}.permission-box .title{font-size:48px}.permission-box .message{font-size:20px}.permission-box .icon-circle{width:54px;height:54px}.permission-box .icon-circle .icon-cross{font-size:24px}.permission-box .btn-retour{font-size:14px;padding:8px 18px}}@media (max-width: 480px){.permission-box{padding:70px}.permission-box .title{font-size:36px}.permission-box .message{font-size:16px}.permission-box .icon-circle{width:44px;height:44px}.permission-box .icon-circle .icon-cross{font-size:20px}.permission-box .btn-retour{font-size:13px;padding:6px 14px}}.user-sessions-filters{background-color:#fff;padding:20px 25px;border-radius:8px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-height:60px;margin-bottom:16px}.user-sessions-filters .rechercheBox{flex-shrink:0;flex:1}.user-sessions-filters .rechercheBox .MuiTextField-root{width:100%;max-width:300px}.user-sessions-filters .rechercheBox .MuiTextField-root .MuiInputBase-root{height:40px;border-radius:6px}.user-sessions-filters .filterItem{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-sessions-filters .filterItem .filterLabel{font-weight:500;font-size:.875rem;color:#333;white-space:nowrap}.user-sessions-filters .filterItem .MuiFormControl-root{min-width:120px;height:40px}.user-sessions-filters .filterItem .MuiFormControl-root .MuiSelect-root{height:40px;border-radius:6px}@media (max-width: 1024px){.user-sessions-filters{gap:15px}.user-sessions-filters .rechercheBox .MuiTextField-root{max-width:250px}}@media (max-width: 768px){.user-sessions-filters{flex-direction:column;align-items:stretch}.user-sessions-filters .rechercheBox,.user-sessions-filters .filterItem{width:100%}.user-sessions-filters .filterItem{flex-direction:column;align-items:flex-start}.user-sessions-filters .filterItem .MuiFormControl-root{width:100%}}.user-session-history-modal .modal-paper{border-radius:16px;box-shadow:0 12px 48px #0569ad26;overflow:hidden}.user-session-history-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:24px 32px;margin:0}.user-session-history-modal .modal-title .title-content{display:flex;align-items:center;gap:16px}.user-session-history-modal .modal-title .title-content .user-avatar{width:56px;height:56px;background:#fff3;color:#fff;font-size:28px}.user-session-history-modal .modal-title .title-content .title-text-container{flex:1}.user-session-history-modal .modal-title .title-content .title-text-container .title-text{font-weight:600;font-size:1.5rem;color:#fff;margin-bottom:4px}.user-session-history-modal .modal-title .title-content .title-text-container .title-subtitle{color:#ffffffe6;font-size:.875rem}.user-session-history-modal .modal-content{padding:32px;background:linear-gradient(180deg,#f8fafc,#fff);max-height:70vh;overflow-y:auto}.user-session-history-modal .modal-content .user-info-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #0569ad14;border:1px solid #e2e8f0}.user-session-history-modal .modal-content .user-info-card .user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.user-session-history-modal .modal-content .user-info-card .user-info-grid .info-item{display:flex;align-items:center;gap:12px}.user-session-history-modal .modal-content .user-info-card .user-info-grid .info-item .info-icon{color:#0569ad;font-size:24px}.user-session-history-modal .modal-content .user-info-card .user-info-grid .info-item .info-content{flex:1}.user-session-history-modal .modal-content .user-info-card .user-info-grid .info-item .info-content .info-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;display:block;margin-bottom:4px}.user-session-history-modal .modal-content .user-info-card .user-info-grid .info-item .info-content .info-value{color:#2d3748;font-weight:600;font-size:1rem}.user-session-history-modal .modal-content .statistics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.user-session-history-modal .modal-content .statistics-container .stat-card{border-radius:12px;background:#fff;box-shadow:0 2px 8px #0569ad14;border:1px solid #e2e8f0;transition:all .3s ease}.user-session-history-modal .modal-content .statistics-container .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0569ad1f}.user-session-history-modal .modal-content .statistics-container .stat-card .stat-value{color:#0569ad;font-weight:700;font-size:2rem;margin-bottom:8px}.user-session-history-modal .modal-content .statistics-container .stat-card .stat-value.active{color:#2e7d32}.user-session-history-modal .modal-content .statistics-container .stat-card .stat-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.user-session-history-modal .modal-content .section-title{color:#2d3748;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.user-session-history-modal .modal-content .timeline-container{display:flex;flex-direction:column;gap:16px}.user-session-history-modal .modal-content .timeline-container .session-card{border-radius:12px;box-shadow:0 2px 8px #0569ad14;border:1px solid #e2e8f0;transition:all .3s ease;background:#fff}.user-session-history-modal .modal-content .timeline-container .session-card:hover{transform:translate(4px);box-shadow:0 4px 16px #0569ad1f;border-color:#0569ad}.user-session-history-modal .modal-content .timeline-container .session-card .session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.user-session-history-modal .modal-content .timeline-container .session-card .session-header .session-status{display:flex;align-items:center;gap:12px}.user-session-history-modal .modal-content .timeline-container .session-card .session-header .session-status .status-chip{font-weight:600}.user-session-history-modal .modal-content .timeline-container .session-card .session-header .session-status .session-number{color:#718096;font-weight:500}.user-session-history-modal .modal-content .timeline-container .session-card .session-details{display:flex;flex-direction:column;gap:12px}.user-session-history-modal .modal-content .timeline-container .session-card .session-details .detail-row{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.user-session-history-modal .modal-content .timeline-container .session-card .session-details .detail-row .detail-icon{color:#0569ad;font-size:20px;margin-top:2px}.user-session-history-modal .modal-content .timeline-container .session-card .session-details .detail-row .detail-content{flex:1}.user-session-history-modal .modal-content .timeline-container .session-card .session-details .detail-row .detail-content .detail-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;display:block;margin-bottom:4px}.user-session-history-modal .modal-content .timeline-container .session-card .session-details .detail-row .detail-content .detail-value{color:#2d3748;font-weight:500;font-size:.9rem}.user-session-history-modal .modal-actions{padding:20px 32px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.user-session-history-modal .modal-actions .close-btn{color:#0569ad;font-weight:600;text-transform:none;padding:10px 24px;border-radius:8px}.user-session-history-modal .modal-actions .close-btn:hover{background-color:#0569ad1a}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#0569ad;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#045a8d}.scan-product-badge{display:flex;justify-content:center;align-items:center;height:100vh;padding:2rem;font-family:Arial,sans-serif}.scan-product-badge .scan-card{position:relative;background:#ff3b3012;border:1px solid #ff3b30;border-radius:35px;padding:8rem;text-align:center;width:100%;max-width:90%;box-shadow:0 2px 10px #ff3b3012;transition:all .3s ease}.scan-product-badge .scan-card .close-btn{position:absolute;top:8px;right:8px;color:#ff3b30;cursor:pointer;transition:transform .2s ease}.scan-product-badge .scan-card .close-btn:hover{transform:scale(1.1)}.scan-product-badge .scan-card .scan-icon{font-size:64px;color:#ff3b30;margin-bottom:1rem}.scan-product-badge .scan-card .scan-text{font-size:45px;font-weight:700;color:#ff3b30;margin-bottom:1.5rem;line-height:1.2}.scan-product-badge .scan-card .cancel-btn{background-color:#ff3b30;color:#fff;padding:.9rem 2.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .25s ease}.scan-product-badge .scan-card .cancel-btn:hover{background-color:#ff3b30;transform:scale(1.05)}@media (max-width: 1024px) and (min-width: 769px){.scan-product-badge .scan-card{padding:5rem 4rem;border-radius:30px}.scan-product-badge .scan-card .scan-icon{font-size:56px}.scan-product-badge .scan-card .scan-text{font-size:36px}.scan-product-badge .scan-card .cancel-btn{padding:.8rem 2.2rem;font-size:1.05rem}}@media (max-width: 768px){.scan-product-badge{height:90vh}.scan-product-badge .scan-card{padding:3.5rem 2rem;border-radius:25px}.scan-product-badge .scan-card .scan-icon{font-size:46px}.scan-product-badge .scan-card .scan-text{font-size:28px}.scan-product-badge .scan-card .cancel-btn{padding:.7rem 2rem;font-size:1rem}}@media (max-width: 480px){.scan-product-badge{height:85vh;padding:1rem}.scan-product-badge .scan-card{padding:2.5rem 1.5rem;border-radius:20px;width:95%}.scan-product-badge .scan-card .scan-icon{font-size:40px;margin-bottom:.8rem}.scan-product-badge .scan-card .scan-text{font-size:22px;margin-bottom:1rem}.scan-product-badge .scan-card .cancel-btn{padding:.5rem 1.2rem;font-size:.9rem}.scan-product-badge .scan-card .close-btn{font-size:1.2rem;top:6px;right:6px}}@media (min-width: 1440px){.scan-product-badge .scan-card{max-width:60%;padding:10rem}.scan-product-badge .scan-card .scan-icon{font-size:72px}.scan-product-badge .scan-card .scan-text{font-size:52px}}.scan-badge{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;padding:1rem}.scan-badge .scan-card{position:relative;background:#ff3b3012;border:1px solid #ff3b30;border-radius:35px;padding:8rem;text-align:center;width:100%;max-width:90%;box-shadow:0 2px 10px #ff3b3012;transition:all .3s ease}.scan-badge .scan-card .close-btn{position:absolute;top:8px;right:8px;color:#ff3b30;cursor:pointer;font-size:1.5rem}.scan-badge .scan-card .scan-icon{font-size:64px;color:#ff3b30;margin-bottom:1rem}.scan-badge .scan-card .scan-text{font-size:45px;font-weight:700;color:#ff3b30;margin-bottom:1.5rem}.scan-badge .scan-card .cancel-btn{background-color:#ff3b30;color:#fff;font-size:1.2rem;padding:.8rem 2rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.scan-badge .scan-card .cancel-btn:hover{background-color:#e13227}@media (max-width: 1024px){.scan-badge .scan-card{padding:6rem}.scan-badge .scan-card .scan-text{font-size:38px}.scan-badge .scan-card .scan-icon{font-size:54px}.scan-badge .scan-card .cancel-btn{font-size:1.1rem;padding:.7rem 1.8rem}}@media (max-width: 768px){.scan-badge{height:90vh}.scan-badge .scan-card{padding:4rem 2rem;border-radius:25px}.scan-badge .scan-card .scan-text{font-size:28px}.scan-badge .scan-card .scan-icon{font-size:46px}.scan-badge .scan-card .cancel-btn{font-size:1rem;padding:.6rem 1.5rem}}@media (max-width: 480px){.scan-badge{height:85vh}.scan-badge .scan-card{padding:2.5rem 1.5rem;border-radius:20px;width:95%}.scan-badge .scan-card .scan-icon{font-size:40px;margin-bottom:.8rem}.scan-badge .scan-card .scan-text{font-size:22px;margin-bottom:1rem}.scan-badge .scan-card .cancel-btn{font-size:.9rem;padding:.5rem 1.2rem}.scan-badge .scan-card .close-btn{font-size:1.2rem;top:6px;right:6px}}.qr-scanner-result-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:0}.qr-scanner-result-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.qr-scanner-result-page .loading-container .loading-text{color:#fff;font-weight:500}.qr-scanner-result-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;padding:24px}.qr-scanner-result-page .error-container .error-alert{max-width:500px;width:100%;border-radius:12px}.qr-scanner-result-page .error-container .back-button{background-color:#ff6b6b!important;color:#fff!important;border-radius:12px;padding:12px 24px;font-weight:600;text-transform:none}.qr-scanner-result-page .error-container .back-button:hover{background-color:#ff5252!important}.qr-scanner-result-page .page-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000001a}.qr-scanner-result-page .page-header .header-content{display:flex;align-items:center;gap:24px}.qr-scanner-result-page .page-header .header-content .back-button{background-color:#6c757d;color:#fff;border-radius:50%;padding:12px}.qr-scanner-result-page .page-header .header-content .back-button:hover{background-color:#5a6268;transform:scale(1.05)}.qr-scanner-result-page .page-header .header-content .title-section{display:flex;flex-direction:column;gap:8px}.qr-scanner-result-page .page-header .header-content .title-section .qr-icon{color:#667eea;font-size:2.5rem}.qr-scanner-result-page .page-header .header-content .title-section .page-title{color:#2c3e50;font-weight:700;margin:0}.qr-scanner-result-page .page-header .header-content .title-section .product-id{color:#667eea;font-weight:600;margin:0;font-family:Courier New,monospace}.qr-scanner-result-page .page-header .action-buttons{display:flex;gap:12px}.qr-scanner-result-page .page-header .action-buttons .action-button{border-radius:8px;padding:8px 16px;font-weight:500;text-transform:none;border-color:#667eea;color:#667eea}.qr-scanner-result-page .page-header .action-buttons .action-button:hover{background-color:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.qr-scanner-result-page .main-content{padding:32px;max-width:1200px;margin:0 auto}.qr-scanner-result-page .main-content .cards-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.qr-scanner-result-page .main-content .cards-container .card-wrapper.qr-data-card-wrapper{grid-column:1/-1}.qr-scanner-result-page .main-content .info-card{border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.qr-scanner-result-page .main-content .info-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.qr-scanner-result-page .main-content .info-card .card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f8f9fa}.qr-scanner-result-page .main-content .info-card .card-header .card-icon{color:#667eea;font-size:1.5rem}.qr-scanner-result-page .main-content .info-card .card-header .card-title{color:#2c3e50;font-weight:600;margin:0}.qr-scanner-result-page .main-content .info-card .info-grid{display:flex;flex-direction:column;gap:20px}.qr-scanner-result-page .main-content .info-card .info-grid .info-item{display:flex;flex-direction:column;gap:8px}.qr-scanner-result-page .main-content .info-card .info-grid .info-item .info-label{color:#6c757d;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.qr-scanner-result-page .main-content .info-card .info-grid .info-item .info-value{color:#2c3e50;font-weight:600;font-size:1.25rem;margin:0}.qr-scanner-result-page .main-content .info-card .info-grid .info-item .info-value-with-icon{display:flex;align-items:center;gap:8px}.qr-scanner-result-page .main-content .info-card .info-grid .info-item .info-value-with-icon .value-icon{color:#667eea;font-size:1.25rem}.qr-scanner-result-page .main-content .info-card .info-grid .info-item .info-value-with-icon .MuiTypography-h6{margin:0;color:#2c3e50;font-weight:600}.qr-scanner-result-page .main-content .info-card .info-grid .info-item .status-chip{align-self:flex-start;font-weight:600;border-radius:20px;padding:4px 12px}.qr-scanner-result-page .main-content .product-card .card-header .card-icon{color:#28a745}.qr-scanner-result-page .main-content .batch-card .card-header .card-icon{color:#17a2b8}.qr-scanner-result-page .main-content .qr-data-card .card-header .card-icon{color:#6f42c1}.qr-scanner-result-page .main-content .qr-data-card .qr-data-container{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef;max-height:300px;overflow-y:auto}.qr-scanner-result-page .main-content .qr-data-card .qr-data-container .qr-data-json{font-family:Courier New,monospace;font-size:.875rem;color:#495057;margin:0;white-space:pre-wrap;word-break:break-all}.qr-data-container::-webkit-scrollbar{width:6px}.qr-data-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.qr-data-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.qr-data-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media print{.qr-scanner-result-page{background:#fff!important}.qr-scanner-result-page .page-header{background:#fff!important;box-shadow:none!important}.qr-scanner-result-page .page-header .action-buttons{display:none!important}.qr-scanner-result-page .main-content .info-card{background:#fff!important;box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}}@media (max-width: 768px){.qr-scanner-result-page .page-header{flex-direction:column;gap:16px;text-align:center}.qr-scanner-result-page .page-header .header-content{flex-direction:column;gap:16px}.qr-scanner-result-page .page-header .header-content .title-section{align-items:center}.qr-scanner-result-page .page-header .action-buttons{flex-wrap:wrap;justify-content:center}.qr-scanner-result-page .main-content{padding:16px}.qr-scanner-result-page .main-content .cards-container{grid-template-columns:1fr;gap:16px}.qr-scanner-result-page .main-content .info-card .info-grid .info-item .info-value-with-icon{flex-direction:column;align-items:flex-start;gap:4px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.info-card{animation:slideInUp .6s ease-out}.info-card:nth-child(1){animation-delay:.1s}.info-card:nth-child(2){animation-delay:.2s}.info-card:nth-child(3){animation-delay:.3s}.btn{width:419px!important;height:150px!important;angle:0deg!important;opacity:1!important;gap:20px!important;border-radius:35px!important;padding:25px 35px!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn .text{font-family:Inter!important;font-weight:600!important;font-style:Semi Bold!important;font-size:40px!important;leading-trim:NONE!important;line-height:50px!important;letter-spacing:0%!important;color:#fff!important}.btn .icon{width:100px!important;height:100px!important;angle:0deg!important;opacity:1!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn .icon svg{width:60px;height:60px}.text-ref-product{font-family:Inter!important;font-weight:700!important;font-style:Bold!important;font-size:21px!important;padding-bottom:0rem!important;line-height:20px!important;letter-spacing:0%!important;color:#00548d}.text-ref-product span{font-family:Inter;font-weight:500;font-style:Medium;font-size:30px;line-height:30px;letter-spacing:0%}.container-rework-product{flex-direction:column!important;justify-content:space-between!important;gap:10rem!important;width:100%!important}.container-rework-product .buttons{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3rem!important}.container-rework-product .postout-button-work{align-self:flex-end;margin-right:2rem;margin-bottom:1rem;background-color:#06815c!important;color:#fff!important;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.container-rework-product .postout-button-work:hover{background-color:#026b44!important;transform:scale(1.05)}.container-rework-product .postout-button-work:active{transform:scale(.98)}.box-form{padding:2rem 2.5rem;border:1px solid #d0d7e2;border-radius:16px;background:linear-gradient(180deg,#f9fafc,#f3f6fa);width:100%;max-width:850px;margin:1.5rem auto;position:relative;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 4px 15px #00548d14}.box-form .btn-icon{position:absolute;top:0rem;right:0rem;background-color:#eaf3fa!important;transition:all .2s ease-in-out}.box-form .btn-icon:hover{background-color:#d8ebf8!important;transform:scale(1.05)}.box-form .subtitle2{font-family:Inter,sans-serif!important;font-weight:600!important;font-size:14px!important;color:#003b65;margin-bottom:.5rem}.box-form .MuiAutocomplete-root{width:100%}.box-form .MuiAutocomplete-root .MuiOutlinedInput-root{border-radius:10px!important;background-color:#fff}.box-form .component-item{background-color:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease-in-out}.box-form .component-item:hover{background-color:#f4f8fc;box-shadow:0 0 5px #00548d1a}.box-form .component-item .component-code{font-weight:600;color:#00548d}.box-form .component-item .batch-input{width:45%}.box-form .component-item .remove-btn{color:#e53935!important;transition:all .2s}.box-form .component-item .remove-btn:hover{transform:scale(1.1);background-color:#e5393514}.box-form .input-rew{background-color:#fff!important;border-radius:10px!important}.box-form .unite-section{display:flex;flex-direction:column;gap:1rem}.box-form .unite-section .unite-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.box-form .unite-section .unite-buttons .btn-rework{min-width:160px!important;height:42px!important;border-radius:8px!important;text-transform:capitalize!important;font-weight:500!important;transition:all .2s ease-in-out;border:1px solid #00548d!important;color:#00548d!important;background-color:#fff!important}.box-form .unite-section .unite-buttons .btn-rework:hover{background-color:#00548d!important;color:#fff!important;box-shadow:0 2px 6px #00548d4d}.box-form .unite-section .unite-buttons .btn-rework.MuiButton-contained{background-color:#00548d!important;color:#fff!important}.box-form .action-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.box-form .action-buttons .btn-rework{background-color:#00548d!important;color:#fff!important;border-radius:8px!important;text-transform:capitalize!important;padding:10px 20px;transition:all .2s ease-in-out}.box-form .action-buttons .btn-rework:hover{background-color:#00406f!important;transform:scale(1.03)}.box-form .action-buttons .confirm{background-color:#007f4e!important;color:#fff!important;border-radius:8px!important;text-transform:capitalize!important;padding:10px 20px;transition:all .2s ease-in-out}.box-form .action-buttons .confirm:hover{background-color:#00663e!important;transform:scale(1.03)}@media (max-width: 600px){.box-form{padding:1.5rem;max-width:100%}.box-form .component-item{flex-direction:column;align-items:stretch;gap:.8rem}.box-form .component-item .batch-input{width:100%}.box-form .action-buttons{flex-direction:column;align-items:stretch}.box-form .action-buttons .btn-rework,.box-form .action-buttons .confirm{width:100%!important}}.rework-form-container{display:flex;flex-direction:column;align-items:center;margin-top:8%}.div-confirmation{width:70%}.generic-confirmation-dialog{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;outline:none;width:100%;background-color:#f7f8fb}.generic-confirmation-dialog:focus{outline:2px solid #0066cc!important;outline-offset:2px!important}.generic-confirmation-dialog .close-btn{position:absolute!important;top:1rem!important;right:1rem!important}.generic-confirmation-dialog .close-btn:focus{outline:2px solid #0066cc!important;outline-offset:2px!important;border-radius:4px!important}.generic-confirmation-dialog .main-icon{margin-bottom:1.5rem!important}.generic-confirmation-dialog .main-icon svg{font-size:4rem!important;color:#4caf50!important}.generic-confirmation-dialog .title{font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:38px;leading-trim:NONE;line-height:38px;letter-spacing:-2%;text-align:center;color:#019a82}.generic-confirmation-dialog .subtitle{font-family:Inter!important;font-weight:600!important;font-style:normal!important;font-size:20px!important;line-height:30px!important;letter-spacing:0%!important;text-align:center!important;color:#365888!important}.generic-confirmation-dialog .cancel-btn{background-color:#f44336!important}.generic-confirmation-dialog .cancel-btn:hover{background-color:#d32f2f!important}.generic-confirmation-dialog .cancel-btn:focus{outline:2px solid #0066cc!important;outline-offset:2px!important}.generic-confirmation-dialog .confirm-btn{background-color:#4caf50!important}.generic-confirmation-dialog .confirm-btn:hover{background-color:#388e3c!important}.generic-confirmation-dialog .confirm-btn:focus{outline:2px solid #0066cc!important;outline-offset:2px!important}.generic-confirmation-dialog button:focus-visible{outline:2px solid #0066cc!important;outline-offset:2px!important}.generic-confirmation-dialog button:focus:not(:focus-visible){outline:none!important}.generic-confirmation-dialog-container{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.align-box{display:flex;align-items:center;flex-direction:row;gap:1rem;width:92%;justify-content:center}.btn-rework{width:204!important;height:40!important;opacity:1;border-radius:6px;gap:10px;padding:8px 16px!important;text-transform:capitalize!important;background-color:#365888!important}.confirm{background-color:#009a82!important;color:#fff!important;padding:8px 16px!important;border-radius:6px!important;text-transform:capitalize!important}.confirm:hover{background-color:#00663e}.gras{font-family:Inter!important;font-weight:800!important;font-style:normal!important;font-size:20px!important;line-height:30px!important;letter-spacing:0%!important;text-align:center!important}.after-click-stack{width:100%;display:flex;align-items:center;justify-content:center}.after-click-stack .postout-button-work{align-self:flex-end;margin-right:2rem;margin-bottom:1rem;background-color:#06815c!important;color:#fff!important;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.after-click-stack .postout-button-work:hover{background-color:#026b44!important;transform:scale(1.05)}.after-click-stack .postout-button-work:active{transform:scale(.98)}.notfound-container{background-color:#f6f8fb;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;text-align:center}.header{padding-top:30px}.header .logo-img{width:220px;height:auto}.content{display:flex;align-items:center;justify-content:center;flex:1;width:100%}.error-card{padding:60px 80px;border-radius:16px!important;text-align:center;max-width:600px;width:100%;background-color:#fff!important;transition:all .3s ease-in-out}.error-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #0000001a}.error-icon{font-size:60px!important;color:#00548d!important;margin-bottom:10px}.error-code{font-size:100px!important;font-weight:700!important;color:#00548d!important;margin-bottom:10px!important}.error-title{font-weight:600!important;color:#343a40!important;margin-bottom:16px!important}.error-description{font-size:18px!important;color:#6c757d!important;margin-bottom:32px!important;line-height:1.6}.dashboard-link{background-color:#00548d!important;border-radius:8px!important;padding:10px 26px!important;font-size:16px!important;font-weight:500!important;text-transform:none!important}.dashboard-link:hover{background-color:#003f6d!important;box-shadow:0 4px 12px #00548d4d}@media (max-width: 768px){.error-card{padding:40px 24px}.error-code{font-size:80px!important}.error-title{font-size:22px!important}.error-description{font-size:16px!important}.logo-img{width:160px}.header .languages{margin-left:0}}.product-info-card{padding:1rem 1.5rem;border-radius:12px;background-color:#fff;display:flex;flex-direction:column;gap:1rem;height:250px!important;border-radius:12px!important;width:42%}.product-info-card .header-card{display:flex;justify-content:space-between;align-items:center}.product-info-card .header-card .title{font-family:Inter!important;font-weight:600!important;font-style:Semi Bold!important;font-size:18px!important;line-height:18px;letter-spacing:-1%!important;text-align:center;color:#83675c!important;display:flex!important;gap:.6rem!important}.product-info-card .header-card button{text-transform:none;font-size:.9rem;background-color:#0569ad!important;width:162;height:30;opacity:1;gap:4px;padding:7px 10px;border-radius:6px}.product-info-card .divider{margin:.5rem 0}.product-info-card .info-list .info-row{display:flex;align-items:center;gap:.5rem}.product-info-card .info-list .info-row .icon{color:#1a73e8}.product-info-card .info-list .info-row .label{font-family:Inter!important;font-weight:600!important;font-size:15px!important;line-height:16px!important;letter-spacing:0%!important;text-align:center!important;color:#181c32!important}.product-info-card .info-list .info-row .value{font-family:Inter!important;font-weight:600!important;font-size:15px!important;line-height:16px!important;letter-spacing:0%!important;text-align:center!important;color:#a1a5b7!important}.production-progress-card{padding:20px;border-radius:12px!important;background-color:#f9f9f9;width:max-content}.production-progress-card .cards-header{display:flex;align-items:center;margin-bottom:16px}.production-progress-card .cards-header .icon{margin-right:8px;display:flex;align-items:center}.production-progress-card .cards-header .title{font-family:Inter;font-weight:600;color:#6b4e3d!important;align-items:center}.production-progress-card .info-cards{display:flex}.card-production{padding:0!important;position:relative}.card-production .status-card{width:200px!important;height:140px!important;opacity:1!important;border-radius:12px!important;padding:1rem!important}.card-production .status-card .label{font-family:Inter!important;font-weight:600!important;font-size:13px!important;line-height:22px!important;letter-spacing:-1%!important}.card-production .status-card .icon-bg{display:flex;align-items:center;justify-content:end;position:absolute;right:0;bottom:0}.card-production .status-card .text{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:20px!important;line-height:14px!important;letter-spacing:0!important;padding-top:1rem!important}.info-prod{display:flex;gap:2rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}@media (max-width: 900px){.info-prod{flex-direction:column}.info-prod .product-info-card,.info-prod .production-progress-card{width:100%!important;flex:1 1 100%}}.export-unit-btn{position:relative}.export-unit-btn:disabled{opacity:.6;cursor:not-allowed}.info-prod{display:flex;gap:16px;margin-bottom:20px}@media (max-width: 768px){.info-prod{flex-direction:column}}.operationTimeline{margin-top:20px}.product-info-card,.production-progress-card{box-shadow:0 2px 4px #0000001a;border-radius:8px}.pdf-optimized{font-size:14px!important;line-height:1.6!important;font-family:Arial,sans-serif!important}.pdf-optimized .operationTimeline__operationName{font-size:16px!important;font-weight:700!important}.pdf-optimized .operationTimeline__workstation{font-size:14px!important}.pdf-optimized .operationTimeline__value{font-size:13px!important}.pdf-optimized button{display:none!important}.pdf-optimized .MuiCollapse-root{display:block!important;height:auto!important;visibility:visible!important}.operationTimeline{border:1px solid #e0e0e0;border-radius:12px!important;box-shadow:0 2px 8px #0000001a;background:#fff;width:98%;margin:0 auto}.operationTimeline__content{padding:0!important;width:80%!important}.operationTimeline__stepper{padding:16px 8px}.operationTimeline__stepper .MuiStepConnector-root{margin-left:18px}.operationTimeline__stepper .MuiStepConnector-root .MuiStepConnector-line{border-left-style:dotted!important;min-height:40px!important;border-color:#e0e0e0;border-width:2px}.operationTimeline__step.operationTimeline__item--completed .MuiStepConnector-line{border-color:#019a82!important}.operationTimeline__step.operationTimeline__item--inProgress .MuiStepConnector-line{border-color:#3e97ff!important}.operationTimeline__step.operationTimeline__item--pending .MuiStepConnector-line{border-color:#b2b4c2!important}.operationTimeline__step.operationTimeline__item--rework .MuiStepConnector-line{border-color:#ff3b30!important}.operationTimeline__stepLabel .MuiStepLabel-label{margin-top:4px!important}.operationTimeline__stepLabel .MuiStepLabel-iconContainer{padding-right:12px}.operationTimeline__statusIcon--completed{color:#019a82!important;font-size:24px!important}.operationTimeline__statusIcon--inProgress{color:#3e97ff!important;font-size:24px!important}.operationTimeline__statusIcon--pending{color:#b2b4c2!important;font-size:24px!important}.operationTimeline__stepHeader{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:8px 0}.operationTimeline__headerLeft{display:flex;flex-direction:column;gap:4px;flex:1}.operationTimeline__operationName{font-weight:700!important;color:#333;font-size:1.1rem!important;margin:0!important}.operationTimeline__workstation{color:#3f4254!important;margin:0!important;font-family:Inter!important;font-weight:700!important;font-style:Bold!important;font-size:16px!important;line-height:20px!important;letter-spacing:0%!important}.operationTimeline__expandButton{color:#666!important;padding:4px!important}.operationTimeline__expandButton:hover{background-color:#0000000a!important}.operationTimeline__stepContent{border:none!important;margin:0!important;padding:0 0 0 42px!important}.operationTimeline__stepContent .MuiCollapse-root{margin-top:8px}.operationTimeline__infoRow{margin-bottom:8px}.operationTimeline__infoGroup{display:flex;gap:24px;flex-wrap:wrap}.operationTimeline__infoItem{display:flex!important;align-items:center!important;gap:55px!important;min-width:150px!important;width:343.5px!important;height:30px!important;opacity:1!important;padding:7px 10px!important;border-radius:5px!important;background-color:#f7f8fb}.operationTimeline__label{color:#666!important;font-weight:600!important;min-width:70px;font-size:.8rem!important}.operationTimeline__value{color:#333!important;font-weight:400!important;font-size:.9rem!important}.operationTimeline__timeRow{padding-top:8px}.operationTimeline__timeGroup{display:flex;gap:24px;flex-wrap:wrap}.operationTimeline__timeItem{display:flex;align-items:center;gap:8px;min-width:150px}.operationTimeline__timeLabel{font-family:Inter!important;font-weight:600!important;font-style:Italic!important;font-size:12px!important;line-height:16px!important;letter-spacing:0%!important;text-align:center!important}.operationTimeline__timeValue{font-family:Inter!important;font-weight:400!important;font-style:Italic!important;font-size:12px!important;line-height:16px!important;letter-spacing:0%!important;text-align:center!important}.operationTimeline .operationTimeline__item--completed .operationTimeline__operationName{color:#019a82}.operationTimeline .operationTimeline__item--inProgress .operationTimeline__operationName{color:#3e97ff}.operationTimeline .operationTimeline__item--rework .operationTimeline__operationName{color:#ff3b30}.operationTimeline .operationTimeline__item--pending .operationTimeline__operationName{color:#9e9e9e}.operationTimeline .operationTimeline__item--pending .operationTimeline__workstation{color:#bdbdbd!important}@media (max-width: 768px){.operationTimeline__stepContent{padding:0 0 0 32px!important}.operationTimeline__infoGroup,.operationTimeline__timeGroup{flex-direction:column;gap:8px}.operationTimeline__infoItem,.operationTimeline__timeItem{min-width:100%}.operationTimeline__details{padding:8px 12px}}@media (max-width: 1200px){.operationTimeline .operationTimeline__content{width:100%!important}}@media (max-width: 480px){.operationTimeline__stepper{padding:12px 4px}.operationTimeline__stepContent{padding:0 0 0 28px!important}.operationTimeline__operationName{font-size:1rem!important}.operationTimeline__workstation{font-size:.8rem!important}.operationTimeline__label,.operationTimeline__timeLabel{min-width:60px;font-size:.75rem!important}.operationTimeline__value,.operationTimeline__timeValue{font-size:.85rem!important}}.operationTimeline__label{font-family:Inter!important;font-weight:600!important;font-size:15px!important;line-height:16px!important;text-align:center!important;color:#181c32!important}.article-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.article-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:0}.article-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.article-details-modal .modal-title .title-content .title-icon{font-size:24px}.article-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.article-details-modal .modal-content{padding:32px;background-color:#fafbfc}.article-details-modal .modal-content .modal-field{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:12px}.article-details-modal .modal-content .modal-field:hover{border-color:#0569ad;box-shadow:0 2px 8px #0569ad1a}.article-details-modal .modal-content .modal-field:last-child{margin-bottom:0}.article-details-modal .modal-content .modal-field .field-icon{color:#0569ad;font-size:18px;margin-top:2px;opacity:.8}.article-details-modal .modal-content .modal-field .field-content{flex:1}.article-details-modal .modal-content .modal-field .field-content .field-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.article-details-modal .modal-content .modal-field .field-content .field-value{color:#2d3748;font-weight:500;line-height:1.5}.article-details-modal .modal-content .modal-field .field-content .field-value.timestamp{color:#718096;font-size:.9rem}.article-details-modal .modal-actions{padding:20px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.article-details-modal .modal-actions .close-btn{color:#fff!important;font-weight:500;padding:10px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:auto;width:48px;height:48px;transition:all .2s ease;background:transparent;box-shadow:none}.article-details-modal .modal-actions .close-btn:hover{transform:translateY(-1px)}.article-details-modal .modal-actions .close-btn:active{transform:translateY(0)}@media (max-width: 600px){.article-details-modal .modal-paper{margin:16px}.article-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.article-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.article-details-modal .modal-content{padding:20px}.article-details-modal .modal-content .modal-field{padding:10px 12px}.article-details-modal .modal-actions{padding:16px 20px}}.add-article-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-article-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.add-article-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.add-article-page .form-group .required-star{color:red}.add-article-page .form-group input,.add-article-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-article-page .form-group .error{color:red;font-size:12px;margin-top:4px}.add-article-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-article-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.add-article-page .required-note .required-star{color:red}.add-article-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-article-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-article-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-article-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-article-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.update-article-page .form-group .required-star{color:red}.update-article-page .form-group input,.update-article-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-article-page .form-group .error{color:red;font-size:12px;margin-top:4px}.update-article-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-article-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-article-page .required-note .required-star{color:red}.update-article-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-article-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.add-composant-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-composant-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.add-composant-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.add-composant-page .form-group .required-star{color:red}.add-composant-page .form-group input,.add-composant-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-composant-page .form-group .error{color:red;font-size:12px;margin-top:4px}.add-composant-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-composant-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.add-composant-page .required-note .required-star{color:red}.add-composant-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-composant-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-composant-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-composant-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-composant-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.update-composant-page .form-group .required-star{color:red}.update-composant-page .form-group input,.update-composant-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-composant-page .form-group .error{color:red;font-size:12px;margin-top:4px}.update-composant-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-composant-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-composant-page .required-note .required-star{color:red}.update-composant-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-composant-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.motif-details-modal .modal-paper{border-radius:12px;box-shadow:0 8px 32px #0569ad1f;overflow:hidden}.motif-details-modal .modal-title{background:linear-gradient(135deg,#0569ad,#0c70b5d9);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:0}.motif-details-modal .modal-title .title-content{display:flex;align-items:center;gap:12px}.motif-details-modal .modal-title .title-content .title-icon{font-size:24px}.motif-details-modal .modal-title .title-content .title-text{font-weight:600;font-size:1.25rem}.motif-details-modal .modal-content{padding:32px;background-color:#fafbfc}.motif-details-modal .modal-content .modal-field{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:12px}.motif-details-modal .modal-content .modal-field:hover{border-color:#0569ad;box-shadow:0 2px 8px #0569ad1a}.motif-details-modal .modal-content .modal-field:last-child{margin-bottom:0}.motif-details-modal .modal-content .modal-field .field-icon{color:#0569ad;font-size:18px;margin-top:2px;opacity:.8}.motif-details-modal .modal-content .modal-field .field-content{flex:1}.motif-details-modal .modal-content .modal-field .field-content .field-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;display:block;margin-bottom:4px}.motif-details-modal .modal-content .modal-field .field-content .field-value{color:#2d3748;font-weight:500;line-height:1.5}.motif-details-modal .modal-content .modal-field .field-content .field-value.timestamp{color:#718096;font-size:.9rem}.motif-details-modal .modal-actions{padding:20px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.motif-details-modal .modal-actions .close-btn{color:#fff!important;font-weight:500;padding:10px;border-radius:8px;text-transform:none;font-size:.9rem;min-width:auto;width:48px;height:48px;transition:all .2s ease;background:transparent;box-shadow:none}.motif-details-modal .modal-actions .close-btn:hover{transform:translateY(-1px)}.motif-details-modal .modal-actions .close-btn:active{transform:translateY(0)}@media (max-width: 600px){.motif-details-modal .modal-paper{margin:16px}.motif-details-modal .modal-title{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.motif-details-modal .modal-title .title-content .title-text{font-size:1.1rem}.motif-details-modal .modal-content{padding:20px}.motif-details-modal .modal-content .modal-field{padding:10px 12px}.motif-details-modal .modal-actions{padding:16px 20px}}.add-motif-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.add-motif-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.add-motif-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.add-motif-page .form-group .required-star{color:red}.add-motif-page .form-group input,.add-motif-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-motif-page .form-group .error{color:red;font-size:12px;margin-top:4px}.add-motif-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.add-motif-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.add-motif-page .required-note .required-star{color:red}.add-motif-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.add-motif-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.update-motif-page{width:90%;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px}.update-motif-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.update-motif-page .form-group label{margin-bottom:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:12px;letter-spacing:0%}.update-motif-page .form-group .required-star{color:red}.update-motif-page .form-group input,.update-motif-page .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.update-motif-page .form-group .error{color:red;font-size:12px;margin-top:4px}.update-motif-page .buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.update-motif-page .required-note{font-size:12px;font-family:Inter,sans-serif;font-weight:400;font-style:italic}.update-motif-page .required-note .required-star{color:red}.update-motif-header{display:flex;justify-content:space-between;align-items:center;width:93%;margin:0 auto;padding:24px}.update-motif-header .title{color:#00548d!important;font-size:xx-large!important;font-family:Inter,sans-serif}.scan-poste-badge{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;padding:1rem}.scan-poste-badge .scan-card{position:relative;background:#ff3b3012;border:1px solid #ff3b30;border-radius:35px;padding:8rem;text-align:center;width:100%;max-width:90%;box-shadow:0 2px 10px #ff3b3012;transition:all .3s ease}.scan-poste-badge .scan-card .close-btn{position:absolute;top:8px;right:8px;color:#ff3b30;cursor:pointer;font-size:1.5rem}.scan-poste-badge .scan-card .scan-icon{font-size:64px;color:#ff3b30;margin-bottom:1rem}.scan-poste-badge .scan-card .scan-text{font-size:45px;font-weight:700;color:#ff3b30;margin-bottom:1.5rem}.scan-poste-badge .scan-card .cancel-btn{background-color:#ff3b30;color:#fff;font-size:1.2rem;padding:.8rem 2rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.scan-poste-badge .scan-card .cancel-btn:hover{background-color:#e13227}@media (max-width: 1024px){.scan-poste-badge .scan-card{padding:6rem}.scan-poste-badge .scan-card .scan-text{font-size:38px}.scan-poste-badge .scan-card .scan-icon{font-size:54px}.scan-poste-badge .scan-card .cancel-btn{font-size:1.1rem;padding:.7rem 1.8rem}}@media (max-width: 768px){.scan-poste-badge{height:90vh}.scan-poste-badge .scan-card{padding:4rem 2rem;border-radius:25px}.scan-poste-badge .scan-card .scan-text{font-size:28px}.scan-poste-badge .scan-card .scan-icon{font-size:46px}.scan-poste-badge .scan-card .cancel-btn{font-size:1rem;padding:.6rem 1.5rem}}@media (max-width: 480px){.scan-poste-badge{height:85vh}.scan-poste-badge .scan-card{padding:2.5rem 1.5rem;border-radius:20px;width:95%}.scan-poste-badge .scan-card .scan-icon{font-size:40px;margin-bottom:.8rem}.scan-poste-badge .scan-card .scan-text{font-size:22px;margin-bottom:1rem}.scan-poste-badge .scan-card .cancel-btn{font-size:.9rem;padding:.5rem 1.2rem}.scan-poste-badge .scan-card .close-btn{font-size:1.2rem;top:6px;right:6px}}