body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loader{align-items:center;background-color:#ffffff80;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.loader-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#7983ff;border-radius:50%;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page{height:100%;width:100%}.content{height:100%;margin-left:auto;padding:15px;width:calc(100% - 50px);word-break:break-word}.sidebar{background-color:#2a363b;border-right:1px solid #4d606e;height:100%;padding-top:15px;position:fixed;top:0;transition:width .3s ease;width:50px}.sidebar .sidebar-position{align-items:center;cursor:pointer;display:flex;height:50px;padding:0 12px;text-align:left}.sidebar .sidebar-position:hover{background-color:#3f5159;border-right:5px solid #e84a5f}.sidebar svg{color:#e84a5f;min-width:25px}.sidebar span{color:#c9c9c9;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;transition:width .3s ease;white-space:nowrap}.sidebar--open{transition:width .3s ease;width:200px}.sidebar--open .sidebar-position span{display:block;height:auto}.sidebar .sidebar-text{display:none}.sidebar--open .sidebar-text{padding-left:10px}.trigger{align-items:center;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:flex-end;padding:0 12px 15px}.sidebar .sidebar-position:last-child{bottom:0;left:0;padding-bottom:15px;padding-right:0;position:absolute;width:100%}.dynamic-delete-button{color:#999;cursor:pointer;font-size:24px;margin:0 8px;position:relative;transition:all .3s}.dynamic-delete-button:hover{color:#777}.dynamic-delete-button[disabled]{cursor:not-allowed;opacity:.5}.intervention-settings-main-container{display:flex;flex-direction:column;height:100%;width:100%}.intervention-header{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:20px;width:100%}.intervention-header h3{margin:0}.intervention-header button{background-color:#06c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.intervention-header button:hover{background-color:#0052a3}.intervention-card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px}.user-settings-main-container{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.user-header{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:20px;max-width:1200px;width:100%}.user-header h3{margin:0}.user-header button{background-color:#06c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.user-header button:hover{background-color:#0052a3}.user-card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px}.ant-card{border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.ant-card .ant-card-body{display:flex;flex-direction:column;gap:10px}.ant-card .ant-btn{width:100%}.ant-btn-danger{background-color:#d9534f;color:#fff}.ant-btn-danger:hover{background-color:#c9302c}#form-add-user{display:flex;flex-direction:column;gap:15px}#form-add-user label{font-weight:700}#form-add-user label span{color:red}#form-add-user input,#form-add-user select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px}#form-add-user input:focus,#form-add-user select:focus{border-color:#06c;outline:none}#form-add-user button{background-color:#06c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px}#form-add-user button:hover{background-color:#0052a3}.designation-travaux-step{display:flex;flex-direction:column;gap:20px;padding:16px;width:100%}.zone-card{border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.card-header{align-items:center;display:flex;flex-direction:row;gap:10px}.treatment-table{width:100%}.button-designation{border-radius:4px;padding:4px 8px;transition:background-color .3s;&:hover{background-color:#f0f0f0}&.danger{border-color:#ff4d4f;color:#ff4d4f}}.card-header .ant-typography{color:#595959;font-weight:700}.input-designation{border:1px solid #d9d9d9;border-radius:4px;padding:4px;transition:border-color .3s;width:100%;&:focus{border-color:#40a9ff;box-shadow:0 0 5px #40a9ff80;outline:none}}.textarea-designation{border:1px solid #d9d9d9;border-radius:4px;padding:4px;transition:border-color .3s;width:100%;&:focus{border-color:#40a9ff;box-shadow:0 0 5px #40a9ff80;outline:none}}.table{background-color:#fff;border-collapse:collapse;font-family:Arial,sans-serif;width:100%}.table thead{background-color:#ddd;color:#000}.table tr:nth-child(2n){background-color:#f0f0f0}.table tr:nth-child(2n).empty-row,.table tr:nth-child(odd).empty-row{background-color:#7e7e7e80;height:15px}.table tr:nth-child(2n).empty-row-clear,.table tr:nth-child(odd).empty-row-clear{background-color:#e3e3e380;height:15px}.table td,.table th{border:.5px inset #ddd;font-size:10px;padding:4px 8px;text-align:left;&.sub-item{padding-left:50px}&.total-item{text-align:right;width:60px}&.unit-item{text-align:center}&.clear-cols{border:none}&.cols-bold-item{font-weight:700}&.cols-empty-total-item{border-left:none;border-right:none}}.row{transition:background-color .3s}.table th{font-weight:700;text-transform:uppercase}.input-container{display:inline-block;width:100%}.input-container input{border:1px solid #ccc;box-sizing:border-box;padding:8px;width:100%}.input-container input[readonly]{background-color:initial;border:none;font-weight:700}.wrapper{align-items:center;background-color:#fff;border:1px solid #000;box-sizing:border-box;display:flex;height:297mm;justify-content:center;margin:0 auto;padding:1px;width:210mm}.input{border:none;width:100%}.container-total{border:1px solid #000;display:block;margin-bottom:10px;padding:10px}.container-total p{color:#000;font-size:12px;line-height:1.4;margin:4px 0}.container-total p:first-child{font-weight:700}.container-total p:last-child{font-size:13px;font-weight:700}.file-upload-wrapper{height:32px;width:100%}.custom-file-label{border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:14px;padding:4px 15px;text-align:center;width:100%}.custom-file-label:hover{border-color:#007bff;color:#007bff}.input-file-annexes{display:none}.image-preview-container{display:flex;flex-wrap:wrap;gap:16px}.image-preview-wrapper{border:2px solid #e0e0e0;border-radius:8px;gap:10px;height:120px;margin-bottom:10px;overflow:hidden;position:relative;transition:border-color .3s ease;width:120px}.image-preview-wrapper:hover{border-color:#007bff}.image-preview{display:block;height:100%;object-fit:cover;width:100%}.delete-image-button{align-items:center;background:#ff4d4f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:background .3s ease;width:24px}.delete-image-button:hover{background:#d9363e}.main-container{background:linear-gradient(45deg,#fc466b,#3f5efb);font-family:Montserrat,sans-serif;height:100vh}.container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.form-login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-left:1px solid #ffffff4d;border-radius:20px;border-top:1px solid #ffffff4d;box-shadow:20px 20px 40px -6px #0003;height:300px;padding:3em;position:relative;text-align:center;transition:all .2s ease-in-out;p{font-size:1.4rem;margin-bottom:60px;margin-top:0;opacity:.7}input,p{color:#fff;font-weight:500;text-shadow:2px 2px 4px #0003}input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;border:1px solid #ffffff4d;border-bottom:none;border-radius:5000px;border-right:none;box-shadow:4px 4px 60px #0003;font-family:Montserrat,sans-serif;margin-bottom:2em;padding:1em;transition:all .2s ease-in-out;width:200px;&:hover{background:#ffffff1a;box-shadow:4px 4px 60px 8px #0003}&[type=password],&[type=username]{&:focus{background:#ffffff1a;box-shadow:4px 4px 60px 8px #0003}}&[type=button]{font-size:1rem;margin-top:5px;width:150px;&:hover{cursor:pointer}&:active{background:#fff3}}}&:hover{margin:4px}::placeholder{color:#fff;font-family:Montserrat,sans-serif;font-weight:400;text-shadow:2px 2px 4px #0006}}.drop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-left:1px solid #ffffff4d;border-radius:10px;border-top:1px solid #ffffff4d;box-shadow:10px 10px 60px -8px #0003;position:absolute;transition:all .2s ease;&:first-child{height:100px;left:-40px;top:-20px;width:100px;z-index:-1}&:nth-child(2){bottom:-30px;height:80px;right:-10px;width:80px}&:nth-child(3){bottom:120px;height:100px;right:-50px;width:100px;z-index:-1}&:nth-child(4){height:120px;right:-60px;top:-60px;width:120px}&:nth-child(5){bottom:170px;height:60px;left:90px;width:60px;z-index:-1}}a,button:focus,input:focus,select:focus,textarea:focus{outline:none}