.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--abte-vert-teinte2) 0%,var(--abte-vert-teinte1) 100%);padding:var(--spacing-lg)}.login-container{width:100%;max-width:440px;background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 10px 30px #1a563226}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{width:120px;height:120px;object-fit:contain;margin:0 auto var(--spacing-md);display:block;border-radius:var(--radius-md)}.login-header h1{font-family:Montserrat,sans-serif;font-size:28px;font-weight:900;color:var(--abte-vert-fonce);margin-bottom:var(--spacing-sm)}.login-header p{font-family:Raleway,sans-serif;font-size:14px;font-weight:400;color:var(--abte-vert-teinte3)}.form-group label{color:var(--on-surface)}.input-wrapper{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--on-surface-variant)}.input-with-icon{padding-left:44px}.btn-full{width:100%;margin-top:var(--spacing-md)}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;border-radius:var(--radius);font-size:14px}.alert-error{background-color:var(--error-container);color:var(--on-error-container)}.login-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--on-surface-variant)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;margin-right:8px}.change-password-page{display:flex;min-height:100vh;min-width:100vw;background-color:var(--abte-blanc-pur);overflow:hidden}.form-section{flex:0 0 40%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background-color:var(--abte-blanc-pur);z-index:2;box-shadow:10px 0 30px #0000000d}.form-container-inner{width:100%;max-width:400px;animation:slideInLeft .6s ease-out}.login-logo-container{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-lg)}.login-header h2{font-family:var(--font-primary);font-size:28px;font-weight:var(--font-weight-black);color:var(--abte-vert-fonce);margin-bottom:var(--spacing-md);line-height:1.2}.login-header p{font-family:var(--font-secondary);font-size:15px;color:var(--abte-vert-teinte3);margin-bottom:var(--spacing-xl);line-height:1.6}.logo-section{flex:0 0 60%;position:relative;background:linear-gradient(135deg,var(--abte-vert-fonce) 0%,var(--abte-vert-nuit) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(76,175,80,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(76,175,80,.1) 0%,transparent 50%)}.logo-content{text-align:center;color:var(--abte-blanc-pur);z-index:1;animation:fadeInScale .8s ease-out}.large-logo{width:500px;height:500px;object-fit:contain;margin-bottom:var(--spacing-xl)}.logo-content h1{font-family:var(--font-primary);font-size:48px;font-weight:var(--font-weight-black);margin-bottom:var(--spacing-sm);letter-spacing:-1px}.logo-content p{font-family:var(--font-secondary);font-size:18px;opacity:.9;font-weight:var(--font-weight-medium)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:13px;font-weight:var(--font-weight-bold);color:var(--abte-vert-fonce);text-transform:uppercase;letter-spacing:.5px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--abte-vert-teinte3)}.input-with-icon input{width:100%;padding:14px 14px 14px 44px;border:2px solid var(--abte-vert-teinte2);border-radius:var(--radius-md);font-size:15px;transition:all .3s ease;background-color:var(--abte-vert-teinte2)}.input-with-icon input:focus{outline:none;border-color:var(--abte-vert-signal);background-color:var(--abte-blanc-pur);box-shadow:0 0 0 4px #4caf501a}.toggle-password{position:absolute;right:14px;background:none;border:none;color:var(--abte-vert-teinte3);cursor:pointer;padding:4px}.btn-primary{background-color:var(--abte-vert-fonce);color:var(--abte-blanc-pur);border:none;padding:16px;border-radius:var(--radius-md);font-size:16px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-md)}.btn-primary:hover:not(:disabled){background-color:var(--abte-vert-signal);transform:translateY(-2px);box-shadow:0 10px 20px #4caf5033}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#b91c1c;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);font-size:14px}.form-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--abte-vert-teinte2);color:var(--abte-vert-teinte3)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 992px){.logo-section{display:none}.form-section{flex:0 0 100%}}.notification-bell{position:relative}.bell-button{position:relative;padding:8px;background:none;border:none;color:var(--on-surface);cursor:pointer;border-radius:var(--radius);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.bell-button:hover{background-color:var(--surface-container)}.bell-button .badge{position:absolute;top:2px;right:2px;background-color:var(--error);color:var(--on-error);font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:-100%;width:380px;max-height:500px;background-color:#fff;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;z-index:1000;display:flex;flex-direction:column}@media (prefers-color-scheme: dark){.notification-dropdown{background-color:#1e1e1e;border-color:#404040}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--outline-variant)}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:var(--on-surface)}.notification-actions{display:flex;gap:var(--spacing-xs)}.btn-text{padding:4px;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius);transition:all .2s ease;display:flex;align-items:center}.btn-text:hover{background-color:var(--surface-container);color:var(--on-surface)}.notification-list{overflow-y:auto;max-height:420px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--on-surface-variant);text-align:center}.notification-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--outline-variant);cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background-color:var(--surface-container-low)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#e3f2fd}@media (prefers-color-scheme: dark){.notification-item.unread{background-color:#1a237e}}.notification-icon{font-size:24px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-message{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--on-surface);line-height:1.4}.notification-details{margin:0 0 4px;font-size:12px;color:var(--on-surface-variant)}.notification-time{font-size:11px;color:var(--on-surface-variant)}.notification-dot{position:absolute;top:16px;right:12px;width:8px;height:8px;background-color:var(--primary);border-radius:50%}@media (max-width: 480px){.notification-dropdown{width:calc(100vw - 32px);right:-8px}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--abte-vert-fonce);border-bottom:1px solid var(--abte-vert-nuit);padding:0 var(--spacing-md);align-items:center;justify-content:space-between;z-index:1000;gap:var(--spacing-md)}.mobile-header .notification-bell{margin-left:auto}.mobile-header-brand{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center}.mobile-logo{width:36px;height:36px;object-fit:contain;border-radius:var(--radius);background-color:var(--abte-blanc-pur);padding:2px}.mobile-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:900;color:var(--abte-blanc-pur)}.burger-btn{width:40px;height:40px;border:none;background-color:transparent;color:var(--abte-blanc-pur);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.burger-btn:hover{background-color:var(--abte-vert-nuit)}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--abte-vert-fonce);border-right:1px solid var(--abte-vert-nuit);display:flex;flex-direction:column;position:fixed;left:0;top:0;transition:transform .3s ease;z-index:1001}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--abte-vert-nuit);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.sidebar-logo{width:50px;height:50px;object-fit:contain;border-radius:var(--radius-md);background-color:var(--abte-blanc-pur);padding:4px}.sidebar-header h2{font-family:Montserrat,sans-serif;font-size:18px;font-weight:900;color:var(--abte-blanc-pur);flex:1;min-width:120px}.sidebar-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.close-btn{display:none;width:32px;height:32px;border:none;background-color:transparent;color:var(--abte-blanc-pur);border-radius:var(--radius);align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.close-btn:hover{background-color:var(--abte-vert-nuit)}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 16px;margin-bottom:var(--spacing-xs);border-radius:var(--radius);color:var(--abte-vert-teinte1);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.sidebar-link:hover{background-color:var(--abte-vert-nuit);color:var(--abte-blanc-pur)}.sidebar-link.active{background-color:var(--abte-vert-signal);color:var(--abte-blanc-pur);font-weight:700}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--abte-vert-nuit)}.user-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--abte-vert-signal);color:var(--abte-blanc-pur);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-details{flex:1}.user-name{font-size:14px;font-weight:600;color:var(--abte-blanc-pur)}.user-role{font-size:12px;color:var(--abte-vert-teinte1);text-transform:capitalize}.btn-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;border:1px solid var(--abte-vert-nuit);border-radius:var(--radius);background-color:transparent;color:var(--abte-blanc-pur);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background-color:var(--abte-vert-nuit);border-color:var(--abte-vert-signal)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease}@media (min-width: 769px){.mobile-header,.sidebar-overlay,.close-btn{display:none!important}}@media (max-width: 1024px) and (min-width: 769px){.sidebar{width:240px}}@media (max-width: 768px){.mobile-header{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.close-btn{display:flex}.sidebar-header h2{font-size:18px}.sidebar-header .notification-bell{display:none}}@media (max-width: 480px){.mobile-header{height:56px;padding:0 var(--spacing-sm)}.mobile-title{font-size:16px}.burger-btn{width:36px;height:36px}.sidebar{width:280px}}.toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:300px;max-width:500px;z-index:2000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0}.toast-message{flex:1;font-size:14px;color:var(--on-surface)}.toast-close{padding:4px;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius);transition:all .2s ease}.toast-close:hover{background-color:var(--surface-container)}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:var(--spacing-md);z-index:2000;pointer-events:none}.toast-container>*{pointer-events:all}.main-layout{display:flex;min-height:100vh;flex-direction:column}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-xl);background-color:var(--background);min-height:100vh;transition:margin-left .3s ease}@media (min-width: 769px){.main-layout{flex-direction:row}}@media (max-width: 1024px){.main-content{padding:var(--spacing-lg)}}@media (max-width: 768px){.main-content{margin-left:0;margin-top:60px;padding:var(--spacing-md)}}@media (max-width: 480px){.main-content{margin-top:56px;padding:var(--spacing-sm)}}.stat-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background-color:var(--surface-container);display:flex;align-items:center;justify-content:center;color:var(--primary)}.stat-trend{font-size:12px;font-weight:600;padding:4px 8px;border-radius:var(--radius)}.stat-trend.positive{color:#065f46;background-color:#d1fae5}.stat-trend.negative{color:#9f1239;background-color:#fce7f3}.stat-value{font-size:30px;font-weight:600;line-height:38px;color:var(--on-surface);margin-bottom:var(--spacing-xs)}.stat-title{font-size:14px;color:var(--on-surface-variant)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-title{font-size:20px;font-weight:600;color:var(--on-surface)}.card-actions{display:flex;gap:var(--spacing-sm)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:200px}.loading-spinner{width:48px;height:48px;border:4px solid var(--surface-container);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-message{margin-top:var(--spacing-md);color:var(--on-surface-variant);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:300px;text-align:center}.empty-state-icon{color:var(--on-surface-variant);opacity:.5;margin-bottom:var(--spacing-lg)}.empty-state-title{font-size:20px;font-weight:600;color:var(--on-surface);margin-bottom:var(--spacing-sm)}.empty-state-message{font-size:14px;color:var(--on-surface-variant);max-width:400px;margin-bottom:var(--spacing-lg)}.empty-state-action{margin-top:var(--spacing-md)}.dashboard-header{margin-bottom:var(--spacing-xl)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:var(--on-surface-variant)}.badge-urgent{background-color:#fce7f3;color:#9f1239}.badge-normale{background-color:#dbeafe;color:#1e40af}.badge-basse{background-color:#e5e7eb;color:#374151}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.dashboard-header{margin-bottom:var(--spacing-lg)}.dashboard-content{gap:var(--spacing-md)}}@media (max-width: 480px){.dashboard-header h1{font-size:22px}.loading-container{min-height:300px;font-size:14px}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.dashboard-header h1{margin-bottom:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.badge-entrant{background-color:#dbeafe;color:#1e40af}.badge-sortant{background-color:#fef3c7;color:#92400e}.btn-icon{padding:6px 12px;font-size:13px;border:1px solid var(--outline-variant);border-radius:var(--radius);background-color:transparent;color:var(--primary);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background-color:var(--surface-container)}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.dashboard-content{gap:var(--spacing-md)}.btn-icon{width:100%;justify-content:center}}@media (max-width: 480px){.dashboard-header h1{font-size:22px}.dashboard-header{margin-bottom:var(--spacing-lg)}}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{margin-bottom:var(--spacing-sm)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group-full{grid-column:1 / -1}.textarea{resize:vertical;min-height:100px;font-family:inherit}.file-upload{border:2px dashed var(--outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .2s ease}.file-upload:hover{border-color:var(--primary);background-color:var(--surface-container-low)}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--on-surface-variant);transition:all .2s ease}.file-upload-label.disabled{cursor:not-allowed;opacity:.5;color:var(--on-surface-variant)}.file-upload-label.disabled:hover{background-color:transparent}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.form-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.form-actions button{width:100%}.file-upload{padding:var(--spacing-lg)}.categorie-input-group,.new-categorie-form{flex-direction:column}}@media (max-width: 480px){.page-header h1{font-size:22px}.form-grid{gap:var(--spacing-sm)}.file-upload{padding:var(--spacing-md)}.file-item{flex-wrap:wrap}.file-name{flex-basis:100%;margin-bottom:var(--spacing-xs)}}.files-list{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius)}.file-name{flex:1;font-size:14px;color:var(--on-surface)}.file-size{font-size:12px;color:var(--on-surface-variant)}.btn-remove{padding:4px;background:none;border:none;color:var(--error);cursor:pointer;border-radius:var(--radius);transition:background-color .2s ease}.btn-remove:hover{background-color:var(--error-container)}.file-upload-label span:last-child{display:block;margin-top:var(--spacing-xs);color:var(--on-surface-variant)}.categorie-input-group{display:flex;gap:var(--spacing-sm)}.categorie-input-group select{flex:1}.btn-icon-only{padding:10px;min-width:auto}.new-categorie-form{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--surface-container-low);border-radius:var(--radius)}.new-categorie-form input{flex:1}.btn-sm{padding:6px 12px;font-size:13px}.fichiers-counter{margin-left:8px;font-size:12px;font-weight:400;color:var(--on-surface-variant)}.fichiers-section{margin-top:10px}.fichiers-section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px}.files-preview{display:flex;flex-direction:column;gap:6px}.file-preview-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--outline-variant);border-radius:6px;background-color:var(--surface-container-lowest);transition:background-color .15s}.file-preview-item--removed{opacity:.5;background-color:#fee2e2;border-color:#fca5a5;text-decoration:line-through}.file-preview-item--new{background-color:#f0fdf4;border-color:#86efac}.file-preview-item .file-name{flex:1;font-size:13px;color:var(--on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-item .file-size{font-size:11px;color:var(--on-surface-variant);flex-shrink:0}.btn-icon-danger{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;color:var(--error);cursor:pointer;border-radius:4px;flex-shrink:0;transition:background-color .15s}.btn-icon-danger:hover{background-color:var(--error-container)}.btn-restore{display:flex;align-items:center;gap:4px;padding:3px 8px;background:none;border:1px solid #16a34a;color:#16a34a;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;flex-shrink:0;transition:background-color .15s}.btn-restore:hover{background-color:#dcfce7}.file-upload-area{border:2px dashed var(--outline-variant);border-radius:8px}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;cursor:pointer;color:var(--on-surface-variant);transition:background-color .15s;border-radius:6px}.file-upload-label:hover{background-color:var(--surface-container-low)}.input-with-action{display:flex;gap:8px;align-items:center}.input-with-action .input{flex:1}.quick-add{display:flex;gap:8px;margin-top:8px}.quick-add .input{flex:1}.filters-section{margin-bottom:var(--spacing-lg)}.search-bar{position:relative;margin-bottom:var(--spacing-md)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--on-surface-variant)}.search-input{padding-left:44px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}@media (max-width: 1024px){.filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.filters-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.filters-section{margin-bottom:var(--spacing-md)}}@media (max-width: 480px){.filters-grid{grid-template-columns:1fr}.search-bar{margin-bottom:var(--spacing-sm)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--outline-variant)}.modal-title{font-size:20px;font-weight:600;color:var(--on-surface)}.modal-close{padding:4px;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius);transition:all .2s ease}.modal-close:hover{background-color:var(--surface-container);color:var(--on-surface)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--outline-variant)}.detail-grid{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-lg)}.detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-row{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--surface-container)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:12px;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.detail-value{color:var(--on-surface)}.attachments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attachment-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--outline-variant);border-radius:var(--radius);transition:background-color .2s ease}.attachment-item:hover{background-color:var(--surface-container-low)}.attachment-item span{flex:1}.attachment-actions{display:flex;gap:6px;flex-shrink:0}.file-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.file-viewer-modal{background:var(--surface-container-lowest);border-radius:12px;box-shadow:0 8px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;width:100%;max-width:760px;overflow:hidden}.file-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--outline-variant);flex-shrink:0}.file-viewer-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--on-surface)}.file-viewer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px;background-color:var(--surface-container)}.file-viewer-pages{display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:var(--surface-container-lowest);border-radius:6px;font-size:13px;font-weight:500;color:var(--on-surface)}.viewer-image{max-width:100%;border-radius:6px;box-shadow:0 2px 12px #00000026}.viewer-loading,.viewer-error{padding:48px;text-align:center;font-size:14px;color:var(--on-surface-variant)}.viewer-error{color:var(--error)}.timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.timeline-item{display:flex;gap:var(--spacing-md);position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:8px;top:24px;bottom:-24px;width:2px;background-color:var(--outline-variant)}.timeline-dot{width:16px;height:16px;border-radius:var(--radius-full);background-color:var(--primary);flex-shrink:0;margin-top:4px}.timeline-content{flex:1}.timeline-title{font-weight:500;color:var(--on-surface);margin-bottom:var(--spacing-xs)}.timeline-date,.timeline-user{color:var(--on-surface-variant)}@media (max-width: 1024px){.detail-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:150px 1fr}}@media (max-width: 768px){.detail-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.detail-label{font-size:11px}.attachment-item{flex-direction:column;align-items:flex-start}.timeline-item{gap:var(--spacing-sm)}.timeline-content{font-size:13px}}@media (max-width: 480px){.detail-main{gap:var(--spacing-md)}.detail-row{padding:var(--spacing-sm) 0}.timeline{gap:var(--spacing-md)}.timeline-item:not(:last-child):after{left:6px;bottom:-16px}}.date-range-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-md);align-items:end}@media (max-width: 1024px){.date-range-filters{grid-template-columns:1fr 1fr}.date-range-filters button{grid-column:1 / -1}}@media (max-width: 768px){.date-range-filters{grid-template-columns:1fr}}@media (max-width: 480px){.date-range-filters{gap:var(--spacing-sm)}}.pdf-signature-viewer{display:flex;flex-direction:column;height:100%;background-color:#f5f5f5;position:relative}.pdf-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:#fff;border-bottom:1px solid #e0e0e0;gap:var(--spacing-md);flex-wrap:wrap}.pdf-toolbar-left,.pdf-toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-icon{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 12px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-size:14px;color:#333}.btn-icon:hover{background-color:#e0e0e0;border-color:#1976d2}.btn-icon.active{background-color:#1976d2;color:#fff;border-color:#1976d2}.toolbar-divider{width:1px;height:24px;background-color:#e0e0e0}.zoom-level{font-size:14px;font-weight:500;color:#666;min-width:50px;text-align:center}.signature-count{font-size:14px;font-weight:500;color:#666;padding:8px 12px;background-color:#f5f5f5;border-radius:var(--radius)}.pages-warning{font-size:13px;font-weight:500;color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d;padding:6px 12px;border-radius:var(--radius);cursor:default}.pdf-confirming-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffd1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center}.pdf-confirming-box{display:flex;align-items:center;gap:18px;padding:24px 32px;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #00000024;border:1px solid var(--outline-variant)}.pdf-confirming-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;flex-shrink:0;animation:spin .7s linear infinite}.pdf-confirming-text{display:flex;flex-direction:column;gap:4px}.pdf-confirming-text strong{font-size:15px;font-weight:600;color:var(--on-surface)}.pdf-confirming-text span{font-size:13px;color:var(--on-surface-variant)}.mode-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#fff3cd;border-bottom:1px solid #ffc107;color:#856404;font-size:14px;font-weight:500}.pdf-container{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.pdf-loading,.pdf-error{padding:var(--spacing-xl);text-align:center;color:#666;font-size:14px}.pdf-error{color:#d32f2f}.pdf-page-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.pdf-page-number{font-size:13px;font-weight:600;color:#666;background-color:#fff;padding:4px 12px;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a}.pdf-page-container{position:relative;background-color:#fff;box-shadow:0 2px 8px #0000001a;border-radius:var(--radius);overflow:hidden}.pdf-page-container.clickable{cursor:crosshair}.pdf-page-container canvas{display:block}.signature-overlay{position:absolute;border:2px solid #1976d2;border-radius:4px;background-color:#ffffffe6;box-shadow:0 2px 8px #0003;cursor:move;transition:all .2s ease}.signature-overlay:hover{border-color:#1565c0;box-shadow:0 4px 12px #0000004d}.signature-overlay.paraphe{border-color:#ff9800}.signature-overlay.paraphe:hover{border-color:#f57c00}.signature-overlay img{width:100%;height:100%;object-fit:contain;padding:4px}.remove-signature{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background-color:#d32f2f;color:#fff;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0}.signature-overlay:hover .remove-signature{opacity:1}.remove-signature:hover{background-color:#b71c1c;transform:scale(1.1)}.signature-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#666;background-color:#fff;padding:2px 8px;border-radius:4px;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.pdf-page-container .signature-preview{position:absolute;pointer-events:none;border:2px dashed #1976d2;border-radius:4px;background-color:#1976d21a;opacity:.7}.pdf-page-container .signature-preview.paraphe{border-color:#ff9800;background-color:#ff98001a}.pdf-page-container .signature-preview img{width:100%;height:100%;object-fit:contain;padding:4px;opacity:.6}.comment-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.comment-modal{background-color:#fff;padding:24px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;gap:16px;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}.comment-modal h3{margin:0;font-size:18px;color:#1a1a1a;font-weight:700}.comment-modal textarea{width:100%;height:100px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:15px;resize:none;transition:border-color .2s}.comment-modal textarea:focus{outline:none;border-color:var(--abte-vert-signal, #4CAF50)}.comment-modal-actions{display:flex;justify-content:flex-end;gap:12px}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.pdf-toolbar{flex-direction:column;align-items:stretch}.pdf-toolbar-left,.pdf-toolbar-right{justify-content:center;flex-wrap:wrap}.btn-icon span{display:none}.pdf-container{padding:var(--spacing-sm)}}.signature-grid{display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-lg)}.courriers-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:600px;overflow-y:auto}.courrier-item{padding:var(--spacing-md);border:1px solid var(--outline-variant);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.courrier-item:hover{background-color:var(--surface-container-low);border-color:var(--primary)}.courrier-item.active{background-color:var(--primary-container);border-color:var(--primary)}.courrier-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.courrier-item-content h4{font-size:14px;font-weight:500;margin-bottom:var(--spacing-xs);color:#fff}.courrier-item-content p{color:#ccc;margin-bottom:4px;font-size:13px}.courrier-item-content .label-md{color:#fff}.signature-detail{display:flex;flex-direction:column;gap:var(--spacing-xl)}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-row{display:grid;grid-template-columns:140px 1fr;gap:var(--spacing-sm);align-items:start}.detail-row-full{grid-template-columns:1fr}.detail-label{font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#1a1a1a;font-weight:400}.signature-detail-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant);flex-wrap:wrap}.signature-detail-actions .btn{flex:0 1 auto}.signature-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:#fff}.btn-accent{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:10px 20px;background-color:#ff9800;color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-accent:hover{background-color:#f57c00;transform:translateY(-1px);box-shadow:0 4px 8px #ff98004d}.btn-accent:active{transform:translateY(0)}.btn-accent:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.fichiers-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.fichier-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:var(--surface-container-low);border-radius:var(--radius);transition:all .2s ease;border:2px solid transparent}.fichier-item:hover{background-color:var(--surface-container);border-color:var(--primary)}.fichier-item.active{background-color:var(--primary-container);border-color:var(--primary)}.fichier-nom{font-size:14px;color:#1a1a1a;font-weight:500}.fichier-taille{font-size:12px;color:#666}.fichier-item.active .fichier-nom{color:#1976d2;font-weight:600}.fichier-item.active .fichier-taille{color:#1976d2}.document-viewer{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);border:1px solid var(--outline-variant)}.document-viewer-header{display:flex;justify-content:space-between;align-items:center}.document-viewer-header h4{margin:0;font-size:16px;font-weight:600;color:var(--on-surface)}.document-counter{font-size:14px;font-weight:500;color:var(--on-surface-variant);background-color:var(--surface-container);padding:4px 12px;border-radius:var(--radius)}.pdf-viewer{width:100%;height:600px;border:none;border-radius:var(--radius);background-color:#fff}.no-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--on-surface-variant);text-align:center;min-height:300px}.no-preview p{color:var(--on-surface);font-size:14px;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--on-surface-variant);text-align:center;gap:var(--spacing-md)}@media (max-width: 1024px){.signature-grid{grid-template-columns:1fr}.pdf-viewer{height:400px}}@media (max-width: 768px){.pdf-viewer{height:300px}.signature-detail-actions{flex-direction:column}.signature-detail-actions .btn{width:100%}}.signature-management{max-width:520px;margin:0 auto}.signature-content{display:flex;flex-direction:column;gap:20px}.sig-upload-zone{display:flex;align-items:center;justify-content:center;padding:28px 24px;border:2px dashed var(--outline-variant);border-radius:8px;background-color:var(--surface-container-lowest);min-height:180px}.sig-upload-zone .signature-image{max-width:100%;max-height:180px;object-fit:contain;border-radius:4px;background-color:#fff}.preview-empty .body-sm{color:var(--on-surface-variant);font-size:13px;max-width:280px}.sig-file-info{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background-color:var(--surface-container-low);border-radius:6px;border:1px solid var(--outline-variant)}.sig-file-info p{display:flex;align-items:center;gap:6px;margin:0;color:var(--on-surface);font-size:13px}.sig-file-info .text-muted{color:var(--on-surface-variant);font-size:12px}.sig-actions{display:flex;gap:10px}.sig-actions .btn{flex:1;justify-content:center}.sig-guidelines{padding:14px 16px;background-color:#eff6ff;border-radius:8px;border-left:4px solid #1976d2}.sig-guidelines h4{margin:0 0 8px;color:var(--on-surface);font-size:13px;font-weight:600}.sig-guidelines ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.sig-guidelines li{color:var(--on-surface-variant);font-size:12px;line-height:18px}@media (max-width: 600px){.signature-management{max-width:100%}.sig-actions{flex-direction:column}}.paraphe-management{max-width:520px;margin:0 auto}.paraphe-content{display:flex;flex-direction:column;gap:20px}.para-upload-zone{display:flex;align-items:center;justify-content:center;padding:28px 24px;border:2px dashed var(--outline-variant);border-radius:8px;background-color:var(--surface-container-lowest);min-height:160px}.paraphe-image{max-width:100%;max-height:140px;object-fit:contain;border-radius:4px;background-color:#fff}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.preview-empty p{margin:0;color:var(--on-surface);font-size:14px;font-weight:500}.preview-empty .body-sm{color:var(--on-surface-variant);font-size:13px;max-width:300px}.preview-empty svg{opacity:.2;color:var(--on-surface-variant)}.para-file-info{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background-color:var(--surface-container-low);border-radius:6px;border:1px solid var(--outline-variant)}.para-file-info p{display:flex;align-items:center;gap:6px;margin:0;color:var(--on-surface);font-size:13px}.para-file-info .text-muted{color:var(--on-surface-variant);font-size:12px}.para-actions{display:flex;gap:10px}.para-actions .btn{flex:1;justify-content:center}.para-guidelines{padding:14px 16px;background-color:#f0fdf4;border-radius:8px;border-left:4px solid #16a34a}.para-guidelines h4{margin:0 0 8px;color:var(--on-surface);font-size:13px;font-weight:600}.para-guidelines ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.para-guidelines li{color:var(--on-surface-variant);font-size:12px;line-height:18px}@media (max-width: 600px){.paraphe-management{max-width:100%}.para-actions{flex-direction:column}}.params-container{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.params-section-desc{font-size:13px;color:var(--on-surface-variant);margin-bottom:16px;line-height:1.5}.params-list{display:flex;flex-direction:column;gap:2px}.param-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:8px;transition:background-color .15s}.param-row:hover{background-color:var(--surface-container-low)}.param-row--highlight{background-color:#fff7ed;border:1px solid #fed7aa}.param-row--highlight:hover{background-color:#ffedd5}.param-icon{color:var(--secondary);flex-shrink:0}.param-info{flex:1;display:flex;flex-direction:column;gap:2px}.param-label{font-size:14px;font-weight:500;color:var(--on-surface)}.param-desc{font-size:12px;color:var(--on-surface-variant)}.toggle{width:44px;height:24px;border-radius:12px;background-color:var(--outline-variant);border:none;cursor:pointer;position:relative;flex-shrink:0;transition:background-color .2s;padding:0}.toggle--on{background-color:var(--primary)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background-color:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle--on .toggle-thumb{transform:translate(20px)}.params-summary{display:flex;flex-direction:column;gap:10px}.summary-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--on-surface-variant)}.summary-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:var(--outline-variant)}.summary-item--on .summary-dot{background-color:#16a34a}.summary-item--off .summary-dot{background-color:#dc2626}.summary-item--on{color:var(--on-surface)}.summary-badge{margin-left:auto;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px}.summary-item--on .summary-badge{background-color:#dcfce7;color:#15803d}.summary-item--off .summary-badge{background-color:#fee2e2;color:#b91c1c}.params-footer{display:flex;justify-content:flex-end}.params-footer .btn{gap:8px}@media (max-width: 600px){.params-container{max-width:100%}.params-footer{justify-content:stretch}.params-footer .btn{width:100%;justify-content:center}}.page-header-with-action{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.page-header-with-action h1{margin:0 0 var(--spacing-xs) 0}.form-section{margin-bottom:var(--spacing-xl)}.categorie-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--surface-container-low);border-bottom:2px solid var(--outline-variant)}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--on-surface);font-size:14px}.data-table th.table-actions-header{text-align:right;width:120px}.data-table tbody tr{border-bottom:1px solid var(--outline-variant);transition:background-color .2s ease}.data-table tbody tr:hover{background-color:var(--surface-container-low)}.data-table td{padding:var(--spacing-md);color:var(--on-surface-variant)}.categorie-name-cell{font-weight:500}.categorie-name-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.categorie-icon-small{width:32px;height:32px;border-radius:var(--radius);background-color:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.categorie-description-cell{max-width:400px}.table-actions{text-align:right;white-space:nowrap}.table-actions .btn-icon-action{margin-left:var(--spacing-xs)}.btn-icon-action{padding:6px;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-icon-action:hover{background-color:var(--surface-container);color:var(--on-surface)}.btn-icon-action.btn-danger:hover{background-color:var(--error-container);color:var(--error)}@media (max-width: 768px){.page-header-with-action{flex-direction:column;align-items:stretch}.page-header-with-action button{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.categorie-description-cell{max-width:250px}}@media (max-width: 480px){.page-header-with-action{gap:var(--spacing-md)}.data-table{min-width:500px}.data-table th,.data-table td{padding:var(--spacing-sm);font-size:13px}.categorie-icon-small{width:28px;height:28px}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.page-header h1{margin-bottom:var(--spacing-xs)}.filters-card{margin-bottom:var(--spacing-xl)}.filters-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filters-header h3{margin:0}.period-selector{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.period-btn{padding:10px 20px;border:2px solid var(--outline-variant);border-radius:var(--radius);background-color:var(--surface-container-lowest);color:var(--on-surface);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.period-btn:hover{background-color:var(--surface-container);border-color:var(--primary)}.period-btn.active{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.custom-dates{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-md);align-items:end;padding-top:var(--spacing-md);border-top:1px solid var(--outline-variant)}.custom-dates .form-group{margin:0}.stats-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.kpi-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);transition:all .2s ease}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-content{display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:13px;color:var(--on-surface-variant)}.kpi-value{font-size:28px;font-weight:700;color:var(--on-surface)}.drill-down-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;min-width:400px;box-shadow:var(--shadow-md);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.drill-down-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--outline-variant)}.drill-down-header h3{margin:0}.btn-close{width:32px;height:32px;border:none;background-color:var(--surface-container);color:var(--on-surface);border-radius:var(--radius);font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease}.btn-close:hover{background-color:var(--error-container);color:var(--error)}.drill-down-content{text-align:center}.drill-down-value{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.stats-grid-full{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.chart-container{height:300px;padding:var(--spacing-md);position:relative}.chart-container-large{height:400px;padding:var(--spacing-md);position:relative}.retard-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.retard-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--surface-container-low);border-left:4px solid var(--error);border-radius:var(--radius);transition:background-color .2s ease}.retard-item:hover{background-color:var(--surface-container)}.retard-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.retard-ref{font-weight:600;color:var(--on-surface)}.retard-objet{font-size:13px;color:var(--on-surface-variant)}.retard-meta{display:flex;align-items:center;gap:var(--spacing-md)}.retard-days{font-size:13px;font-weight:500;color:var(--error)}.top-users-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.top-user-item{display:grid;grid-template-columns:40px 1fr 200px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface-container-low);border-radius:var(--radius);transition:background-color .2s ease}.top-user-item:hover{background-color:var(--surface-container)}.top-user-rank{width:32px;height:32px;border-radius:50%;background-color:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.top-user-info{display:flex;flex-direction:column;gap:4px}.top-user-name{font-weight:500;color:var(--on-surface)}.top-user-count{font-size:13px;color:var(--on-surface-variant)}.top-user-bar{height:8px;background-color:var(--surface-container);border-radius:4px;overflow:hidden}.top-user-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-grid-full{grid-template-columns:1fr}.drill-down-card{min-width:90%}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch}.stats-kpis,.stats-grid{grid-template-columns:1fr}.chart-container{height:250px}.chart-container-large{height:300px}.custom-dates{grid-template-columns:1fr}.period-selector{flex-direction:column}.period-btn{width:100%;justify-content:center}.top-user-item{grid-template-columns:40px 1fr}.top-user-bar{grid-column:1 / -1}.retard-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.retard-meta{width:100%;justify-content:space-between}.drill-down-card{min-width:95%}}@media (max-width: 480px){.kpi-value{font-size:24px}.drill-down-value{font-size:28px}}:root{--abte-vert-fonce: #1A5632;--abte-vert-signal: #4CAF50;--abte-blanc-pur: #FFFFFF;--abte-vert-nuit: #1B5E20;--abte-vert-teinte1: #C8E6C9;--abte-vert-teinte2: #E8F5E9;--abte-vert-teinte3: #388E3C;--abte-vert-teinte4: #1B5E20;--surface: var(--abte-vert-teinte2);--surface-dim: #c5ddc7;--surface-bright: var(--abte-blanc-pur);--surface-container-lowest: var(--abte-blanc-pur);--surface-container-low: #f5faf5;--surface-container: var(--abte-vert-teinte2);--surface-container-high: var(--abte-vert-teinte1);--surface-container-highest: #b8ddb9;--on-surface: var(--abte-vert-fonce);--on-surface-variant: var(--abte-vert-teinte3);--inverse-surface: var(--abte-vert-nuit);--inverse-on-surface: var(--abte-blanc-pur);--outline: var(--abte-vert-teinte3);--outline-variant: var(--abte-vert-teinte1);--surface-tint: var(--abte-vert-signal);--primary: var(--abte-vert-fonce);--on-primary: var(--abte-blanc-pur);--primary-container: var(--abte-vert-nuit);--on-primary-container: var(--abte-vert-teinte1);--inverse-primary: var(--abte-vert-signal);--secondary: var(--abte-vert-signal);--on-secondary: var(--abte-blanc-pur);--secondary-container: var(--abte-vert-teinte1);--on-secondary-container: var(--abte-vert-fonce);--tertiary: var(--abte-vert-teinte3);--on-tertiary: var(--abte-blanc-pur);--tertiary-container: var(--abte-vert-teinte2);--on-tertiary-container: var(--abte-vert-fonce);--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--primary-fixed: var(--abte-vert-teinte1);--primary-fixed-dim: var(--abte-vert-teinte3);--on-primary-fixed: var(--abte-vert-fonce);--on-primary-fixed-variant: var(--abte-vert-nuit);--secondary-fixed: var(--abte-vert-teinte2);--secondary-fixed-dim: var(--abte-vert-teinte1);--on-secondary-fixed: var(--abte-vert-fonce);--on-secondary-fixed-variant: var(--abte-vert-teinte3);--tertiary-fixed: var(--abte-vert-teinte1);--tertiary-fixed-dim: var(--abte-vert-teinte3);--on-tertiary-fixed: var(--abte-vert-fonce);--on-tertiary-fixed-variant: var(--abte-vert-nuit);--background: var(--abte-blanc-pur);--on-background: var(--abte-vert-fonce);--surface-variant: var(--abte-vert-teinte2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--container-margin: 40px;--sidebar-width: 260px;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--on-background);font-size:14px;font-weight:400;line-height:20px}#root{min-height:100vh}h1{font-family:Montserrat,sans-serif;font-size:30px;font-weight:900;line-height:38px;letter-spacing:-.02em;color:var(--abte-vert-fonce)}h2{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.01em;color:var(--abte-vert-fonce)}h3{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:-.01em;color:var(--abte-vert-fonce)}.body-lg{font-size:16px;line-height:24px}.body-md{font-size:14px;line-height:20px}.body-sm{font-size:13px;line-height:18px}.label-caps{font-size:12px;font-weight:600;line-height:16px;letter-spacing:.05em;text-transform:uppercase}.label-md{font-size:12px;font-weight:500;line-height:16px}.text-muted{color:var(--on-surface-variant);font-style:italic}.container{max-width:1440px;margin:0 auto;padding:0 var(--container-margin)}.card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background-color:var(--primary-container)}.btn-secondary{background-color:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant)}.btn-secondary:hover{background-color:var(--surface-container)}.input{width:100%;padding:10px 16px;border:1px solid var(--outline-variant);border-radius:var(--radius);font-size:14px;font-family:inherit;background-color:var(--surface-container-lowest);color:var(--on-surface);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a56321a}.input-with-icon,.search-input,.input-wrapper .input{padding-left:44px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500;line-height:16px}.badge-new{background-color:var(--abte-vert-teinte2);color:var(--abte-vert-fonce)}.badge-in-progress{background-color:#fff9c4;color:#f57f17}.badge-pending{background-color:#ffe0b2;color:#e65100}.badge-processed{background-color:var(--abte-vert-teinte1);color:var(--abte-vert-nuit)}.badge-archived{background-color:#e0e0e0;color:#424242}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--outline-variant);-webkit-overflow-scrolling:touch}table{width:100%;min-width:600px;border-collapse:collapse;background-color:var(--surface-container-lowest)}thead{background-color:var(--surface-container)}th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant)}td{padding:12px 16px;border-bottom:1px solid var(--surface-container)}tbody tr:hover{background-color:var(--surface-container-low);cursor:pointer}tbody tr:last-child td{border-bottom:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;min-height:300px}.error-container h3{color:var(--error);margin-bottom:var(--spacing-md)}.error-container p{color:var(--on-surface-variant)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){:root{--sidebar-width: 240px;--container-margin: 24px}h1{font-size:26px;line-height:34px}h2{font-size:22px;line-height:30px}}@media (max-width: 768px){:root{--sidebar-width: 0;--container-margin: 16px;--spacing-xl: 24px;--spacing-lg: 20px}h1{font-size:24px;line-height:32px}h2{font-size:20px;line-height:28px}h3{font-size:18px;line-height:26px}.card{padding:var(--spacing-md)}.btn{width:100%;justify-content:center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}}@media (max-width: 480px){:root{--container-margin: 12px}.btn{padding:12px 16px;font-size:15px}.input{padding:12px;font-size:16px}}