:root{--primary-color: #000000;--secondary-color: #B90D64;--accent-color: #AAAAAA;--background-color: #BBBBBB;--text-color: #333333;--light-gray: #e0e0e0;--medium-gray: #6c757d;--dark-gray: #22112b;--success-color: #28a745;--warning-color: #f3ad17;--danger-color: #dc3545;--card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);display:flex;flex-direction:column;min-height:100%}#root,.app-container{display:flex;flex-direction:column;flex-grow:1;width:100%}.app-header{background-color:var(--primary-color);color:var(--secondary-color);padding:.75rem 1.5rem;box-shadow:0 2px 4px #0000001a;width:100%;display:flex;align-items:center;position:fixed;z-index:999;top:0}.app-header-logo{height:15px;width:202px;margin-right:20px;flex-shrink:0}.app-header-main-content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.app-header h1{margin:0 0 .3rem;font-size:1.5rem;color:var(--secondary-color);line-height:1.2;padding-left:.8rem}.app-content{flex:1;padding:2rem;width:100%;background-color:var(--background-color)}.app-footer{background-color:var(--primary-color);color:var(--secondary-color);text-align:center;padding:1rem 2rem;width:100%;margin-top:auto;position:fixed;z-index:999;bottom:0}.main-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.main-nav-links{display:flex;gap:10px}.nav-link{color:#fff;text-decoration:none;padding:.4rem .8rem;border-radius:4px;transition:background-color var(--transition-speed);font-size:.9rem;display:inline-block;line-height:normal}.nav-link:hover{background-color:#ffffff26}.logout-button.nav-link{background-color:transparent;border:1px solid white;cursor:pointer}.logout-button.nav-link:hover{background-color:#ffffff1a;color:#fff}.secondary-nav-link{color:#b90d64!important;font-weight:700;margin-left:1rem}.secondary-nav-link:hover{background-color:#ffffff26}.nav-button{background-color:var(--light-gray);border:1px solid var(--medium-gray);color:var(--dark-gray);padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color var(--transition-speed),color var(--transition-speed)}.nav-button:hover:not(:disabled){background-color:var(--secondary-color);color:#fff}.nav-button:disabled{background-color:#f8f8f8;color:#ccc;cursor:not-allowed;opacity:.7}.card{background-color:#fff;border-radius:8px;box-shadow:var(--card-shadow);padding:1.5rem;margin-bottom:2rem;width:100%}.section-title{color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-gray)}.filters-and-actions-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:1.5rem;align-items:flex-end}.filter-action-item{display:flex;align-items:center;gap:8px}.filter-action-item label{font-weight:700;font-size:.9rem;color:var(--dark-gray);white-space:nowrap}.filter-action-item select,.filter-action-item input[type=text],.filter-action-item input[type=number]{padding:.6rem;border-radius:4px;border:1px solid var(--light-gray);font-size:.9rem;min-width:150px}.filter-action-item button.clear-filters-button{padding:.6rem 1rem;background-color:var(--light-gray);color:var(--dark-gray);border:none;border-radius:4px;cursor:pointer}.table-container{overflow-x:auto;margin-top:1rem;width:100%}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{border:1px solid var(--light-gray);padding:10px 12px;text-align:left;vertical-align:middle;word-break:break-word}th{background-color:var(--primary-color);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}tbody tr{border-bottom:1px solid var(--light-gray);transition:background-color var(--transition-speed)}tbody tr:nth-child(2n){background-color:#00000005}tbody tr:hover{background-color:var(--accent-color)}.pagination-controls{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pagination-controls span{font-size:.9rem;color:var(--medium-gray)}.pagination-controls>div{display:flex;gap:10px}.pagination-controls button{padding:.5rem 1rem;border:1px solid var(--primary-color);background-color:#fff;color:var(--primary-color);border-radius:4px;cursor:pointer;transition:background-color var(--transition-speed),color var(--transition-speed)}.pagination-controls button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.status-conf,.status-CONF,.status-aver,.status-AVER,.status-doua,.status-DOUA{color:var(--success-color);font-weight:600}.status-nconf,.status-NCONF,.status-GSOT,.status-gsot,.status-MULT,.status-mult,.status-RESV,.status-resv,.status-nolv,.status-NOLV,.status-noot,.status-NOOT{color:var(--danger-color);font-weight:600}.status-dout,.status-DOUT{color:var(--warning-color);font-weight:600}.item-link{color:var(--secondary-color);text-decoration:none;font-weight:600;transition:color var(--transition-speed)}.item-link:hover{color:var(--primary-color);text-decoration:underline}.button-link.button-review{display:inline-block;padding:.5rem 1rem;font-size:.85rem;background-color:var(--secondary-color);color:#fff;border:none;border-radius:4px;text-decoration:none;font-weight:700;text-align:center;cursor:pointer;transition:background-color var(--transition-speed);white-space:nowrap}.button-link.button-review:hover{background-color:var(--primary-color);color:#fff;text-decoration:none}.button-validate.button-review{display:inline-block;padding:.5rem 1rem;font-size:.85rem;background-color:var(--success-color);color:#fff;border:none;border-radius:4px;text-decoration:none;font-weight:700;text-align:center;cursor:pointer;transition:background-color var(--transition-speed);white-space:nowrap}.button-validate.button-review:hover{background-color:var(--primary-color);color:#fff;text-decoration:none}.button-reject.button-review{display:inline-block;padding:.5rem 1rem;font-size:.85rem;background-color:var(--danger-color);color:#fff;border:none;border-radius:4px;text-decoration:none;font-weight:700;text-align:center;cursor:pointer;transition:background-color var(--transition-speed);white-space:nowrap}.button-reject.button-review:hover{background-color:var(--primary-color);color:#fff;text-decoration:none}.loading-indicator{text-align:center;padding:2rem;color:var(--medium-gray);font-style:italic}.error-message{background-color:#dc35451a;color:var(--danger-color);padding:1rem;border-radius:4px;margin:1rem 0;border-left:4px solid var(--danger-color)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--medium-gray);background-color:#00000005;border-radius:4px}.document-section{margin-top:2rem}.document-container{margin:1rem 0;position:relative}.image-wrapper{display:inline-block;position:relative;border:1px solid var(--light-gray);border-radius:4px;overflow:hidden;max-width:100%}.zoomable-image{display:block;max-width:100%;height:auto;cursor:zoom-in}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{max-width:90%;max-height:90%;position:relative}.modal-image{max-width:100%;max-height:90vh;object-fit:contain}.close-modal{position:absolute;top:20px;right:30px;color:#fff;font-size:2.5rem;cursor:pointer;background:none;border:none;z-index:1001;line-height:1}.zoom-instructions{color:var(--medium-gray);font-size:.85rem;margin-top:.5rem;font-style:italic}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.detail-section{background-color:#00000005;padding:1rem;border-radius:4px;border-left:3px solid var(--secondary-color)}.detail-section h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem}.detail-item{margin-bottom:.75rem}.detail-label{font-weight:600;display:block;margin-bottom:.25rem;color:var(--dark-gray)}.detail-value{color:var(--text-color);word-break:break-word}.documents-side-by-side-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:1rem}.document-column{flex:1;min-width:300px;padding:10px;background-color:#00000004;border-radius:4px;overflow:auto;max-height:1100px}.document-column h4{margin-top:0;margin-bottom:1rem;color:var(--primary-color);padding-bottom:.5rem;border-bottom:1px solid var(--light-gray)}.document-column .document-container,.document-column .image-wrapper{max-width:100%}.document-item-wrapper{margin-bottom:1rem;border:1px solid var(--light-gray);padding:10px;border-radius:4px;background-color:#fff}.button-disabled{background-color:var(--medium-gray)!important;opacity:.65;cursor:not-allowed;pointer-events:none}.status-row-atra .status-label{color:var(--warning-color)!important;font-weight:700}.status-row-atra .item-link{color:var(--text-color)!important;font-weight:700}.status-row-tran .status-label{color:var(--success-color)!important;font-weight:700}.status-row-tran .item-link{color:var(--text-color)!important;font-weight:700}.status-row-reje .status-label{color:var(--danger-color)!important;font-weight:700}.status-row-reje .item-link{color:var(--text-color)!important;font-weight:700}@media(max-width:992px){.documents-side-by-side-container{flex-direction:column;gap:30px}.document-column{flex-basis:100%;max-width:100%;min-width:0}}.mail-weblink{color:var(--text-color)!important;font-weight:700;text-decoration:none}.mail-weblink:hover{text-decoration:underline}tr .item-link.id-nav-link,.item-link.id-nav-link{color:var(--secondary-color)!important;font-weight:600;text-decoration:none}.item-link.id-nav-link:hover{color:var(--primary-color)!important;text-decoration:underline}@media(max-width:768px){.app-header{padding:.75rem 1rem;flex-direction:column;align-items:flex-start}.app-header-logo{height:35px;margin-bottom:.75rem}.app-header-main-content{width:100%}.app-header h1{font-size:1.2rem;text-align:left;margin-bottom:.5rem}.main-nav{flex-direction:column;align-items:stretch}.main-nav-links{flex-direction:column;width:100%;align-items:stretch;margin-bottom:.5rem}.nav-link{text-align:center;margin-bottom:.5rem}.main-nav button.logout-button.nav-link{width:100%;margin-top:.25rem;text-align:center}.app-content{padding:1rem}.detail-grid{grid-template-columns:1fr}th,td{padding:8px 6px;font-size:.9rem}.filters-and-actions-container{flex-direction:column;align-items:stretch;gap:1rem}.filter-action-item{flex-direction:column;align-items:stretch}.filter-action-item label{margin-bottom:.25rem}.filter-action-item select,.filter-action-item input[type=text],.filter-action-item input[type=number],.filter-action-item button.clear-filters-button{width:100%;min-width:0}.pagination-controls{flex-direction:column;align-items:center}}@media(max-width:480px){.app-header{padding:.5rem}.app-header-logo{height:30px}.app-header h1{font-size:1.1rem}.app-content{padding:.5rem}th,td{font-size:.75rem;padding:6px 4px}}.detail-grid-custom{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.detail-section-large.transport-section{grid-column:1 / -1}.detail-section.infos{height:280px;overflow-y:auto;display:flex;flex-direction:column}.transport-section table{font-size:.85rem}.transport-section th,.transport-section td{padding:8px;white-space:pre-wrap;vertical-align:top}@media(max-width:992px){.detail-grid-custom{grid-template-columns:1fr}.detail-section-large.transport-section{grid-column:auto}}.multiselect-wrapper{position:relative;display:inline-block}.multiselect-button{background-color:#fff;border:1px solid var(--medium-gray);border-radius:4px;padding:.5rem .8rem;cursor:pointer;width:100%;text-align:left;font-size:.9rem}.multiselect-button.active{border-color:var(--primary-color);font-weight:700}.multiselect-panel{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;z-index:1000;max-height:250px;overflow-y:auto;padding:.5rem;min-width:200px}.multiselect-option{display:block;padding:.4rem .6rem;cursor:pointer;border-radius:3px;white-space:nowrap}.multiselect-option:hover{background-color:#f0f0f0}.multiselect-option input{margin-right:.8rem}.multiselect-actions{border-top:1px solid #eee;padding-top:.5rem;margin-top:.5rem}.multiselect-actions button{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:.8rem;padding:.2rem}:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}