@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#fafcfa}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#fafcfa,#f0f5f2);padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(67,247,91,.03) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(67,247,91,.02) 0%,transparent 50%);animation:rotate 40s linear infinite}.login-box{background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:50px 45px;border-radius:44px;box-shadow:0 40px 70px -25px #0000001a,0 10px 30px -15px #43f75b26,0 0 0 1px #ffffffe6 inset,0 0 0 1px #43f75b14;width:100%;max-width:480px;text-align:center;animation:fadeInUp .8s cubic-bezier(.2,.9,.3,1);position:relative;z-index:1;border:1px solid rgba(255,255,255,.8)}.login-box:hover{box-shadow:0 50px 80px -30px #00000026,0 15px 40px -20px #43f75b33,0 0 0 1px #fff inset,0 0 0 1px #43f75b1f;transform:translateY(-2px);transition:all .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.logos-container{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:40px;flex-wrap:wrap}.logo-mjs{width:200px;height:120px;object-fit:cover;border-radius:50%;background:#fff;padding:12px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:2px solid rgba(67,247,91,.2)}.logo-mjs:hover{transform:scale(1.05);box-shadow:0 15px 40px #43f75b33;border-color:#43f75b}.logo-app{width:100px;height:100px;object-fit:cover;border-radius:50%;background:#fff;padding:10px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:2px solid rgba(67,247,91,.2)}.logo-app:hover{transform:scale(1.05);box-shadow:0 15px 40px #43f75b33;border-color:#43f75b}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px;text-align:left}.input-label{font-weight:600;color:#1f2937;font-size:.95rem;margin-bottom:4px}.login-input{padding:14px 16px;border:2px solid #e4e6e9;border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:#fafbfc;width:100%}.login-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 4px #10b9811a;background-color:#fff}.password-wrapper{position:relative;width:100%}.password-input{width:100%;padding-right:45px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease;border-radius:8px}.password-toggle:hover{color:#10b981;background-color:#f3f4f6}.login-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:15px}.forgot-link{color:#6b7280;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;padding:8px 0}.forgot-link:hover{color:#10b981}.login-button{background:#10b981;color:#fff;border:none;padding:14px 32px;border-radius:40px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #10b98133;min-width:140px}.login-button:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 12px #10b9814d}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #10b98133}.login-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.error-message{background-color:#fee2e2;color:#dc2626;padding:14px;border-radius:12px;font-size:.95rem;border-left:4px solid #dc2626;margin-bottom:10px}.notification-redirect-message{background:#ecfdf5;color:#065f46;padding:16px;border-radius:12px;margin-bottom:20px;font-size:.95rem;border-left:4px solid #10b981;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease;box-shadow:0 2px 8px #00000005}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.bell-icon{font-size:1.5rem;background:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px #10b98126}.reset-modal{position:fixed;inset:0;background:#1f293780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .3s ease}.reset-modal-content{background:#fff;border-radius:24px;padding:32px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000001a;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-modal-content h3{margin-bottom:12px;color:#1f2937;font-size:1.5rem;font-weight:600}.reset-modal-content p{color:#6b7280;line-height:1.6}.reset-input{width:100%;padding:14px 16px;border:2px solid #e4e6e9;border-radius:12px;margin:24px 0;font-size:1rem;transition:all .3s ease;background-color:#fafbfc}.reset-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 4px #10b9811a}.reset-actions{display:flex;gap:12px;justify-content:flex-end}.reset-cancel{padding:12px 24px;background:#f3f4f6;border:none;border-radius:40px;cursor:pointer;font-weight:500;transition:all .3s ease;color:#4b5563}.reset-cancel:hover{background:#e5e7eb;color:#1f2937}.reset-send{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:40px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 4px 6px #10b98133}.reset-send:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 12px #10b9814d}.reset-send:active:not(:disabled){transform:translateY(0)}.reset-send:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af}.reset-sent{text-align:center;padding:20px}.reset-sent p:first-child{font-size:1.2rem;margin-bottom:12px;color:#10b981}@media(max-width:480px){.login-box{padding:35px 25px;border-radius:32px}.logos-container{gap:20px;margin-bottom:30px}.logo-mjs{width:80px;height:80px;padding:8px}.logo-app{width:70px;height:70px;padding:8px}.login-actions{flex-direction:column;gap:20px}.login-button{width:100%;padding:14px}.login-input{padding:12px 14px}}.sidebar{position:fixed;left:0;top:80px;bottom:0;width:320px;background:#2a3a4a;border-right:3px solid #00C853;z-index:900;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 30px #00000026;overflow-x:hidden}.sidebar.collapsed{width:100px}.sidebar-header{padding:30px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3A4A5A;min-height:90px}.logo-area{flex:1;overflow:hidden}.logo-text{font-size:26px;font-weight:800;color:#fff;letter-spacing:1.5px;white-space:nowrap;background:linear-gradient(135deg,#fff,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toggle-btn{background:#3a4a5a;border:none;cursor:pointer;color:#00c853;font-size:22px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;box-shadow:0 4px 12px #0000004d}.toggle-btn:hover{background:#4a5a6a;transform:scale(1.1) rotate(180deg)}.sidebar-nav{flex:1;padding:30px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4A5A6A #2A3A4A}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#2a3a4a}.sidebar-nav::-webkit-scrollbar-thumb{background:#4a5a6a;border-radius:6px}.nav-item{display:flex;align-items:center;padding:20px 25px;color:#fff;text-decoration:none;margin:10px 0;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-size:18px;font-weight:600;white-space:nowrap}.nav-item:hover{background:#3a4a5a;transform:translate(8px)}.nav-item.active{background:#00c853;box-shadow:0 8px 25px #00c85366}.nav-icon{min-width:52px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:28px;height:28px;color:#fff}.nav-label{margin-left:20px;font-size:18px;font-weight:600;color:#fff;white-space:nowrap}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:20px 0}.sidebar.collapsed .nav-icon{min-width:auto}.sidebar.collapsed .nav-icon svg{width:32px;height:32px}.sidebar-footer{padding:30px 20px;border-top:1px solid #3A4A5A}.user-info{display:flex;align-items:center;gap:20px;transition:all .3s}.user-avatar{width:60px;height:60px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;text-transform:uppercase;border:3px solid #00C853;box-shadow:0 4px 18px #00c85366}.sidebar.collapsed .user-avatar{width:55px;height:55px;font-size:24px;margin:0 auto}.user-details{flex:1;overflow:hidden}.sidebar.collapsed .user-details{display:none}.user-name{font-size:20px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.user-role{font-size:16px;color:#8a94a8;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1001;background:#00c853;color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003}@media(max-width:1024px){.mobile-menu-toggle{display:flex}}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease;top:0;z-index:1000;width:280px}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0!important;width:100%}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;cursor:pointer}@media(max-width:1024px){.sidebar-overlay{display:block}}.sidebar .nav-item{pointer-events:auto!important;z-index:10000!important;position:relative!important}.sidebar{pointer-events:auto!important}.sidebar .nav-item,.sidebar .user-info{cursor:pointer!important;pointer-events:auto!important;z-index:10000!important;position:relative!important}.sidebar{pointer-events:auto!important;z-index:1002!important}.sidebar-overlay{pointer-events:auto!important;z-index:999!important}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background:#fff;border-bottom:3px solid #00C853;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.navbar-left{display:flex;align-items:center;justify-content:center;flex:1;max-width:200px}.navbar-logos{display:flex;align-items:center;gap:12px}.navbar-logo-mjs{width:60px;height:60px;object-fit:cover;border-radius:50%;background:#fff;padding:6px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.navbar-logo-mjs:hover{transform:scale(1.05);box-shadow:0 4px 12px #43f75b33}.navbar-logo-app{width:40px;height:40px;object-fit:cover;border-radius:50%;background:#fff;padding:5px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.navbar-logo-app:hover{transform:scale(1.05);box-shadow:0 4px 12px #43f75b33}.navbar-logo-link{display:flex;align-items:center;text-decoration:none}.navbar-right{display:flex;align-items:center;gap:15px;flex:1;justify-content:flex-end}.role-badge{background:#00c853;color:#fff;padding:10px 24px;border-radius:40px;font-size:16px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px #00c8534d;white-space:nowrap}.refresh-btn,.theme-toggle,.notification-btn{background:#f5f7fa;border:2px solid #E5E9F0;cursor:pointer;color:#5f6b7a;width:48px;height:48px;border-radius:50%;transition:all .3s;font-size:20px;display:flex;align-items:center;justify-content:center;position:relative}.refresh-btn:hover:not(:disabled),.theme-toggle:hover,.notification-btn:hover{background:#00c8531a;color:#00c853;border-color:#00c853;transform:scale(1.1)}.notification-badge{position:absolute;top:-5px;right:-5px;background:#f44336;color:#fff;font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid white;box-shadow:0 2px 8px #f443364d}.user-dropdown{position:relative}.user-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:50px;transition:all .3s;background:#f5f7fa;border:2px solid #E5E9F0}.user-btn:hover{border-color:#00c853;background:#00c8530d;transform:scale(1.02)}.user-avatar-small{width:44px;height:44px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;text-transform:uppercase;border:2px solid #00C853;transition:all .3s}.user-btn:hover .user-avatar-small{transform:scale(1.05);box-shadow:0 4px 12px #00c8534d}.user-btn .user-name{color:#1a1f2e;font-size:16px;font-weight:600}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:#fff;border-radius:16px;box-shadow:0 15px 40px #00000026;border:1px solid #E5E9F0;overflow:hidden;z-index:1001;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:14px 18px;color:#1a1f2e;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s;width:100%;border:none;background:none;cursor:pointer;text-align:left}.dropdown-item:hover{background:#f5f7fa;color:#00c853}.dropdown-item svg{font-size:18px;color:#5f6b7a;transition:all .3s}.dropdown-item:hover svg{color:#00c853;transform:scale(1.1)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-btn.rotating svg{animation:rotate 1s linear infinite}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.theme-dark .navbar{background:#324252;border-bottom-color:#00c853;box-shadow:0 4px 20px #0003}.theme-dark .refresh-btn,.theme-dark .theme-toggle,.theme-dark .notification-btn{background:#3a4a5a;border-color:#4a5a6a;color:#e0e8f0}.theme-dark .user-btn{background:#3a4a5a;border-color:#4a5a6a}.theme-dark .user-btn .user-name{color:#e0e8f0}.theme-dark .dropdown-menu{background:#324252;border-color:#4a5a6a}.theme-dark .dropdown-item{color:#e0e8f0}.theme-dark .dropdown-item:hover{background:#3a4a5a}@media(min-width:1200px){.navbar-left{max-width:280px}}@media(min-width:769px)and (max-width:1024px){.navbar{padding:0 20px}.navbar-left{max-width:180px}.navbar-logos{gap:10px}.navbar-logo-mjs{width:60px;height:60px}.navbar-logo-app{width:34px;height:34px}.role-badge,.user-btn .user-name{display:none}}@media(max-width:768px){.navbar{padding:0 15px;height:70px}.navbar-left{max-width:140px;justify-content:flex-start}.navbar-logos{gap:8px}.navbar-logo-mjs{width:32px;height:32px;padding:4px}.navbar-logo-app{width:28px;height:28px;padding:3px}.role-badge,.user-btn .user-name{display:none}.refresh-btn,.theme-toggle,.notification-btn{width:40px;height:40px;font-size:18px}.user-avatar-small{width:36px;height:36px;font-size:14px}.navbar-right{gap:8px}}@media(max-width:480px){.navbar-left{max-width:110px}.navbar-logos{gap:6px}.navbar-logo-mjs{width:28px;height:28px;padding:3px}.navbar-logo-app{width:24px;height:24px;padding:2px}.refresh-btn,.theme-toggle,.notification-btn{width:36px;height:36px;font-size:16px}.user-avatar-small{width:32px;height:32px;font-size:12px}.navbar-right{gap:6px}}.main-layout{min-height:100vh;background:#f5f7fa;transition:all .3s ease}.main-layout .main-content{margin-left:320px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-layout.sidebar-collapsed .main-content{margin-left:100px}.main-layout .page-content{margin-top:80px;padding:35px;min-height:calc(100vh - 80px);background:#f5f7fa;transition:all .3s ease;max-width:1800px;margin-left:auto;margin-right:auto;width:100%}.main-layout-content{flex:1;overflow:hidden;display:flex;flex-direction:column;height:100%}.conversation-container{height:100%;display:flex;flex-direction:column}.dashboard-top-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--dsr-bg-1);border-bottom:1px solid var(--dsr-border);flex-wrap:wrap;gap:16px}.quick-actions-container{display:flex;gap:12px;flex-wrap:wrap}.search-container{min-width:280px}@media(max-width:768px){.dashboard-top-bar{flex-direction:column;align-items:stretch}.search-container{width:100%}}.espaces-section{background:#fff;border-radius:20px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #eef2ff}.voir-tout-btn{background:none;border:none;color:#2563eb;font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:20px;transition:all .2s}.espaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.espace-card{background:#f8fafc;border-radius:16px;padding:16px;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0}.espace-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#2563eb}.espace-card-header{display:flex;gap:12px;margin-bottom:12px}.espace-icon{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.espace-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#0f172a}.espace-info p{margin:0;font-size:12px;color:#64748b;line-height:1.4}.espace-card-stats{display:flex;gap:16px;margin-bottom:12px;padding:8px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.espace-card-stats .stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#475569}.stat-value{font-weight:600;color:#1e293b}.espace-card-footer{display:flex;justify-content:space-between;align-items:center}.statut-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.statut-badge.en-cours{background:#dcfce7;color:#166534}.statut-badge.termine{background:#fef9c3;color:#854d0e}.card-arrow{font-size:16px;color:#94a3b8;transition:transform .2s}.espace-card:hover .card-arrow{transform:translate(4px);color:#2563eb}.empty-espaces{text-align:center;padding:48px 24px;background:#f8fafc;border-radius:16px;border:1px dashed #cbd5e1}.create-espace-btn{padding:8px 20px;background:#2563eb;color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:13px;transition:all .2s}.create-espace-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.spinner-small{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.espace-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.espace-item:hover{background:#f8fafc;padding-left:24px}.espace-info{flex:1}.espace-name{font-size:15px;font-weight:500;color:#0f172a;margin-bottom:4px}.espace-status{display:flex;align-items:center;gap:12px}.voir-tout-btn{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.espaces-list{display:flex;flex-direction:column;max-height:400px;overflow-y:auto}.espace-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s;min-height:70px}.espace-info{flex:1;overflow:hidden}.espace-name{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.espace-stats .stat{display:inline-flex;align-items:center;gap:4px}.stat-icon{font-size:12px}.stat-value{font-weight:500;color:#475569}.stat-label{color:#94a3b8}.espace-status{display:flex;align-items:center;gap:12px;flex-shrink:0}.espaces-list::-webkit-scrollbar{width:6px}.espaces-list::-webkit-scrollbar-track{background:#f1f5f9}.espaces-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.espaces-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-espaces p{color:#64748b;margin-bottom:16px}.create-espace-btn{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:13px;transition:all .2s}.messages-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:30px}@media(min-width:769px)and (max-width:1024px){.messages-sections{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.messages-sections{grid-template-columns:1fr}}.tableau-bord{padding:20px;min-height:100vh;background-color:var(--bg-primary, #f5f7fb)}.dashboard-search-bar{margin-bottom:24px;display:flex;justify-content:flex-end}.global-search-form{position:relative;width:100%;max-width:320px}.global-search-input{width:100%;padding:12px 45px 12px 16px;border:1px solid #e0e4e8;border-radius:30px;font-size:14px;background:#fff;transition:all .3s ease;outline:none}.global-search-input:focus{border-color:#4d6bfe;box-shadow:0 0 0 3px #4d6bfe1a}.global-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#8e9aaf;transition:color .2s}.global-search-btn:hover{color:#4d6bfe}.quick-actions-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;padding:8px 0}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f7fa;border:1px solid #e0e4e8;border-radius:40px;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s ease;box-shadow:none}.action-btn:hover{background:#00c853!important;border-color:#00c853!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #00c85333}.action-btn.active{background:#00c853;border-color:#00c853;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d;border:1px solid #f0f2f5;min-height:120px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#4d6bfe}.stat-icon{width:56px;height:56px;background:#f0f4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-content h3{font-size:14px;font-weight:500;color:#8e9aaf;margin:0 0 4px}.stat-number{font-size:28px;font-weight:700;color:#2c3e50;margin:0}.messages-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}.message-section{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 8px #0000000d;border:1px solid #f0f2f5;display:flex;flex-direction:column;height:480px;overflow:hidden;box-sizing:border-box}.message-section h3{font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #f0f2f5;flex-shrink:0}.message-list{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0}.no-items{text-align:center;padding:40px 20px;color:#b0b8c5;font-size:14px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;height:100%}.no-items:before{content:"📭";font-size:32px;opacity:.5}.message-item{padding:12px;background:#fafbfc;border-radius:12px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;flex-shrink:0}.message-item:hover{background:#f5f7fb;transform:translate(2px)}.message-item.high-priority{border-left-color:#ff9800;background:#fff8f0}.message-item.urgent{border-left-color:#f44336;background:#fff5f5}.message-sender{font-weight:600;font-size:14px;color:#2c3e50;margin-bottom:4px}.message-preview{font-size:13px;color:#8e9aaf;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.message-date{font-size:11px;color:#b0b8c5;text-align:right}.search-results-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e4e8}.search-results-header h3{margin:0;font-size:18px}.search-results-header button{background:none;border:none;font-size:20px;cursor:pointer;color:#8e9aaf}.search-results-content{padding:20px;max-height:70vh;overflow-y:auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner{width:40px;height:40px;border:3px solid #e0e4e8;border-top-color:#4d6bfe;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@media(min-width:769px)and (max-width:1024px){.messages-sections{grid-template-columns:repeat(2,1fr);gap:20px}.message-section{height:460px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tableau-bord{padding:12px}.dashboard-search-bar{justify-content:center}.global-search-form{max-width:100%}.quick-actions-bar{justify-content:center}.action-btn{padding:8px 16px;font-size:12px}.stats-grid{grid-template-columns:1fr;gap:12px}.messages-sections{grid-template-columns:1fr;gap:16px}.message-section{height:auto;min-height:380px;padding:16px}.message-list{max-height:280px}.message-item{padding:10px}.message-sender{font-size:13px}.message-preview{font-size:12px}}@media(min-width:1400px){.tableau-bord{max-width:1400px;margin:0 auto}.messages-sections{grid-template-columns:repeat(3,1fr)}.message-section{height:520px}}.sidebar{width:260px;transition:width .3s ease}.sidebar.collapsed{width:70px}@media(max-width:768px){.sidebar{position:fixed;z-index:100;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:260px;transform:translate(-100%)}.sidebar.collapsed.open{transform:translate(0)}.main-content{margin-left:0!important;width:100%}.menu-toggle{display:block;position:fixed;top:15px;left:15px;z-index:101;background:#4d6bfe;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}}.message-title{font-size:14px;font-weight:600;color:#1a1f2e;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-sender{font-weight:600;font-size:13px;color:#4d6bfe;margin-bottom:4px;display:flex;align-items:center;gap:4px}.search-results-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-results-container{width:90%;max-width:700px;max-height:80vh;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e4e8;background:#fff}.search-results-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.close-search{background:none;border:none;font-size:24px;cursor:pointer;color:#8e9aaf;padding:4px 8px;border-radius:8px;transition:all .2s}.close-search:hover{background:#f5f7fb;color:#2c3e50}.search-results-content{flex:1;overflow-y:auto;padding:16px}.search-loading{text-align:center;padding:40px;color:#8e9aaf}.search-error{text-align:center;padding:40px;color:#f44336}.no-results{text-align:center;padding:60px 20px;color:#8e9aaf}.no-results-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.no-results p{margin:8px 0;font-size:16px}.no-results-hint{font-size:13px;color:#b0b8c5}.search-results-list{display:flex;flex-direction:column;gap:12px}.search-result-item{display:flex;gap:16px;padding:16px;background:#fafbfc;border-radius:16px;cursor:pointer;transition:all .2s;border:1px solid #f0f2f5}.search-result-item:hover{background:#f5f7fb;transform:translate(4px);border-color:#00c853}.result-icon{font-size:32px;width:56px;height:56px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d}.result-title{font-weight:600;font-size:15px;color:#2c3e50;margin-bottom:6px}.result-preview{font-size:13px;color:#8e9aaf;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-meta{display:flex;gap:16px;font-size:11px}.result-type{background:#eef2ff;color:#4d6bfe;padding:2px 8px;border-radius:20px;text-transform:capitalize}.result-date{color:#b0b8c5}.stats-detail{display:flex;gap:12px;margin-top:8px;font-size:11px;flex-wrap:wrap}.stat-actif{color:#00c853}.stat-attente{color:#ff9800}.stat-suspendu{color:#f44336}.espaces-section{background:#fff;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.section-header h2{margin:0;font-size:16px;font-weight:600;color:#1e293b}.voir-tout-btn{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px}.voir-tout-btn:hover{background:#eff6ff}.espaces-list{display:flex;flex-direction:column}.espace-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;min-height:70px}.espace-item:hover{background:#f8fafc}.espace-name{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px}.espace-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.stat-separator{color:#cbd5e1}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.completed{background:#fef9c3;color:#854d0e}.arrow-icon{font-size:14px;color:#94a3b8;transition:transform .2s}.espace-item:hover .arrow-icon{transform:translate(4px);color:#3b82f6}.empty-espaces{text-align:center;padding:48px 24px}.create-espace-btn{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:24px;cursor:pointer;margin-top:12px}.create-espace-btn:hover{background:#2563eb}.loading-espaces{text-align:center;padding:40px}.spinner-small{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.gestion-utilisateurs{padding:24px;max-width:1400px;margin:0 auto}.page-header h1{font-size:28px;color:#1a1f2e;margin:0}.btn-primary{background:#00c853;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.btn-primary:hover{background:#009624}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 12px #00000008;border:1px solid #E5E9F0;cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-card.total .stat-icon{background:#2196f31a;color:#2196f3}.stat-card.actifs .stat-icon{background:#00c8531a;color:#00c853}.stat-card.inactifs .stat-icon{background:#f443361a;color:#f44336}.stat-card.attente .stat-icon{background:#ffc1071a;color:#f59e0b}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#1a1f2e}.stat-label{font-size:12px;color:#757575;text-transform:uppercase}.roles-stats{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid #E5E9F0}.roles-stats h3{margin:0 0 15px;font-size:16px;color:#1a1f2e}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.role-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:8px}.role-name{font-size:13px;color:#4a4f63}.role-count{font-weight:600;color:#1a1f2e;background:#fff;padding:2px 8px;border-radius:12px}.filters-bar{background:#fff;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #E5E9F0;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:10px 15px;border:1px solid #E0E0E0;border-radius:8px;font-size:14px}.search-box input:focus{outline:none;border-color:#00c853}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters select{padding:10px 15px;border:1px solid #E0E0E0;border-radius:8px;background:#fff;font-size:14px;min-width:180px}.users-table-container{background:#fff;border-radius:16px;overflow-x:auto;border:1px solid #E5E9F0}.users-table{width:100%;border-collapse:collapse;min-width:1000px}.users-table th{text-align:left;padding:16px;background:#f8f9fa;color:#4a4f63;font-weight:600;font-size:13px;text-transform:uppercase;border-bottom:2px solid #E5E9F0}.users-table td{padding:12px 16px;border-bottom:1px solid #E5E9F0;color:#1a1f2e;font-size:14px}.users-table tr:hover td{background:#f8f9fa}.avatar-cell{width:40px}.table-avatar{width:32px;height:32px;border-radius:50%}.role-badge{background:#00c8531a;color:#00c853;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.statut-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.statut-badge.actif{background:#00c8531a;color:#00c853;border:1px solid rgba(0,200,83,.3)}.statut-badge.attente{background:#ffc10726;color:#333330;border:1px solid rgba(192,193,184,.3)}.statut-badge.inactif{background:#f443361a;color:#f46c36;border:1px solid rgba(244,67,54,.3)}.statut-badge.attente-force{background:#ffc10726;color:#0f100f;border:1px solid rgba(243,201,77,.3)}.actions-cell{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:6px;border:1px solid #E0E0E0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none;color:#1a1f2e}.action-btn.edit:hover{background:#2196f3;color:#fff;border-color:#2196f3}.action-btn.archive:hover{background:#f44336;color:#fff;border-color:#f44336}.table-footer{margin-top:20px;text-align:right;color:#757575;font-size:13px}.spinner{border:3px solid #f3f3f3;border-top:3px solid #00C853;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-buttons{display:flex;gap:10px}.export-btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.export-btn.csv{background:#28a745;color:#fff}.export-btn.csv:hover{background:#218838}.export-btn.excel{background:#1e7e34;color:#fff}.export-btn.excel:hover{background:#16632a}.export-btn.pdf{background:#dc3545;color:#fff}.export-btn.pdf:hover{background:#c82333}.highlight-row{animation:highlightBlink .5s ease-in-out 3;background-color:#fff3cd!important;border:2px solid #16ae6c!important;box-shadow:0 0 10px #ffc10780}@keyframes highlightBlink{0%{background-color:#fff3cd}50%{background-color:#9bf8c3}to{background-color:#fff3cd}}.highlight-row .reset-pwd{background-color:#6bee99!important;color:#000!important;transform:scale(1.1)}.organe-select-container{position:relative;min-width:220px}.organe-search{width:100%;padding:8px 12px;margin-bottom:8px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff}.organe-search:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 2px #00c8531a}.dark .organe-search{background:#1f2937;border-color:#374151;color:#fff}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar-skeleton{width:40px;height:40px;border-radius:50%}.text-skeleton{width:100px;height:16px}.badge-skeleton{width:80px;height:24px;border-radius:12px}.actions-skeleton{width:120px;height:32px}.stat-skeleton{width:100%;height:80px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px}.pagination button{padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#00c853;color:#fff;border-color:#00c853}.page-info{font-size:14px;color:#6b7280}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #00C853;outline-offset:2px}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.highlight-row{animation:highlightBlink .5s ease-in-out 3;background-color:#fff3cd!important;border:2px solid #ffc107!important;box-shadow:0 0 10px #ffc10780}.highlight-blink{animation:highlightBlink .5s ease-in-out 3!important;background-color:#fff3cd!important;border:2px solid #ffc107!important;box-shadow:0 0 10px #ffc10780!important}@keyframes highlightBlink{0%{background-color:#fff3cd}50%{background-color:#ffe69c}to{background-color:#fff3cd}}.nouvel-utilisateur-page{min-height:100vh;background:#f5f7fa;padding:25px}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.page-header h1{flex:1;font-size:24px;font-weight:600;color:#1a1f2e;margin:0}.form-container{max-width:800px;margin:0 auto}.form-section{background:#fff;border:1px solid #E5E9F0;border-radius:16px;padding:25px;margin-bottom:25px}.form-section h2{font-size:18px;font-weight:600;color:#1a1f2e;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid #E5E9F0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:#4a4f63;text-transform:uppercase;letter-spacing:.3px}.form-group input,.form-group select{padding:12px 15px;border:1px solid #E5E9F0;border-radius:12px;font-size:14px;color:#1a1f2e;background:#fff;transition:all .2s}.form-group input::placeholder{color:#8a94a8}.form-group small{font-size:11px;color:#8a94a8;margin-top:4px}.cancel-btn{padding:12px 25px;background:#fff;border:1px solid #E5E9F0;border-radius:30px;color:#4a4f63;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.submit-btn{padding:12px 30px;background:#00c853;border:none;border-radius:30px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover:not(:disabled){background:#00b34a}@media(max-width:768px){.nouvel-utilisateur-page{padding:15px}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;text-align:center}}.modifier-compte-page{min-height:100vh;background:#f5f7fa;padding:25px}.modifier-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.modifier-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.form-container{max-width:800px;margin:0 auto;background:#fff;border-radius:24px;padding:30px;border:1px solid #E5E9F0;box-shadow:0 4px 12px #00000005}.info-section{background:#f8fafd;border-radius:16px;padding:20px;margin-bottom:30px}.info-section h3{font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.form-group input,.form-group select{width:100%;padding:12px 15px;border:1px solid #E5E9F0;border-radius:12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 3px #00c8531a}.actions-section{background:#f8fafd;border-radius:16px;padding:20px;margin:30px 0}.actions-section h3{font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.action-btn{padding:10px 20px;border:none;border-radius:30px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.action-btn.suspendre{background:#ffebee;color:#f44336}.action-btn.suspendre:hover{background:#f44336;color:#fff}.action-btn.reset{background:#e3f2fd;color:#2196f3}.action-btn.reset:hover{background:#2196f3;color:#fff}.action-btn.archiver{background:#e0e0e0;color:#4a4f63}.action-btn.archiver:hover{background:#4a4f63;color:#fff}.save-btn{padding:12px 30px;background:#00c853;border:none;border-radius:30px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover{background:#1a1f2e}@media(max-width:768px){.form-row,.info-grid,.action-buttons{grid-template-columns:1fr;flex-direction:column}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.action-btn.reactiver{background:#e8f5e9;color:#00c853}.action-btn.reactiver:hover{background:#00c853;color:#fff}.action-btn.approuver{background:#fff3e0;color:#ff9800}.action-btn.approuver:hover{background:#ff9800;color:#fff}.action-buttons{display:flex;gap:15px;flex-wrap:wrap}.action-btn.en-attente{background:#fff3e0;color:#ff9800}.action-btn.en-attente:hover{background:#ff9800;color:#fff}.parametres-page{padding:24px;max-width:900px;margin:0 auto}.error-message{background:#fee2e2;color:#dc2626;padding:16px;border-radius:10px;margin-bottom:24px;border-left:4px solid #dc2626}.success-message{background:#e8f5e9;color:#2e7d32;padding:16px;border-radius:10px;margin-bottom:24px;border-left:4px solid #2e7d32}.parametres-form{background:#fff;border-radius:20px;padding:30px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.param-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e5e7eb}.param-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-header svg{color:#10b981;width:24px;height:24px}.section-header h2{font-size:1.3rem;color:#1f2937;margin:0}.param-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.param-item{display:flex;flex-direction:column;gap:8px}.param-item label{font-weight:600;color:#4b5563;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400!important}.number-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;width:120px}.number-input:focus{outline:none;border-color:#10b981}.theme-selector{display:flex;gap:15px;margin-top:5px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;min-width:100px}.theme-option.active{border-color:#10b981;background:#f0fdf4}.theme-preview{width:60px;height:40px;border-radius:6px;border:1px solid #e5e7eb}.theme-preview.light{background:#fff;box-shadow:inset 0 0 0 1px #e5e7eb}.theme-preview.dark{background:#1f2937}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.reset-btn{padding:12px 30px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:30px;color:#4b5563;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.reset-btn:hover:not(:disabled){background:#e5e7eb}.save-btn{display:flex;align-items:center;gap:8px;padding:12px 30px;background:#10b981;border:none;border-radius:30px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:160px;justify-content:center}.save-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 8px 16px #10b98133}.save-btn:disabled,.reset-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:48px;height:48px;border:3px solid #f3f4f6;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:768px){.param-grid{grid-template-columns:1fr}.page-header h1{font-size:1.3rem}.parametres-form{padding:20px}.form-actions{flex-direction:column}.reset-btn,.save-btn{width:100%}}.theme-preview-live{margin-top:15px;padding:15px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s}.theme-preview-live h4{margin:0 0 10px;color:var(--text-primary)}.theme-preview-live p{margin:5px 0;color:var(--text-secondary)}.messagerie-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf2);padding:20px}.messagerie-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:#fff;border-radius:30px;box-shadow:0 10px 30px -10px #0000001a;border:1px solid rgba(0,200,83,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex-wrap:wrap;gap:15px}.messagerie-header h1{font-size:28px;font-weight:800;color:#1a1f2e;margin:0;background:linear-gradient(135deg,#1a1f2e,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1}.bulk-actions{display:flex;align-items:center;gap:15px;background:#f5f7fa;padding:8px 20px;border-radius:50px;border:2px solid #E5E9F0}.selected-count{font-size:14px;font-weight:600;color:#00c853}.bulk-read-btn{padding:8px 20px;background:#fff;border:2px solid #00C853;border-radius:50px;color:#00c853;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.bulk-read-btn:hover{background:#00c853;color:#fff}.messagerie-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;align-items:center;background:#fff;border:2px solid #E5E9F0;border-radius:50px;padding:5px 5px 5px 20px;transition:all .3s}.search-box:focus-within{border-color:#00c853;box-shadow:0 0 0 4px #00c8531a}.search-box svg{color:#8a94a8;transition:all .3s}.search-box:focus-within svg{color:#00c853}.search-box input{flex:1;border:none;padding:12px 15px;font-size:15px;background:transparent;outline:none}.search-box input::placeholder{color:#8a94a8}.filter-btn{padding:10px 20px;background:#fff;border:2px solid #E5E9F0;border-radius:50px;font-size:14px;font-weight:600;color:#5f6b7a;cursor:pointer;transition:all .3s;white-space:nowrap}.filter-btn:hover{background:#00c8531a;color:#00c853;border-color:#00c853}.filter-btn.active{background:#00c853;color:#fff;border-color:#00c853}.messages-list{background:#fff;border-radius:40px;overflow:hidden;box-shadow:0 20px 40px -15px #00000026;border:1px solid rgba(0,200,83,.15)}.messages-list-header{display:grid;grid-template-columns:50px 1.5fr 2fr 150px;padding:20px;background:#f5f7fa;border-bottom:2px solid #E5E9F0;font-weight:700;color:#4a4f63;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.message-row{display:grid;grid-template-columns:50px 1.5fr 2fr 150px;padding:0;border-bottom:1px solid #E5E9F0;transition:all .3s;background:#fff}.message-row:hover{background:#00c85305}.message-row.unread{background:#00c8530d;border-left:4px solid #00C853}.message-row.urgent{background:#f4433605}.message-row.urgent.unread{background:#f443360d;border-left:4px solid #f44336}.checkbox-cell{display:flex;align-items:center;justify-content:center;padding:15px}.checkbox-cell input[type=checkbox]{width:20px;height:20px;accent-color:#00C853;cursor:pointer}.message-content{grid-column:2 / -1;display:grid;grid-template-columns:subgrid;cursor:pointer;padding:15px;transition:all .2s}.message-content:hover{background:#00c8530d}.expediteur-cell{display:flex;flex-direction:column;gap:5px}.expediteur-info{display:flex;flex-direction:column}.expediteur-nom{font-weight:700;color:#1a1f2e;font-size:16px}.expediteur-fonction{font-size:12px;color:#8a94a8;margin-top:2px}.message-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s}.message-row:hover .message-actions{opacity:1}.action-btn.small{padding:6px 12px;background:#fff;border:2px solid #E5E9F0;border-radius:30px;font-size:12px;font-weight:600;color:#5f6b7a;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.action-btn.small:hover{background:#00c853;border-color:#00c853;color:#fff;transform:translateY(-2px)}.action-btn.small.forward:hover{background:#2196f3;border-color:#2196f3}.sujet-cell{display:flex;justify-content:space-between;align-items:center;gap:15px}.sujet-info{flex:1;min-width:0}.message-titre{display:block;font-weight:600;color:#1a1f2e;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-preview{display:block;font-size:13px;color:#8a94a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-badges{display:flex;gap:8px;flex-shrink:0}.badge{padding:4px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge.urgent{background:#f44336;color:#fff}.badge.piece-jointe{background:#f5f7fa;color:#5f6b7a;display:flex;align-items:center;gap:4px;padding:4px 8px}.date-cell{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-date{font-size:13px;color:#8a94a8;font-weight:500}.unread-dot{width:10px;height:10px;border-radius:50%;background:#00c853;box-shadow:0 0 0 3px #00c85333}.message-row.urgent .unread-dot{background:#f44336;box-shadow:0 0 0 3px #f4433633}.no-messages{padding:60px 20px;text-align:center;color:#8a94a8;font-size:16px;font-style:italic}@media(max-width:992px){.messages-list-header{display:none}.message-row,.message-content{display:flex;flex-direction:column;padding:15px;gap:10px}.checkbox-cell{position:absolute;right:15px;top:15px}.message-row{position:relative}.expediteur-cell{padding-right:40px}.message-actions{opacity:1;margin-top:10px}.date-cell{margin-top:10px;padding-top:10px;border-top:1px solid #E5E9F0}}@media(max-width:768px){.messagerie-page,.messagerie-header{padding:15px}.messagerie-header h1{font-size:22px}.messagerie-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filter-buttons{justify-content:center}.bulk-actions{width:100%;justify-content:center}.message-actions{flex-wrap:wrap}.action-btn.small{flex:1;justify-content:center}}.messages-envoyes-page{padding:24px;max-width:900px;margin:0 auto}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:0 12px;width:100%}.search-box input{flex:1;padding:12px 0;border:none;background:transparent;outline:none;font-size:.95rem;color:var(--text-primary)}.search-box input::placeholder{color:#9ca3af}.messages-list{display:flex;flex-direction:column;gap:12px}.message-item{display:flex;gap:16px;padding:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;cursor:pointer;align-items:center}.message-item:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a;transform:translate(4px)}.message-avatar{width:48px;height:48px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.message-recipient{font-weight:600;color:var(--text-primary);font-size:.95rem}.message-date{font-size:.8rem;color:#9ca3af}.message-body{display:flex;flex-direction:column;gap:4px}.message-title{font-weight:500;color:var(--text-primary);font-size:1rem}.message-preview{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.message-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn.transfer:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.action-btn.archive:hover{background:#dc2626;color:#fff;border-color:#dc2626}.empty-state{text-align:center;padding:60px;color:#9ca3af;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}@media(max-width:768px){.message-item{flex-wrap:wrap}.message-avatar{width:40px;height:40px;font-size:1rem}.message-header{flex-direction:column;align-items:flex-start;gap:4px}.message-actions{width:100%;justify-content:flex-end}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.nouveau-message-container{padding:24px;max-width:900px;margin:0 auto}.btn-retour{width:44px;height:44px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-retour:hover{background:#10b981;color:#fff;border-color:#10b981}.btn-sauvegarder{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:30px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-sauvegarder:hover:not(:disabled){background:#b2b2b4;color:#fff;border-color:#10b981}.btn-sauvegarder:disabled{opacity:.5;cursor:not-allowed}.message-form{background:var(--card-bg);border-radius:20px;padding:30px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d}.form-section{margin-bottom:24px}.form-section label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.required{color:#ef4444;margin-left:4px}.destinataires-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.destinataire-tag{display:flex;align-items:center;gap:8px;background:#e8f5e9;color:#2e7d32;padding:6px 10px 6px 6px;border-radius:30px;font-size:.9rem;border:1px solid #c8e6c9}.destinataire-icon{width:24px;height:24px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem}.destinataire-nom{font-weight:500}.destinataire-email{font-size:.8rem;color:#666;margin-left:4px}.retirer-destinataire{background:none;border:none;color:#666;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.retirer-destinataire:hover{background:#fecaca;color:#dc2626}.btn-ajouter-destinataire{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:2px dashed #10b981;border-radius:10px;color:#10b981;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-ajouter-destinataire:hover{background:#ecfdf5;border-color:#059669;color:#059669}.destinataire-selector{margin-top:15px;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);box-shadow:0 8px 16px #0000001a;overflow:hidden}.selector-header{display:flex;gap:10px;padding:15px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.search-box{flex:1;display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:0 12px}.search-box input{flex:1;padding:10px 0;border:none;background:transparent;outline:none;color:var(--text-primary)}.close-selector{width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.selector-tabs{display:flex;padding:10px;gap:10px;border-bottom:1px solid var(--border-color)}.tab{flex:1;padding:8px;background:none;border:none;border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all .2s}.tab.active{background:#10b981;color:#fff}.selector-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color)}.selector-item:hover{background:var(--hover-bg)}.item-avatar{width:40px;height:40px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.groupe-avatar{background:#f59e0b;font-size:1.2rem}.item-nom{font-weight:600;color:var(--text-primary);margin-bottom:2px}.item-email,.item-count{font-size:.85rem;color:var(--text-secondary)}.searching,.no-results,.search-indication{text-align:center;padding:30px;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;transition:all .2s;background:var(--bg-secondary);color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#10b981;background:var(--card-bg);box-shadow:0 0 0 3px #10b9811a}.form-textarea{resize:vertical;min-height:150px}.fichiers-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.fichier-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);position:relative}.fichier-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.fichier-icon{font-size:1.2rem;color:#f59e0b}.fichier-nom{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.fichier-taille{color:var(--text-secondary);font-size:.85rem}.fichier-progress{flex:1;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;max-width:100px}.progress-bar{height:100%;background:#10b981;transition:width .3s ease}.fichier-error{color:#dc2626;font-size:.85rem}.fichier-uploaded{color:#10b981;font-weight:700;font-size:1.2rem}.fichier-supprimer{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.fichier-supprimer:hover{background:#fee2e2;color:#dc2626}.btn-ajouter-fichier{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:2px dashed #f59e0b;border-radius:10px;color:#f59e0b;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-ajouter-fichier:hover:not(:disabled){background:#fffbeb;border-color:#d97706;color:#d97706}.btn-ajouter-fichier:disabled{opacity:.5;cursor:not-allowed}.fichier-help{font-size:.8rem;color:var(--text-secondary);margin-top:8px;text-align:center}.options-section{margin-top:20px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.btn-annuler{padding:12px 30px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:30px;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-annuler:hover:not(:disabled){background:#fee2e2;color:#dc2626;border-color:#fecaca}.btn-envoyer{display:flex;align-items:center;gap:8px;padding:12px 30px;background:#10b981;border:none;border-radius:30px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:150px;justify-content:center}.btn-envoyer:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 8px 16px #10b98133}.btn-envoyer:disabled,.btn-annuler:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.nouveau-message-container{padding:16px}.page-header h1{font-size:1.3rem}.message-form{padding:20px}.header-actions{flex-direction:column}.btn-sauvegarder{white-space:nowrap}.form-actions{flex-direction:column}.btn-envoyer,.btn-annuler{width:100%}}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;background:#f8f9fa;border:1px solid #e0e4e8;border-bottom:none;border-radius:12px 12px 0 0;margin-top:8px}.editor-toolbar button{background:#fff;border:1px solid #e0e4e8;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:14px;transition:all .2s}.editor-toolbar button:hover{background:#eef2f6;border-color:#00c853}.editor-toolbar button.active{background:#00c853;border-color:#00c853;color:#fff}.editor-toolbar button.active b,.editor-toolbar button.active i,.editor-toolbar button.active u,.editor-toolbar button.active s{color:#fff}.editor-toolbar select{background:#fff;border:1px solid #e0e4e8;border-radius:6px;padding:6px 8px;cursor:pointer;font-size:13px}.editor-toolbar input[type=color]{width:32px;height:32px;border:1px solid #e0e4e8;border-radius:6px;cursor:pointer;padding:2px}.editor-toolbar .separator{width:1px;height:24px;background:#e0e4e8;margin:0 4px}.rich-editor-simple{border:1px solid #e0e4e8;border-radius:0 0 12px 12px;min-height:200px;background:#fff;font-family:inherit;line-height:1.5}.rich-editor-simple:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 2px #00c8531a}.rich-editor-simple ul,.rich-editor-simple ol{margin:8px 0;padding-left:40px!important;list-style-position:outside}.rich-editor-simple ul{list-style-type:disc}.rich-editor-simple ol{list-style-type:decimal}.rich-editor-simple li{margin:4px 0;padding-left:8px}.editor-help{font-size:11px;color:#8e9aaf;margin-top:8px;text-align:right}.font-select{min-width:120px}.rich-editor{margin-top:8px;background:#fff;border-radius:12px}.rich-editor .ql-toolbar{border-radius:12px 12px 0 0;background:#f8f9fa;border-color:#e0e4e8}.rich-editor .ql-container{border-radius:0 0 12px 12px;border-color:#e0e4e8;min-height:250px;font-size:14px}.rich-editor .ql-editor{min-height:220px}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before{content:"Arial";font-family:Arial,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Calibri]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Calibri]:before{content:"Calibri";font-family:Calibri,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Times New Roman"]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Times New Roman"]:before{content:"Times New Roman";font-family:Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Verdana]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Verdana]:before{content:"Verdana";font-family:Verdana,sans-serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Georgia]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Georgia]:before{content:"Georgia";font-family:Georgia,serif}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Courier New"]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Courier New"]:before{content:"Courier New";font-family:Courier New,monospace}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Tahoma]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Tahoma]:before{content:"Tahoma";font-family:Tahoma,sans-serif}.ql-font-Arial{font-family:Arial,sans-serif}.ql-font-Calibri{font-family:Calibri,sans-serif}.ql-font-Times-New-Roman{font-family:Times New Roman,serif}.ql-font-Verdana{font-family:Verdana,sans-serif}.ql-font-Georgia{font-family:Georgia,serif}.ql-font-Courier-New{font-family:Courier New,monospace}.ql-font-Tahoma{font-family:Tahoma,sans-serif}.btn-annonce-generale{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:2px dashed #10b981;border-radius:10px;color:#10b981;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-annonce-generale:hover{background:#ecfdf5;border-color:#059669;color:#059669}.btn-annonce-generale.active{background:#10b981;border-color:#10b981;color:#fff}.btn-annonce-generale.active:hover{background:#059669;border-color:#059669}.details-page{min-height:100vh;background:#f0f2f5;padding:25px}.details-header{display:flex;align-items:center;padding:20px 30px;background:#fff;border-radius:16px;margin-bottom:25px;box-shadow:0 4px 12px #00000008;border:1px solid rgba(0,200,83,.1)}.urgent-badge{background:#ffebee;color:#f44336;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600}.details-content{max-width:800px;margin:0 auto}.message-card{background:#fff;border-radius:24px;padding:30px;border:1px solid #E5E9F0;box-shadow:0 8px 20px #00000005}.message-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #E5E9F0;margin-bottom:20px}.expediteur-info{display:flex;gap:15px}.expediteur-avatar{width:48px;height:48px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.expediteur-details{display:flex;flex-direction:column;gap:5px}.expediteur-nom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.expediteur-nom strong{font-size:16px;color:#1a1f2e}.expediteur-email{font-size:13px;color:#8a94a8}.message-destinataire{font-size:14px;color:#4a4f63}.message-destinataire strong{color:#1a1f2e;font-weight:600}.message-date{display:flex;align-items:center;gap:8px;color:#8a94a8;font-size:13px;white-space:nowrap}.message-titre{font-size:22px;font-weight:600;color:#1a1f2e;margin-bottom:20px;line-height:1.4}.message-corps{color:#4a4f63;font-size:15px;line-height:1.8;margin-bottom:25px}.message-corps p{margin-bottom:15px}.message-corps ul{margin:15px 0;padding-left:25px}.message-corps li{margin-bottom:8px}.pieces-jointes{margin-bottom:25px;padding:20px;background:#f8fafd;border-radius:16px}.pieces-jointes h3{font-size:15px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.piece-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #E5E9F0;border-radius:12px;transition:all .2s}.piece-item:hover{border-color:#00c853}.piece-nom{font-size:14px;color:#1a1f2e}.piece-taille{font-size:12px;color:#8a94a8;margin-left:8px}.piece-download{width:32px;height:32px;border-radius:8px;background:#f5f7fa;border:1px solid #E5E9F0;color:#4a4f63;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.piece-download:hover{background:#00c853;color:#fff;border-color:#00c853}.message-actions{display:flex;gap:12px;margin-bottom:20px}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #E5E9F0;border-radius:30px;background:#fff;color:#4a4f63;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f5f7fa;border-color:#00c853;color:#00c853}.action-btn.reply:hover{background:#00c853;color:#fff;border-color:#00c853}.action-btn.forward:hover{background:#2196f3;color:#fff;border-color:#2196f3}.reponse-section,.transfert-section{margin-top:20px;padding:20px;background:#f8fafd;border-radius:16px;border:1px solid #E5E9F0}.reponse-section h3,.transfert-section h3{font-size:15px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.reponse-section textarea,.transfert-section textarea{width:100%;padding:12px;border:1px solid #E5E9F0;border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:15px}.reponse-section textarea:focus,.transfert-section textarea:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 3px #00c8531a}.transfert-select{width:100%;padding:12px;border:1px solid #E5E9F0;border-radius:12px;font-size:14px;margin-bottom:15px;background:#fff}.reponse-actions,.transfert-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:10px 20px;background:#fff;border:1px solid #E5E9F0;border-radius:30px;color:#4a4f63;font-weight:500;cursor:pointer;transition:all .2s}.send-btn{padding:10px 24px;background:#00c853;border:none;border-radius:30px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.send-btn:hover{background:#1a1f2e}.send-btn:disabled{background:#c0d9c4;cursor:not-allowed}.details-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.details-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.details-error h2{color:#f44336;font-size:20px}.details-error button{padding:10px 24px;background:#00c853;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer}@media(max-width:768px){.details-page{padding:15px}.message-header{flex-direction:column;gap:15px}.message-date{align-self:flex-start}.expediteur-nom{flex-direction:column;align-items:flex-start;gap:4px}.message-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.reponse-actions,.transfert-actions{flex-direction:column}.cancel-btn,.send-btn{width:100%}}.message-theme-titre{margin-bottom:25px;padding:15px;background:#f8fafd;border-radius:16px;border:1px solid #E5E9F0}.message-theme{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#4a4f63;font-size:14px}.message-theme svg{color:#00c853}.theme-label{font-weight:500;color:#8a94a8}.theme-value{font-weight:600;color:#00c853;background:#00c8531a;padding:4px 12px;border-radius:30px}.message-titre{font-size:22px;font-weight:600;color:#1a1f2e;line-height:1.4;margin:0}.reponse-destinataire,.transfert-destinataire{margin-bottom:20px}.destinataire-label{display:block;font-size:13px;color:#8a94a8;margin-bottom:8px;font-weight:500;text-transform:uppercase}.destinataire-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #E5E9F0;border-radius:16px}.destinataire-avatar-small{width:36px;height:36px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.destinataire-details{display:flex;flex-direction:column;gap:2px}.destinataire-nom{font-weight:600;color:#1a1f2e;font-size:14px}.destinataire-email{font-size:12px;color:#8a94a8}.reponse-theme,.reponse-titre,.transfert-theme,.transfert-titre{margin-bottom:15px}.theme-input,.titre-input{width:100%;padding:12px 16px;border:1px solid #E5E9F0;border-radius:12px;font-size:14px;transition:all .2s;margin-top:5px}.theme-input:focus,.titre-input:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 3px #00c8531a}.reponse-textarea,.transfert-textarea{width:100%;padding:16px;border:1px solid #E5E9F0;border-radius:16px;font-size:14px;font-family:inherit;resize:vertical;margin:15px 0}.reponse-textarea:focus,.transfert-textarea:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 3px #00c8531a}.transfert-select{width:100%;padding:12px 16px;border:1px solid #E5E9F0;border-radius:12px;font-size:14px;background:#fff;margin-top:5px}.transfert-select:focus{outline:none;border-color:#00c853}.lecture-mode-indicator{display:flex;align-items:center;gap:10px;margin-top:30px;padding:15px 20px;background:#f8fafd;border-radius:16px;border:1px solid #E5E9F0;color:#4a4f63;font-size:14px}.lecture-mode-indicator svg{width:20px;height:20px;stroke:#00c853}.details-page.mode-lecture .header-actions{display:none}.details-page.mode-lecture .message-card{border-color:#e5e9f0}.observation-mode-indicator{display:flex;align-items:center;gap:10px;margin-top:30px;padding:15px 20px;background:#f8fafd;border-radius:16px;border:1px solid #E5E9F0;color:#4a4f63;font-size:14px}.observation-mode-indicator svg{width:20px;height:20px;stroke:#00c853}.details-page-envoye{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf2);padding:20px}.details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:#fff;border-radius:30px;box-shadow:0 10px 30px -10px #0000001a;border:1px solid rgba(0,200,83,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex-wrap:wrap;gap:20px}.header-left h1{font-size:28px;font-weight:800;color:#1a1f2e;margin:0;background:linear-gradient(135deg,#1a1f2e,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:15px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid #E5E9F0;border-radius:50px;font-size:15px;font-weight:600;color:#5f6b7a;cursor:pointer;transition:all .3s}.action-btn:hover{background:#00c853;border-color:#00c853;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00c85333}.action-btn:last-child:hover{background:#f44336;border-color:#f44336}.details-content{max-width:900px;margin:0 auto}.message-card{background:#fff;border-radius:40px;padding:40px;box-shadow:0 20px 40px -15px #00000026;border:1px solid rgba(0,200,83,.15);transition:all .3s}.message-card:hover{box-shadow:0 25px 50px -15px #00c85333}.message-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px;padding-bottom:25px;border-bottom:2px solid #F5F7FA;flex-wrap:wrap;gap:20px}.destinataire-info{display:flex;align-items:center;gap:15px}.destinataire-avatar{width:60px;height:60px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;text-transform:uppercase;border:3px solid #00C853;box-shadow:0 4px 15px #00c8534d}.destinataire-details{flex:1}.destinataire-nom{font-size:18px;font-weight:700;color:#1a1f2e;margin-bottom:8px}.groupe-indicateur{font-size:13px;color:#00c853;font-weight:600;margin-left:10px;padding:3px 12px;background:#00c8531a;border-radius:30px}.message-expediteur{font-size:15px;color:#4a4f63;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.expediteur-fonction{font-size:12px;color:#8a94a8;font-weight:500;padding:3px 10px;background:#f5f7fa;border-radius:30px}.message-date{display:flex;align-items:center;gap:8px;font-size:14px;color:#8a94a8;background:#f5f7fa;padding:10px 18px;border-radius:40px;white-space:nowrap}.message-date svg{color:#00c853}.message-theme-titre{margin-bottom:25px}.message-theme{display:flex;align-items:center;gap:8px;margin-bottom:10px}.theme-label{font-size:13px;font-weight:600;color:#8a94a8;text-transform:uppercase;letter-spacing:.5px}.theme-value{font-size:15px;font-weight:600;color:#00c853;background:#00c8531a;padding:4px 15px;border-radius:30px}.message-titre{font-size:24px;font-weight:800;color:#1a1f2e;margin:0;line-height:1.4}.message-statut{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f7fa;border-radius:40px;margin-bottom:30px}.statut-texte{font-size:14px;font-weight:600}.statut-texte.lu{color:#00c853}.statut-texte.non-lu{color:#f44336}.message-corps{background:#f5f7fa;border-radius:30px;padding:30px;margin-bottom:30px;line-height:1.8;font-size:16px;color:#1a1f2e;white-space:pre-wrap}.message-corps p{margin:0 0 15px}.message-corps p:last-child{margin-bottom:0}.pieces-jointes{margin-bottom:30px}.pieces-jointes h3{font-size:18px;font-weight:700;color:#1a1f2e;margin:0 0 20px;display:flex;align-items:center;gap:10px}.pieces-jointes h3:before{content:"📎";font-size:20px}.pieces-list{display:flex;flex-direction:column;gap:10px}.piece-item{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#f5f7fa;border-radius:20px;border:1px solid #E5E9F0;transition:all .3s}.piece-item:hover{background:#fff;border-color:#00c853;transform:translate(5px)}.piece-info{display:flex;align-items:center;gap:12px}.piece-info svg{color:#00c853}.piece-nom{font-size:15px;font-weight:600;color:#1a1f2e}.piece-taille{font-size:12px;color:#8a94a8;font-weight:500}.piece-download{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #E5E9F0;color:#5f6b7a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.piece-download:hover{background:#00c853;border-color:#00c853;color:#fff;transform:scale(1.1)}.destinataires-list{margin-top:30px;padding-top:25px;border-top:2px solid #F5F7FA}.destinataires-list h3{font-size:18px;font-weight:700;color:#1a1f2e;margin:0 0 20px;display:flex;align-items:center;gap:10px}.destinataires-list h3:before{content:"👥";font-size:20px}.destinataires-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.destinataires-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#f5f7fa;border-radius:20px;border:1px solid #E5E9F0;transition:all .3s}.destinataires-list li:hover{background:#fff;border-color:#00c853}.destinataires-list li span:first-child{font-weight:600;color:#1a1f2e}.statut-destinataire{font-size:13px;font-weight:600;padding:4px 15px;border-radius:30px}.statut-destinataire.lu{background:#00c8531a;color:#00c853}.statut-destinataire.non-lu{background:#f443361a;color:#f44336}.details-loading,.details-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#f5f7fa}.details-error h2{color:#f44336;font-size:20px;font-weight:600}.details-error button{padding:12px 30px;background:#00c853;color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 8px 20px #00c8534d}.details-error button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #00c85366}@media(max-width:992px){.details-header{padding:15px}.header-left h1{font-size:24px}.header-actions{width:100%;justify-content:flex-end}.message-card{padding:30px}.message-header{flex-direction:column;align-items:flex-start}.message-titre{font-size:22px}.pieces-list{grid-template-columns:1fr}}@media(max-width:768px){.details-page-envoye{padding:15px}.details-header{flex-direction:column;align-items:stretch}.header-left{justify-content:center}.header-left h1{font-size:22px}.header-actions{justify-content:center}.action-btn span{display:none}.action-btn{padding:12px;aspect-ratio:1}.message-card{padding:20px;border-radius:30px}.destinataire-info{flex-wrap:wrap}.destinataire-avatar{width:50px;height:50px;font-size:20px}.message-titre{font-size:20px}.message-corps{padding:20px;font-size:15px}.piece-item{flex-direction:column;align-items:flex-start;gap:10px}.piece-download{align-self:flex-end}.destinataires-list li{flex-direction:column;align-items:flex-start;gap:8px}.statut-destinataire{align-self:flex-start}}.pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 0;margin-top:16px;border-top:1px solid #e5e7eb}.pagination-btn{min-width:36px;height:36px;padding:0 8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;border-radius:6px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-active:hover{background:#2563eb}.conversation-container{display:flex;flex-direction:column;height:100%;background-color:#e5ddd5;background-image:url(https://web.whatsapp.com/img/bg-chat-tile-light_4db3db8b8f1f0e90e60bde3df2d1aa6d.png);background-repeat:repeat}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#f0f2f5;border-bottom:1px solid #e9ecef;flex-shrink:0}.back-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#54656f}.back-button:hover{background-color:#e4e6e9}.contact-info{display:flex;align-items:center;gap:12px;flex:1}.contact-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.contact-avatar.annonce-avatar{background:#fef3c7;color:#d97706}.contact-info h2{margin:0;font-size:16px;font-weight:600;color:#111b21}.contact-info p{margin:0;font-size:12px;color:#667781}.archive-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#54656f}.archive-button:hover{background-color:#e4e6e9}.messages-area{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:4px;min-height:0}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:#f1f1f1}.messages-area::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.message-bubble{display:flex;width:100%;margin-bottom:2px;position:relative}.message-bubble.sent{justify-content:flex-end}.message-bubble.received{justify-content:flex-start}.message-content{max-width:65%;min-width:80px;border-radius:18px;padding:8px 12px;position:relative;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px #0000001a}.message-titre{font-size:12px;font-weight:600;color:#128c7e;margin-bottom:4px}.message-text{font-size:14px;line-height:1.4;color:#111b21;word-wrap:break-word;white-space:normal}.message-text ul,.message-text ol{margin:4px 0;padding-left:20px}.message-text li{margin:2px 0}.message-text strong{font-weight:600}.message-text em{font-style:italic}.message-text u{text-decoration:underline}.message-text del{text-decoration:line-through}.message-time{font-size:10px;color:#667781;margin-top:4px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px}.edited-badge{font-size:9px;font-style:italic;color:#8696a0}.urgent-badge{background-color:#ff9800;color:#fff;padding:2px 6px;border-radius:10px;font-size:9px;margin-left:6px}.alerte-titre{color:#ff9800;font-size:13px;margin-bottom:6px;border-left:3px solid #ff9800;padding-left:8px}.alerte-message{background-color:#fff3e0;border-radius:8px;padding:8px;font-style:italic;color:#856404}.message-bubble.received .alerte-message,.message-bubble.sent .alerte-message{background-color:#fff3e0}.message-actions-dropdown{position:absolute;right:-32px;top:50%;transform:translateY(-50%);display:flex;gap:4px;background:#fff;border-radius:20px;padding:4px 8px;box-shadow:0 2px 8px #00000026;opacity:0;transition:opacity .2s;z-index:10}.message-bubble.sent .message-actions-dropdown{right:auto;left:-32px}.message-bubble:hover .message-actions-dropdown{opacity:1}.action-dot{background:none;border:none;cursor:pointer;padding:4px 6px;font-size:12px;border-radius:50%;transition:background .2s;color:#54656f}.action-dot:hover{background-color:#e4e6e9;color:#25d366}.action-dot[disabled],.action-dot[style*=not-allowed]{cursor:not-allowed;opacity:.5}.message-readers{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:10px;color:#8e9aaf;justify-content:flex-end}.readers-icon{font-size:10px}.readers-list{display:flex;align-items:center;gap:2px}.reader-name{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e4e6e9;border-radius:50%;font-size:9px;font-weight:600;color:#5e6f8d;cursor:pointer}.reader-name:hover{background:#d0d2d6;color:#1a1f2e}.readers-more{font-size:9px;color:#8e9aaf;cursor:pointer}.readers-more:hover{text-decoration:underline}.message-input-area{display:flex;align-items:flex-end;gap:12px;padding:12px 16px;background-color:#f0f2f5;border-top:1px solid #e9ecef;flex-shrink:0}.attach-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#54656f;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.attach-button:hover{background-color:#e4e6e9}.message-input{flex:1;border:none;border-radius:24px;padding:10px 16px;font-size:14px;font-family:inherit;background-color:#fff;outline:none;min-height:40px;max-height:120px;line-height:1.4;overflow-y:auto;resize:none;white-space:pre-wrap;word-wrap:break-word}.message-input:focus{box-shadow:0 0 0 2px #25d366}.send-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#8696a0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.send-button.active{color:#25d366}.send-button.active:hover{background-color:#e4e6e9}.conversation-editor-wrapper{flex:1;min-width:0}.conversation-editor{background:#fff;border-radius:24px}.conversation-editor .ql-toolbar{border-radius:24px 24px 0 0;background:#f8f9fa;border:1px solid #e0e4e8;border-bottom:none}.conversation-editor .ql-container{border-radius:0 0 24px 24px;border:1px solid #e0e4e8;min-height:40px;max-height:120px;overflow-y:auto}.conversation-editor .ql-editor{min-height:40px;max-height:100px;font-size:14px;line-height:1.4}.fichiers-list{background-color:#f0f2f5;padding:8px 16px;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #e9ecef}.fichier-item{display:flex;align-items:center;gap:8px;background-color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;box-shadow:0 1px 2px #0000000d}.fichier-supprimer{background:none;border:none;cursor:pointer;color:#dc3545;font-size:14px;padding:0 4px}.no-messages{text-align:center;padding:60px 20px;color:#667781}.no-messages p:first-child{font-size:16px;font-weight:500;margin-bottom:8px}.groupe-message-item{padding:12px 16px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb}.groupe-message-item.selected{background:#e8f5e9;border-color:#25d366}.groupe-message-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px;color:#6c757d}.groupe-message-line .message-date,.groupe-message-line .message-time{font-size:12px;color:#6b7280;font-weight:400}.groupe-message-line .message-separator{font-size:12px;color:#9ca3af}.groupe-message-line .message-title{font-weight:500;color:#1f2937;font-size:13px}.groupe-message-line .message-expediteur{font-size:12px;color:#6b7280}.pagination{display:flex;justify-content:center;gap:8px;margin:16px 0;flex-wrap:wrap}.page-btn{min-width:36px;height:36px;padding:0 8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#25d366}.page-btn.active{background:#25d366;color:#fff;border-color:#25d366}.page-btn:disabled{opacity:.5;cursor:not-allowed}.message-card{margin-top:20px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.card-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1.1rem;color:#1f2937}.card-meta{display:flex;gap:12px;font-size:12px;color:#6b7280;flex-wrap:wrap;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.card-content{font-size:14px;line-height:1.5;color:#374151}.btn-fermer{background:none;border:none;font-size:18px;cursor:pointer;color:#9ca3af;padding:4px 8px;border-radius:20px}.btn-fermer:hover{background:#f3f4f6;color:#ef4444}.transfer-modal{width:500px;max-width:90%;max-height:80vh;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px;border-top:1px solid #e9ecef}.btn-cancel{padding:8px 16px;background:#f0f2f5;border:none;border-radius:8px;cursor:pointer}.btn-send{padding:8px 16px;background:#25d366;color:#fff;border:none;border-radius:8px;cursor:pointer}.message-preview{background:#f0f2f5;border-radius:8px;padding:12px;margin-bottom:16px}.selected-destinataires{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.destinataire-tag{background:#e4e6e9;padding:4px 8px;border-radius:16px;font-size:12px;display:flex;align-items:center;gap:6px}.result-item{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #e9ecef;cursor:pointer}.result-item:hover{background:#f0f2f5}.result-avatar{width:40px;height:40px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}@media(max-width:768px){.message-content{max-width:85%}.groupe-message-line,.card-meta{flex-direction:column;gap:4px}}.conversation-groupe-container{display:flex;flex-direction:column;height:100%;background-color:#e5ddd5;background-image:url(https://web.whatsapp.com/img/bg-chat-tile-light_4db3db8b8f1f0e90e60bde3df2d1aa6d.png);background-repeat:repeat}.contact-avatar.groupe-avatar{background:#075e54;font-size:20px}.message-expediteur-nom{font-size:12px;font-weight:600;color:#128c7e;margin-bottom:4px}.pagination-wrapper{background-color:#f0f2f5;padding:8px 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.message-input-wrapper{flex:1;min-width:0}.message-editor{background:#fff;border-radius:24px}.message-editor .ql-toolbar{border-radius:24px 24px 0 0;background:#f8f9fa;border:1px solid #e0e4e8;border-bottom:none}.message-editor .ql-container{border-radius:0 0 24px 24px;border:1px solid #e0e4e8;min-height:40px;max-height:100px;overflow-y:auto}.message-editor .ql-editor{min-height:40px;max-height:100px;font-size:14px;line-height:1.4}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#25d366;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.message-edit-mode{max-width:65%;min-width:200px;background-color:#fff;border-radius:18px;padding:12px;box-shadow:0 1px 2px #0000001a}.edit-textarea{width:100%;padding:8px;border:1px solid #e0e4e8;border-radius:12px;font-family:inherit;font-size:14px;resize:vertical}.edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.edit-actions button{padding:6px 12px;border:none;border-radius:20px;cursor:pointer;font-size:12px}.edit-actions button:first-child{background:#f0f2f5;color:#54656f}.edit-actions button:last-child{background:#25d366;color:#fff}.message-detail-modal{width:500px;max-width:90%;max-height:80vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:18px;color:#111b21}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#667781;padding:4px 8px;border-radius:20px}.close-btn:hover{background:#f0f2f5}.modal-body{flex:1;overflow-y:auto;padding:16px}.message-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef;font-size:13px;color:#667781}.message-meta strong{color:#111b21}.message-titre-detail{margin-bottom:12px;padding:8px 12px;background:#f0f2f5;border-radius:12px;font-size:14px}.message-contenu-detail{font-size:14px;line-height:1.5;color:#111b21;margin-bottom:16px}.fichiers-detail{margin-top:16px;padding-top:12px;border-top:1px solid #e9ecef}.fichiers-detail strong{display:block;margin-bottom:8px;font-size:13px;color:#667781}.fichier-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f0f2f5;border-radius:20px;font-size:13px;color:#128c7e;text-decoration:none;margin-right:8px;margin-bottom:8px}.fichier-link:hover{background:#e4e6e9}.conversation-groupe-container.loading,.conversation-groupe-container.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#e5ddd5}.conversation-groupe-container.error p{margin-bottom:16px;color:#dc3545}.conversation-groupe-container.error button{padding:8px 16px;background:#25d366;color:#fff;border:none;border-radius:24px;cursor:pointer}@media(max-width:768px){.message-edit-mode{max-width:85%}.message-detail-modal{width:95%}.message-meta{flex-direction:column;gap:6px}}.bold{font-weight:600;color:#111b21}.pagination-container{display:flex;justify-content:center;gap:8px;margin:16px 0}.pagination-btn{min-width:36px;height:36px;border:1px solid #e9ecef;background:#fff;border-radius:18px;cursor:pointer}.pagination-btn.active{background:#25d366;color:#fff;border-color:#25d366}.message-card{margin-top:16px;background:#fff;border-radius:12px;padding:16px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d}.message-bubble.received.indent{margin-left:50px}.unread-badge{background-color:#ef4444;color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;margin-left:8px}.annonce-badge{background-color:#f59e0b;color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;margin-left:8px}.theme-details-container{display:flex;flex-direction:column;height:100%;background:#f8f9fa;position:relative}.theme-header-modern{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #00000005;position:sticky;top:0;z-index:10}.header-left{flex:1}.back-button-modern{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s}.back-button-modern:hover{background:#f8f9fa;color:#4dff00}.back-button-modern svg{width:20px;height:20px}.header-center{flex:2;text-align:center}.header-center h1{margin:0;font-size:20px;font-weight:600;color:#1a1f2e}.theme-description{margin:4px 0 0;font-size:13px;color:#6c757d}.header-right{flex:1;display:flex;justify-content:flex-end;gap:12px}.participants-button{display:flex;align-items:center;gap:6px;background:#f8f9fa;border:none;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s}.participants-button:hover{background:#e9ecef;color:#4dff00}.participants-count{background:#4dff00;color:#fff;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:600}.archive-button-modern{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#6c757d;transition:all .2s}.archive-button-modern:hover{background:#f8f9fa;color:#dc3545}.participants-panel{position:absolute;top:70px;right:24px;width:320px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;z-index:20;overflow:hidden;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.participants-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e9ecef}.participants-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1f2e}.close-panel{background:none;border:none;cursor:pointer;padding:4px;color:#6c757d;border-radius:4px}.close-panel:hover{background:#f8f9fa;color:#dc3545}.participants-list{max-height:400px;overflow-y:auto;padding:8px 0}.participant-item{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:background .2s}.participant-item:hover{background:#f8f9fa}.participant-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4dff00,#4dff00);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.participant-info{flex:1}.participant-name{font-weight:500;font-size:14px;color:#1a1f2e}.participant-details{display:flex;gap:8px;margin-top:2px;font-size:12px;color:#6c757d}.creator-badge{background:#e9ecef;color:#495057;font-size:11px;padding:4px 8px;border-radius:12px;font-weight:500}.theme-stats-bar-modern{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 24px;background:#fff;border-bottom:1px solid #e9ecef}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#495057}.stat-icon{font-size:14px}.stat-divider{width:1px;height:20px;background:#e9ecef}.messages-area-modern{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.message-card{display:flex;gap:12px;max-width:70%}.message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.message-card.own-message .message-avatar{background:linear-gradient(135deg,#4dff00,#4dff00)}.message-body{flex:1;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 1px 2px #0000000d}.message-card.own-message .message-body{background:#4dff00;color:#fff}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;flex-wrap:wrap}.message-author{font-weight:600;font-size:13px;color:#1a1f2e}.message-card.own-message .message-author{color:#fff}.message-author-fonction{font-size:11px;color:#6c757d}.message-card.own-message .message-author-fonction{color:#fffc}.message-time{font-size:10px;color:#adb5bd;margin-left:auto}.message-card.own-message .message-time{color:#ffffffb3}.message-text{font-size:14px;line-height:1.5;word-wrap:break-word}.empty-messages{text-align:center;padding:60px 20px;color:#6c757d}.empty-messages p{margin:0;font-size:16px;font-weight:500}.empty-subtitle{font-size:13px;margin-top:8px;opacity:.7}.message-input-area-modern{display:flex;gap:12px;padding:16px 24px;background:#fff;border-top:1px solid #e9ecef;position:sticky;bottom:0}.message-input-modern{flex:1;border:1px solid #e9ecef;border-radius:24px;padding:12px 18px;font-size:14px;font-family:inherit;resize:none;max-height:100px;outline:none;transition:border-color .2s}.message-input-modern:focus{border-color:#4dff00;box-shadow:0 0 0 2px #007bff1a}.send-button-modern{display:flex;align-items:center;gap:8px;background:#e9ecef;border:none;padding:8px 20px;border-radius:24px;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s}.send-button-modern.active{background:#4dff00;color:#fff;cursor:pointer}.send-button-modern.active:hover{background:#4dff00;transform:translateY(-1px)}.send-button-modern:disabled{opacity:.5;cursor:not-allowed}.theme-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d}.spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#4dff00;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.theme-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6c757d}.error-icon{font-size:48px;margin-bottom:16px}.theme-error button{margin-top:20px;padding:10px 24px;background:#4dff00;color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:14px}.theme-error button:hover{background:#4dff00}.message-card{position:relative;display:flex;gap:12px;max-width:70%;margin-bottom:16px}.message-card.own-message{align-self:flex-end;flex-direction:row-reverse}.message-card.other-message{align-self:flex-start}.message-body{position:relative;background:#fff;border-radius:18px;padding:10px 14px;box-shadow:0 1px 2px #0000000d}.message-card.own-message .message-body{background:#00ff80;color:#fff}.message-actions-dropdown{position:absolute;right:-40px;top:50%;transform:translateY(-50%);display:flex;gap:4px;background:#fff;border-radius:20px;padding:4px 8px;box-shadow:0 2px 8px #0000001a;opacity:0;transition:opacity .2s;z-index:10}.message-card.own-message .message-actions-dropdown{right:auto;left:-40px}.message-card:hover .message-actions-dropdown{opacity:1}.action-dot{background:none;border:none;cursor:pointer;padding:4px 6px;font-size:14px;border-radius:50%;transition:background .2s}.action-dot:hover{background:#e9ecef}.message-edit-mode{width:100%}.edit-textarea{width:100%;border:1px solid #4dff00;border-radius:12px;padding:8px 12px;font-size:14px;font-family:inherit;resize:vertical;background:#fff;color:#1a1f2e}.edit-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.edit-actions button{padding:6px 12px;border-radius:20px;border:none;cursor:pointer;font-size:12px}.edit-actions button:first-child{background:#e9ecef;color:#495057}.edit-actions button.save-btn{background:#4dff00;color:#fff}.espace-travail{padding:24px;max-width:1200px;margin:0 auto}.espace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.espace-header h2{font-size:1.8rem;color:#1f2937;margin:0}.creer-theme-btn{display:flex;align-items:center;gap:8px;background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.creer-theme-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.espace-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e4e6e9;border-radius:8px;padding:0 12px;flex:1;max-width:400px}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:8px 16px;border:1px solid #e4e6e9;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.create-theme-form{background:#fff;border:1px solid #e4e6e9;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.create-theme-form h3{margin-bottom:20px;color:#1f2937}.create-theme-form input,.create-theme-form textarea{width:100%;padding:12px;margin-bottom:16px;border:1px solid #e4e6e9;border-radius:8px;font-size:.95rem}.create-theme-form input:focus,.create-theme-form textarea:focus{outline:none;border-color:#10b981}.participants-section{margin:20px 0}.participants-section label{display:block;margin-bottom:8px;font-weight:600;color:#1f2937}.participant-tag{display:flex;align-items:center;gap:6px;background:#e8f5e9;color:#2e7d32;padding:4px 8px 4px 4px;border-radius:20px;font-size:.9rem}.participant-icon{background:#fff;width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.participant-name{font-weight:500}.participant-count{font-size:.8rem;color:#666;margin-left:4px}.remove-participant{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:10px}.remove-participant:hover{background:#0000001a;color:#c33}.add-participant-btn{display:flex;align-items:center;gap:8px;background:#f8fafc;border:2px dashed #10b981;color:#10b981;padding:8px 16px;border-radius:8px;cursor:pointer;width:100%;font-weight:500;transition:all .2s}.add-participant-btn:hover{background:#ecfdf5;border-color:#059669;color:#059669}.participant-selector{position:relative;margin-top:12px;border:1px solid #e4e6e9;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000001a}.selector-header{display:flex;gap:8px;padding:12px;border-bottom:1px solid #e4e6e9}.search-participant{flex:1;padding:10px;border:1px solid #e4e6e9;border-radius:8px;font-size:.95rem}.search-participant:focus{outline:none;border-color:#10b981}.close-selector{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.close-selector:hover{background:#f3f4f6;color:#c33}.selector-list{max-height:300px;overflow-y:auto;padding:8px}.selector-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s}.selector-item:hover{background:#f3f4f6}.item-icon{width:32px;height:32px;background:#f0f2f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.item-name{font-weight:500;color:#1f2937}.item-email,.item-count{font-size:.8rem;color:#6b7280}.no-results{text-align:center;padding:20px;color:#6b7280}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.form-actions button{padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s}.form-actions button:first-child{background:#f3f4f6;border:1px solid #e4e6e9;color:#4b5563}.form-actions button:first-child:hover{background:#e5e7eb}.form-actions button:last-child{background:#10b981;border:none;color:#fff;font-weight:500}.form-actions button:last-child:hover{background:#059669}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.theme-card{background:#fff;border:1px solid #e4e6e9;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.theme-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#10b981}.theme-card.archive{opacity:.7;background:#f8fafc}.theme-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.theme-header h3{margin:0;font-size:1.2rem;color:#1f2937;flex:1}.theme-actions{display:flex;gap:8px;align-items:center}.archive-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;opacity:.6;transition:all .2s}.archive-btn:hover{opacity:1;background:#f3f4f6}.urgent-badge{background:#fee2e2;color:#dc2626;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.statut-badge{padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.statut-badge.en-cours,.statut-badge.actif{background:#e8f5e9;color:#2e7d32}.statut-badge.termine{background:#e0f2fe;color:#0369a1}.statut-badge.archive{background:#f3f4f6;color:#4b5563}.theme-description{color:#4b5563;font-size:.95rem;margin-bottom:16px;line-height:1.5}.theme-stats{display:flex;gap:16px;color:#6b7280;font-size:.9rem;border-top:1px solid #e4e6e9;padding-top:12px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.no-projets{text-align:center;padding:60px;color:#6b7280;font-size:1.1rem;background:#f8fafc;border-radius:12px;grid-column:1 / -1}.error-container{text-align:center;padding:60px;color:#dc2626}.error-container button{margin-top:16px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:24px;width:500px;max-width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 35px #0003;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:24px 24px 0 0}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1a1f2e}.close-modal{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s}.close-modal:hover{background:#f0f2f5;color:#dc3545}.form-group{padding:16px 24px;border-bottom:1px solid #f0f2f5}.form-group label{display:block;font-size:13px;font-weight:600;color:#495057;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e0e4e8;border-radius:12px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.selected-participants{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.participant-tag{display:inline-flex;align-items:center;gap:6px;background:#e8f5e9;padding:6px 12px;border-radius:20px;font-size:13px;color:#2e7d32}.participant-icon{font-size:12px}.remove-participant{background:none;border:none;cursor:pointer;font-size:14px;color:#2e7d32;padding:0 4px;border-radius:50%}.remove-participant:hover{color:#dc3545;background:#0000000d}.add-participant-btn{display:flex;align-items:center;gap:8px;background:#f0f2f5;border:none;padding:10px 16px;border-radius:12px;font-size:14px;color:#495057;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.add-participant-btn:hover{background:#e4e6e9;color:#25d366}.participant-selector{margin-top:12px;border:1px solid #e0e4e8;border-radius:16px;overflow:hidden;background:#fff}.selector-header{padding:12px;border-bottom:1px solid #e0e4e8;display:flex;gap:8px}.search-participant{flex:1;padding:8px 12px;border:1px solid #e0e4e8;border-radius:20px;font-size:14px}.close-selector{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%}.selector-list{max-height:200px;overflow-y:auto;padding:8px 0}.selector-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s}.selector-item:hover{background:#f8f9fa}.item-icon{font-size:16px}.item-info{flex:1}.item-name{font-weight:500;font-size:14px;color:#1a1f2e}.item-email{font-size:12px;color:#6c757d}.participants-list-edit{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.add-participant-row{display:flex;gap:8px;margin-bottom:12px}.search-participant-input{flex:1;padding:10px 14px;border:1px solid #e0e4e8;border-radius:12px;font-size:14px}.btn-search{padding:10px 20px;background:#f0f2f5;border:none;border-radius:12px;cursor:pointer;font-size:14px;transition:all .2s}.btn-search:hover{background:#e4e6e9}.participant-search-results{border:1px solid #e0e4e8;border-radius:12px;max-height:200px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f2f5}.search-result-item:hover{background:#f8f9fa}.result-icon{font-size:16px}.result-info{flex:1}.result-name{font-weight:500;font-size:14px}.result-email{font-size:12px;color:#6c757d}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#f8f9fa;border-radius:0 0 24px 24px}.btn-cancel{padding:10px 24px;background:#fff;border:1px solid #e0e4e8;border-radius:30px;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f0f2f5}.btn-submit{padding:10px 28px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.no-results{text-align:center;padding:24px;color:#6c757d;font-size:14px}.messagerie-container{min-height:100vh;background:#f0f2f5;padding:20px}.messagerie-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a;border:1px solid #e9ecef}.back-button{width:40px;height:40px;border-radius:50%;background:#f8f9fa;border:none;color:#5e6f8d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-button:hover{background:#25d366;color:#fff}.messagerie-header h1{font-size:22px;font-weight:600;color:#1a1f2e;margin:0}.messagerie-onglets{display:flex;background:#fff;border-radius:30px;padding:4px;margin-bottom:20px;border:1px solid #e9ecef;gap:4px}.onglet{flex:1;padding:12px 20px;background:none;border:none;font-size:14px;font-weight:600;color:#5e6f8d;cursor:pointer;border-radius:30px;transition:all .2s ease;text-align:center}.onglet.actif{background:#25d366!important;color:#fff!important;box-shadow:0 2px 8px #25d36633}.onglet:hover:not(.actif){background:#f0f2f5;color:#1a1f2e}.messagerie-content{background:#fff;border-radius:20px;padding:0;border:1px solid #e9ecef;min-height:500px;overflow:hidden}@media(max-width:768px){.messagerie-container{padding:12px}.messagerie-header{padding:12px 16px}.messagerie-header h1{font-size:18px}.onglet{padding:10px 12px;font-size:12px}}.tous-messages-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8fafc;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.page-header h1{font-size:28px;font-weight:700;color:#0f172a;margin:0}.btn-nouveau{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.btn-nouveau:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-nouveau span{font-size:18px;font-weight:600}.messages-section,.groups-section,.announces-section{background:#fff;border-radius:20px;margin-bottom:32px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eef2ff;background:#fff}.section-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.section-count{font-size:13px;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:20px}.messages-table{display:flex;flex-direction:column}.message-row{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.message-row:hover{background:#f8fafc}.message-row.unread{background:#eff6ff}.message-row.unread:hover{background:#e6f0ff}.message-row-left{flex:2}.message-sender{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sender-name{font-size:14px;font-weight:500;color:#334155}.sender-name.bold{font-weight:700;color:#0f172a}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:10px;padding:0 6px}.message-title-preview{font-size:13px;color:#64748b}.message-title{display:inline-block;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-title.bold{font-weight:600;color:#1e293b}.message-row-right{flex:1;text-align:right}.message-date{font-size:12px;color:#94a3b8;margin-bottom:4px}.message-recipient{font-size:12px;color:#64748b}.recipient-label{color:#94a3b8}.recipient-name{font-weight:500;color:#475569}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:20px 24px}.group-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:16px;cursor:pointer;transition:all .2s;border:1px solid #eef2ff}.group-card:hover{background:#f1f5f9;transform:translate(4px);border-color:#cbd5e1}.group-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.group-name{font-weight:600;color:#1e293b;margin-bottom:4px}.group-members{font-size:12px;color:#64748b}.group-arrow{color:#94a3b8;font-size:18px}.announces-preview{padding:20px 24px}.annonce-preview-card{padding:16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.annonce-preview-card:hover{background:#f8fafc;border-radius:12px}.annonce-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.annonce-title{font-weight:600;color:#1e293b}.annonce-date{font-size:12px;color:#94a3b8}.annonce-expediteur{font-size:12px;color:#64748b}.btn-voir-tout{background:none;border:none;color:#2563eb;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s}.btn-voir-tout:hover{background:#eff6ff}.groupe-detail-container,.annonce-detail-container{max-width:900px;margin:0 auto;padding:24px}.detail-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.btn-back{background:none;border:none;font-size:18px;cursor:pointer;padding:8px 12px;border-radius:10px;color:#475569;transition:all .2s}.btn-back:hover{background:#f1f5f9;color:#1e293b}.detail-title{display:flex;align-items:center;gap:16px}.detail-icon{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.detail-title h1{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 4px}.detail-subtitle{font-size:13px;color:#64748b;margin:0}.messages-list-container,.annonces-list-container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000d;margin-bottom:24px}.messages-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eef2ff}.messages-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.message-count{font-size:12px;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:20px}.groupe-messages-list,.annonces-list{display:flex;flex-direction:column}.groupe-message-item,.annonce-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.groupe-message-item:hover,.annonce-item:hover{background:#f8fafc}.groupe-message-item.active,.annonce-item.active{background:#eff6ff;border-left:3px solid #2563eb}.message-detail-card{margin:20px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #eef2ff}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.card-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 8px}.card-meta{display:flex;gap:20px;font-size:12px;color:#64748b}.btn-close{background:none;border:none;font-size:18px;cursor:pointer;color:#94a3b8;padding:4px 8px;border-radius:8px;transition:all .2s}.btn-close:hover{background:#e2e8f0;color:#ef4444}.card-content{font-size:14px;line-height:1.6;color:#334155}.message-editor-container{background:#fff;border-radius:20px;padding:20px;box-shadow:0 1px 3px #0000000d}.message-editor-container h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.message-form{display:flex;flex-direction:column;gap:12px}.message-textarea{width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:16px;font-family:inherit;font-size:14px;resize:vertical;transition:all .2s}.message-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-send{align-self:flex-end;padding:10px 24px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-send:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:48px 24px;color:#64748b}.empty-state.small{padding:24px}.loading-state{text-align:center;padding:48px 24px}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.btn-create{margin-top:12px;padding:8px 20px;background:#f1f5f9;border:none;border-radius:20px;color:#2563eb;font-size:13px;cursor:pointer;transition:all .2s}.btn-create:hover{background:#e2e8f0}@media(max-width:768px){.tous-messages-container{padding:16px}.message-row{flex-direction:column;align-items:flex-start;gap:8px}.message-row-right{text-align:left}.groups-grid{grid-template-columns:1fr}.detail-header{flex-wrap:wrap}.card-meta{flex-direction:column;gap:4px}}.groupe-view-container,.annonce-view-container{height:100%;display:flex;flex-direction:column;background-color:#e5ddd5;background-image:url(https://web.whatsapp.com/img/bg-chat-tile-light_4db3db8b8f1f0e90e60bde3df2d1aa6d.png);background-repeat:repeat}.groupe-header,.annonce-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background-color:#f0f2f5;border-bottom:1px solid #e9ecef}.groupe-header-info{display:flex;align-items:center;gap:12px}.groupe-header-avatar{width:40px;height:40px;background:#075e54;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.groupe-header h2{margin:0;font-size:16px;font-weight:600;color:#111b21}.groupe-header p{margin:0;font-size:12px;color:#667781}.groupe-messages-area,.annonce-messages-area{flex:1;overflow-y:auto;padding:16px}.groupe-messages-list,.annonces-list{display:flex;flex-direction:column;gap:4px}.groupe-message-item,.annonce-item{padding:12px 16px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid #e9ecef}.groupe-message-item:hover,.annonce-item:hover{background:#f9fafb;border-color:#25d366}.groupe-message-item.active,.annonce-item.active{background:#e8f5e9;border-color:#25d366}.groupe-message-sender{font-size:13px;font-weight:600;color:#128c7e;margin-bottom:4px}.groupe-message-title{font-size:14px;font-weight:500;color:#111b21}.groupe-message-date,.annonce-meta{font-size:11px;color:#667781;margin-top:4px;display:flex;gap:8px}.annonce-title{font-size:14px;font-weight:600;color:#111b21;margin-bottom:4px}.message-detail-card{margin-top:20px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.card-date{font-size:11px;color:#667781;margin-bottom:12px}.card-content{font-size:14px;line-height:1.5;color:#111b21}.close-card{background:none;border:none;font-size:16px;cursor:pointer;color:#667781;padding:4px 8px;border-radius:20px}.close-card:hover{background:#f0f2f5;color:#dc3545}.groupe-input-area{padding:12px 16px;background-color:#f0f2f5;border-top:1px solid #e9ecef}.groupe-message-form{display:flex;gap:12px;align-items:center}.groupe-message-input{flex:1;border:none;border-radius:24px;padding:10px 16px;font-size:14px;background:#fff;outline:none}.groupe-message-input:focus{box-shadow:0 0 0 2px #25d366}.send-button{width:40px;height:40px;border-radius:50%;border:none;background:none;cursor:pointer;font-size:18px;color:#8696a0}.send-button:enabled{color:#25d366}.send-button:enabled:hover{background:#e4e6e9}.section-title{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f0f2f5;border-bottom:1px solid #e9ecef}.section-title h2{margin:0;font-size:14px;font-weight:600;color:#54656f}.view-all{background:none;border:none;color:#25d366;font-size:13px;cursor:pointer}.group-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f2f5;cursor:pointer;transition:background .2s}.group-item:hover{background:#f9fafb}.group-avatar{width:48px;height:48px;background:#075e54;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.group-info{flex:1}.group-name{font-weight:600;color:#111b21;margin-bottom:4px}.group-members{font-size:12px;color:#667781}.message-item.unread{background:#e8f5e9;border-left:3px solid #25D366}.message-titre{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}.message-titre.bold{font-weight:600;color:#111b21}.message-date-header{font-size:11px;font-weight:400;color:#667781}.message-text.bold{font-weight:600;color:#111b21}.unread-badge{display:inline-block;background:#25d366;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px}.message-bubble.sent .message-content{background-color:#dcf8c5;border-bottom-right-radius:4px}.message-bubble.received .message-content{background-color:#fff;border-bottom-left-radius:4px}.message-content{width:100%;max-width:100%}.message-bubble.received .message-content{max-width:100%;width:100%;background-color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 2px #0000000d}.message-bubble.received.unread .message-content{background-color:#e8f5e9;border-left:3px solid #25D366}.message-content{width:100%;max-width:100%;background-color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 2px #0000000d}.message-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;width:100%}.message-nom{font-size:14px;font-weight:500;color:#128c7e;display:flex;align-items:center;gap:8px}.message-nom.bold{font-weight:700;color:#075e54}.message-date-header{font-size:11px;color:#667781;white-space:nowrap;margin-left:12px}.message-title-row{font-size:14px;color:#111b21;line-height:1.4;word-break:break-word}.message-title-row.bold{font-weight:600;color:#111b21}.unread-badge{display:inline-block;background:#25d366;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#25d366;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@media(max-width:768px){.message-header-row{flex-wrap:wrap;gap:4px}.message-date-header{margin-left:0}}.unread-badge{background-color:#ef4444;color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;margin-left:8px;display:inline-block}.annonce-badge{background-color:#f59e0b;color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;margin-left:8px;display:inline-block}.message-nom.bold{font-weight:700}.message-title-row.bold{font-weight:600}.brouillons-page{padding:24px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:1.8rem;color:var(--text-primary);margin:0}.new-message-btn{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:30px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.new-message-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 16px #10b98133}.search-bar{margin-bottom:24px}.search-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--bg-secondary);color:var(--text-primary)}.search-input:focus{outline:none;border-color:#10b981}.brouillons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.brouillon-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.brouillon-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#10b981}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.card-date{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.card-preview{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:10px;flex-wrap:wrap}.meta-theme{font-size:.8rem;color:#f59e0b;background:#fffbeb;padding:4px 8px;border-radius:20px}.urgent-badge{font-size:.8rem;color:#ef4444;background:#fee2e2;padding:4px 8px;border-radius:20px}.card-actions{display:flex;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border-color)}.action-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.edit{background:#e8f5e9;color:#2e7d32}.action-btn.edit:hover{background:#c8e6c9;transform:translateY(-2px)}.action-btn.delete{background:#ffebee;color:#c62828}.action-btn.delete:hover{background:#ffcdd2;transform:translateY(-2px)}.empty-state{text-align:center;padding:60px 20px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state p{color:var(--text-secondary);margin-bottom:20px}.create-btn{padding:10px 30px;background:#10b981;color:#fff;border:none;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease}.create-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 16px #10b98133}.error-container p{color:#ef4444;margin-bottom:20px;background:#fee2e2;padding:16px 24px;border-radius:12px}.archives-page{padding:20px;max-width:900px;margin:0 auto}.back-button:hover{background:#f8f9fa;color:#25d366}.archives-tabs{display:flex;gap:8px;background:#fff;border-radius:30px;padding:4px;margin-bottom:20px;border:1px solid #e9ecef}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:30px;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s}.tab.active{background:#25d366!important;color:#fff!important;box-shadow:0 2px 8px #25d36633}.tab:hover:not(.active){background:#f0f2f5;color:#1a1f2e}.tab-icon{font-size:16px}.tab-count{background:#e9ecef;color:#495057;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.tab.active .tab-count{background:#fff3;color:#fff}.search-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9ecef;border-radius:30px;padding:10px 18px;margin-bottom:24px;transition:all .2s}.search-bar:focus-within{border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.search-bar svg{color:#adb5bd;width:18px;height:18px}.search-input::placeholder{color:#adb5bd}.archives-list{display:flex;flex-direction:column;gap:12px}.archive-item{display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:16px;transition:all .2s;border:1px solid #e9ecef}.archive-item:hover{border-color:#dee2e6;box-shadow:0 2px 8px #0000000d}.archive-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.archive-avatar.saved-avatar{background:linear-gradient(135deg,#25d366,#128c7e);font-size:20px}.archive-info{flex:1;cursor:pointer;min-width:0}.archive-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;flex-wrap:wrap;gap:8px}.archive-nom{margin:0;font-size:16px;font-weight:600;color:#1a1f2e}.archive-date{font-size:12px;color:#adb5bd}.archive-destinataire{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;color:#6c757d;background:#f8f9fa;padding:4px 8px;border-radius:6px;width:fit-content}.destinataire-label{font-weight:500;color:#495057}.destinataire-noms{color:#25d366;font-weight:500}.archive-preview{display:flex;gap:16px;margin-bottom:4px;font-size:13px;color:#6c757d;flex-wrap:wrap}.archive-type{display:flex;align-items:center;gap:4px}.archive-content{color:#6c757d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.archive-archived-at{display:flex;align-items:center;gap:4px}.archive-fonction{font-size:12px;color:#adb5bd}.restore-btn{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;color:#25d366;cursor:pointer;transition:all .2s;flex-shrink:0}.restore-btn svg{width:16px;height:16px}.restore-btn:hover{background:#e8f5e9;transform:translateY(-1px)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin:0;font-size:16px;font-weight:500}@media(max-width:640px){.archives-page{padding:16px}.archive-item{flex-wrap:wrap}.restore-btn{width:100%;justify-content:center;margin-top:8px}.archive-header{flex-direction:column;align-items:flex-start}.archive-preview{flex-direction:column;gap:4px}.archives-tabs{flex-direction:column;border-radius:20px}.tab{justify-content:center;border-radius:20px}}.contact-avatar{background:#fef3c7;color:#d97706}.archive-avatar.espace-avatar{background:linear-gradient(135deg,#f59e0b,#d97706);font-size:20px}.archive-stats{display:flex;gap:16px;margin-top:8px;font-size:12px;color:#64748b}.archive-description{font-size:13px;color:#475569;margin-top:4px;font-style:italic}.archive-destinataire{font-size:12px;color:#64748b;margin-top:2px}.destinataire-label{font-weight:500;color:#475569}.destinataire-noms{color:#3b82f6}.alertes-page{min-height:100vh;background:#f5f7fa}.alertes-navbar{background:#fff;border-bottom:1px solid #E5E9F0;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.alertes-main{padding:25px;max-width:1200px;margin:0 auto}.alertes-toolbar{margin-bottom:25px;display:flex;flex-direction:column;gap:15px}.search-box{background:#fff;border:1px solid #E5E9F0;border-radius:12px;padding:0 15px;display:flex;align-items:center;gap:10px;width:100%}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border-radius:30px;background:#fff;border:1px solid #E5E9F0;color:#4a4f63;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f5f7fa}.filter-btn.active{background:#00c853;border-color:#00c853;color:#fff}.alertes-list{display:flex;flex-direction:column;gap:15px}.alerte-item{background:#fff;border:1px solid #E5E9F0;border-radius:16px;padding:20px;display:flex;gap:20px;cursor:pointer;transition:all .2s;position:relative}.alerte-item:hover{box-shadow:0 8px 20px #0000000d;border-color:#00c853;transform:translateY(-2px)}.alerte-item.traitee{opacity:.7;background:#f8fafd}.alerte-type{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.alerte-type.crise{background:#ffebee;color:#f44336}.alerte-type.alerte{background:#fff3e0;color:#ff9800}.alerte-type.info{background:#e3f2fd;color:#2196f3}.alerte-content{flex:1}.alerte-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.alerte-header h3{font-size:16px;font-weight:600;color:#1a1f2e}.alerte-priorite{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.alerte-priorite.haute{background:#ffebee;color:#f44336}.alerte-priorite.moyenne{background:#fff3e0;color:#ff9800}.alerte-priorite.basse{background:#e8f5e9;color:#00c853}.alerte-message{color:#4a4f63;font-size:14px;margin-bottom:15px;line-height:1.6}.alerte-footer{display:flex;align-items:center;gap:20px;font-size:12px;color:#8a94a8}.alerte-origine{font-weight:500}.traitee-badge{background:#8a94a8;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px}.no-alertes{text-align:center;padding:60px;background:#fff;border-radius:16px;border:1px solid #E5E9F0;color:#8a94a8}@media(max-width:768px){.welcome-message,.role-badge{display:none}.alertes-main{padding:15px}.alerte-item{flex-direction:column;gap:10px}.alerte-type{width:40px;height:40px;font-size:20px}.alerte-footer{flex-wrap:wrap}}.alerte-page{min-height:100vh;background:#f0f2f5;padding:25px}.alerte-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#fff;border-radius:16px;margin-bottom:25px;box-shadow:0 4px 12px #00000008;border:1px solid rgba(0,200,83,.1)}.header-left h1{font-size:24px;font-weight:600;color:#1a1f2e}.traiter-btn{padding:12px 30px;border:none;border-radius:30px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000001a}.traiter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.alerte-content{max-width:800px;margin:0 auto}.alerte-card{background:#fff;border-radius:24px;padding:30px;border:1px solid #E5E9F0;box-shadow:0 8px 20px #00000005;position:relative;overflow:hidden}.alerte-type-badge{position:absolute;top:30px;right:30px;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;color:#fff;font-weight:600;font-size:14px;box-shadow:0 4px 12px #0000001a}.type-icon svg{width:18px;height:18px;stroke:#fff}.alerte-titre-section{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px;padding-right:150px}.alerte-titre{font-size:22px;font-weight:600;color:#1a1f2e;line-height:1.4}.alerte-priorite{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.priorite-label{font-size:12px;color:#8a94a8;text-transform:uppercase}.priorite-valeur{font-size:18px;font-weight:700}.alerte-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-bottom:20px;border-bottom:1px solid #E5E9F0}.meta-item svg{color:#8a94a8}.meta-label{font-weight:500;color:#8a94a8}.niveau-valeur{font-weight:600}.alerte-message-principal{margin-bottom:25px;padding:20px;background:#f8fafd;border-radius:16px;border-left:4px solid;border-left-color:inherit}.alerte-message-principal p{font-size:16px;font-weight:500;color:#1a1f2e;line-height:1.6}.alerte-details{margin-bottom:25px}.alerte-details h3{font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:12px}.alerte-details p{color:#4a4f63;font-size:15px;line-height:1.6}.alerte-concerne{margin-bottom:25px}.alerte-concerne h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:12px}.alerte-concerne h3 svg{color:#00c853}.concerne-list{display:flex;flex-wrap:wrap;gap:10px}.concerne-tag{padding:6px 16px;background:#f5f7fa;border:1px solid #E5E9F0;border-radius:30px;color:#1a1f2e;font-size:14px;font-weight:500}.alerte-actions{margin-bottom:25px}.alerte-actions h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:12px}.alerte-actions h3 svg{color:#00c853}.actions-list{list-style:none;padding:0}.actions-list li{padding:10px 0 10px 24px;border-bottom:1px solid #E5E9F0;color:#4a4f63;font-size:14px;position:relative}.actions-list li:before{content:"•";color:#00c853;font-weight:700;font-size:18px;position:absolute;left:4px;top:8px}.alerte-recommandations{margin-bottom:25px;padding:20px;background:#f8fafd;border-radius:16px}.alerte-recommandations h3{font-size:15px;font-weight:600;color:#1a1f2e;margin-bottom:8px}.alerte-recommandations p{color:#4a4f63;font-size:14px;line-height:1.6}.alerte-statut{text-align:center;padding:15px;background:#e8f5e9;border-radius:16px;color:#00c853;font-weight:600;font-size:15px;margin-top:20px}.alerte-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.alerte-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.alerte-error h2{color:#f44336;font-size:20px}.alerte-error button{padding:10px 24px;background:#00c853;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer}@media(max-width:768px){.alerte-page{padding:15px}.alerte-header{flex-direction:column;gap:15px;align-items:flex-start}.alerte-type-badge{position:static;margin-bottom:15px;width:fit-content}.alerte-titre-section{flex-direction:column;gap:10px;padding-right:0}.alerte-priorite{align-items:flex-start}.alerte-meta{flex-direction:column;align-items:flex-start;gap:10px}.traiter-btn{width:100%}}.alertes-service-page{min-height:100vh;background:#f5f7fa;padding:25px}.alertes-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.alertes-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.alertes-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.alerte-item{background:#fff;border:1px solid #E5E9F0;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.alerte-item:hover{box-shadow:0 4px 12px #0000000d;border-color:#00c853;transform:translateY(-2px)}.alerte-content{flex:1;display:flex;flex-direction:column;gap:6px}.alerte-titre{font-size:16px;font-weight:600;color:#1a1f2e}.alerte-message{font-size:14px;color:#4a4f63}.alerte-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:120px}.alerte-priorite{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.alerte-priorite.haute,.alerte-priorite.urgente{background:#ffebee;color:#f44336}.alerte-priorite.normale{background:#e8f5e9;color:#00c853}.alerte-date{font-size:12px;color:#8a94a8}.no-alertes{text-align:center;padding:60px;background:#fff;border-radius:12px;border:1px solid #E5E9F0;color:#8a94a8}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:20px}.annonces-container{max-width:800px;margin:0 auto;padding:20px;background:#f8fafc;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.page-header h1{font-size:24px;font-weight:700;color:#0f172a;margin:0}.btn-retour{background:none;border:none;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:8px;color:#475569}.btn-retour:hover{background:#f1f5f9}.btn-nouvelle-annonce{padding:8px 16px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-nouvelle-annonce:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.annonces-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.annonce-item{padding:12px 16px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0}.annonce-item:hover{background:#f8fafc;border-color:#2563eb;transform:translate(4px)}.annonce-item.active{background:#eff6ff;border-color:#2563eb}.annonce-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:8px}.annonce-title{font-weight:600;color:#1f2937;font-size:15px}.annonce-date{font-size:11px;color:#64748b}.annonce-expediteur{font-size:12px;color:#6b7280}.annonce-card{margin-top:24px;padding:20px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.card-header h3{margin:0;font-size:18px;font-weight:600;color:#0f172a}.btn-fermer{background:none;border:none;font-size:20px;cursor:pointer;color:#94a3b8;padding:4px 8px;border-radius:20px}.btn-fermer:hover{background:#f1f5f9;color:#ef4444}.card-meta{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:#64748b}.card-content{font-size:14px;line-height:1.6;color:#334155;margin-bottom:16px}.annonce-readonly{margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0;text-align:center}.readonly-message{font-size:12px;color:#94a3b8;background:#f1f5f9;display:inline-block;padding:4px 12px;border-radius:20px;margin:0}.empty-state{text-align:center;padding:48px 24px;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.empty-state p{color:#64748b;margin-bottom:16px}.btn-creer-premiere{padding:8px 20px;background:#2563eb;color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:14px}.loading{text-align:center;padding:48px;color:#64748b}.annonce-readonly{margin-top:16px;padding-top:12px;border-top:1px solid #e9ecef;text-align:center}.readonly-message{font-size:12px;color:#667781;background:#f0f2f5;display:inline-block;padding:4px 12px;border-radius:20px;margin:0}.annonce-title-input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.btn-envoyer-annonce:hover{background:#1eaf40;transform:translateY(-1px)}.btn-envoyer-annonce:disabled{opacity:.6;cursor:not-allowed}.groupe-messages-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.groupe-message-item{padding:12px 16px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid #e9ecef}.groupe-message-item:hover{background:#f9fafb;border-color:#25d366;transform:translate(4px)}.groupe-message-item.active{background:#e8f5e9;border-color:#25d366}.groupe-message-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px}.message-expediteur{font-weight:600;color:#128c7e}.message-date{font-size:11px;color:#667781}.message-title{font-weight:500;color:#111b21}.navbar-logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.role-badge{background:var(--primary);color:#fff;padding:6px 16px;border-radius:30px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #00c85333}.notification-button{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:8px;border-radius:50%;transition:all .3s;display:flex;align-items:center;justify-content:center}.notification-button:hover{background:var(--primary-light);color:var(--primary);transform:rotate(5deg)}.avatar-image:hover{transform:scale(1.05);box-shadow:0 0 0 3px var(--primary-light)}.back-button:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(-3px)}.nouvelle-consigne-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #00c8534d}.nouvelle-consigne-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #00c85366}.nouvelle-consigne-btn svg{stroke:#fff}.search-wrapper{flex:1;display:flex;align-items:center;background:var(--background-card);border-radius:16px;padding:0 15px;border:1px solid var(--border);transition:all .3s;min-width:250px}.search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-input{flex:1;padding:14px 10px;border:none;background:none;font-size:14px;outline:none;color:var(--text-primary)}.search-input::placeholder{color:var(--text-tertiary)}.filter-wrapper{display:flex;align-items:center;background:var(--background-card);border-radius:16px;padding:0 15px;border:1px solid var(--border);transition:all .3s}.filter-wrapper:hover{border-color:var(--primary)}.filter-select{padding:14px 10px 14px 0;border:none;background:none;font-size:14px;color:var(--text-primary);outline:none;cursor:pointer;min-width:150px}.consignes-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.stat-card{background:var(--background-card);border-radius:20px;padding:20px;text-align:center;border:1px solid var(--border);transition:all .3s;box-shadow:var(--shadow)}.stat-number{display:block;font-size:32px;font-weight:700;color:var(--primary);margin-bottom:5px}.stat-label{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.consignes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.consigne-card{background:var(--background-card);border-radius:24px;padding:25px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.consigne-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#69F0AE,var(--primary));background-size:200% 100%;opacity:0;transition:opacity .3s}.consigne-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--shadow-hover)}.consigne-card:hover:before{opacity:1}.consigne-card.importante{border-left:4px solid #f44336}.consigne-pin{position:absolute;top:15px;right:15px;color:#f44336;opacity:.5;transition:all .3s}.consigne-card:hover .consigne-pin{opacity:1;transform:rotate(15deg)}.consigne-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-top:15px}.consigne-titre{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.consigne-priorite{font-size:11px;font-weight:600;padding:4px 12px;border-radius:30px;background:var(--background);color:var(--text-secondary)}.consigne-priorite[data-priorite=Haute],.consigne-priorite[data-priorite=Urgente]{background:#ffebee;color:#f44336}.consigne-priorite[data-priorite=Moyenne]{background:#fff3e0;color:#ff9800}.consigne-extrait{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.consigne-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-light);padding-top:15px}.consigne-meta{display:flex;flex-direction:column;gap:5px}.consigne-auteur,.consigne-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.consigne-auteur svg,.consigne-date svg{opacity:.7}.consigne-action{background:none;border:none;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:30px;transition:all .3s;background:var(--primary-light)}.consigne-action:hover{background:var(--primary);color:#fff;transform:translate(5px)}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:var(--background-card);border-radius:24px;border:1px dashed var(--border)}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:20px;color:var(--text-primary);margin-bottom:10px}.empty-state p{color:var(--text-tertiary);margin-bottom:25px}.empty-action{background:var(--primary);color:#fff;border:none;padding:12px 30px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #00c8534d}.empty-action:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #00c85366}.spinner{width:50px;height:50px;border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}:root{--primary: #00C853;--primary-dark: #00A44A;--primary-light: rgba(0, 200, 83, .1);--text-primary: #1A1F2E;--text-secondary: #4A4F63;--text-tertiary: #8A94A8;--background: #F5F7FA;--background-card: #FFFFFF;--border: #E5E9F0;--border-light: #EDF0F3;--shadow: 0 10px 30px -15px rgba(0, 0, 0, .1);--shadow-hover: 0 20px 40px -15px rgba(0, 200, 83, .2)}.consignes-page{min-height:100vh;background:var(--background)}.consignes-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:var(--background-card);border-bottom:2px solid var(--primary);display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000;box-shadow:var(--shadow)}.navbar-left{display:flex;align-items:center}.navbar-logo{font-size:24px;font-weight:700;color:var(--text-primary)}.user-welcome{color:var(--text-secondary);font-size:14px;font-weight:500}.role-badge{background:var(--primary);color:#fff;padding:6px 16px;border-radius:30px;font-size:13px;font-weight:600}.notification-button{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:8px;border-radius:50%;transition:all .3s}.notification-button:hover{background:var(--primary-light);color:var(--primary)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#f44336;border-radius:50%;border:2px solid white}.avatar-image{width:42px;height:42px;border-radius:50%;border:2px solid var(--primary);object-fit:cover;transition:all .3s}.avatar-image:hover{transform:scale(1.05)}.consignes-main{margin-top:70px;padding:30px;max-width:1300px;margin-left:auto;margin-right:auto}.consignes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.header-left{display:flex;align-items:center;gap:20px}.back-button{width:44px;height:44px;border-radius:12px;background:var(--background);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.back-button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.consignes-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0}.nouvelle-consigne-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.nouvelle-consigne-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.consignes-toolbar{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.search-wrapper{flex:1;display:flex;align-items:center;background:var(--background-card);border-radius:12px;padding:0 15px;border:1px solid var(--border);min-width:250px}.search-wrapper:focus-within{border-color:var(--primary)}.search-wrapper svg{color:var(--text-tertiary)}.search-input{flex:1;padding:12px 10px;border:none;background:none;font-size:14px;outline:none;color:var(--text-primary)}.filter-wrapper{display:flex;align-items:center;background:var(--background-card);border-radius:12px;padding:0 15px;border:1px solid var(--border)}.filter-wrapper svg{color:var(--text-tertiary);margin-right:8px}.filter-select{padding:12px 10px 12px 0;border:none;background:none;font-size:14px;color:var(--text-primary);outline:none;cursor:pointer;min-width:150px}.consignes-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--border);transition:all .3s}.stat-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-hover)}.stat-number{font-size:28px;font-weight:700;color:var(--primary)}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.consignes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.consigne-card{background:#fff;border-radius:16px;padding:20px;border:1px solid var(--border);transition:all .3s;cursor:pointer;position:relative}.consigne-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-hover)}.consigne-card.non-lue{background:linear-gradient(145deg,#fff,#f8f9fa);border-left:3px solid var(--primary)}.consigne-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.consigne-titre{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.important-badge{background:#4a4f63;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;margin-left:10px}.consigne-extrait{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.consigne-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-light);padding-top:12px}.consigne-meta{display:flex;flex-direction:column;gap:4px}.consigne-auteur,.consigne-date{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-tertiary)}.badge-nonlu{background:var(--primary);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px dashed var(--border)}.empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.empty-state h3{font-size:18px;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-tertiary);font-size:14px}.consignes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--background)}.spinner{width:40px;height:40px;border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@media(max-width:768px){.consignes-main{padding:20px}.consignes-header{flex-direction:column;align-items:flex-start;gap:15px}.consignes-toolbar{flex-direction:column}.filter-wrapper,.filter-select{width:100%}.consignes-stats,.consignes-grid{grid-template-columns:1fr}.navbar-right .user-welcome,.navbar-right .role-badge{display:none}}.details-consigne-page{min-height:100vh;background:#f5f7fa;padding:25px}.details-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.details-header h1{flex:1;font-size:24px;font-weight:600;color:#1a1f2e}.archive-button{padding:10px 20px;background:#fff;border:1px solid #E5E9F0;border-radius:30px;color:#4a4f63;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.archive-button:hover{background:#f44336;color:#fff;border-color:#f44336}.archive-button:disabled{opacity:.5;cursor:not-allowed}.archive-button:hover svg{color:#fff}.consigne-card{max-width:800px;margin:0 auto;background:#fff;border-radius:24px;padding:30px;border:1px solid #E5E9F0;box-shadow:0 4px 12px #00000005}.consigne-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #E5E9F0}.consigne-header h2{font-size:22px;font-weight:600;color:#1a1f2e;margin:0}.priorite-badge.priorite-haute{background:#ffebee;color:#f44336}.priorite-badge.priorite-moyenne{background:#fff3e0;color:#ff9800}.priorite-badge.priorite-basse{background:#e8f5e9;color:#00c853}.consigne-meta{display:flex;gap:20px;margin-bottom:25px;padding:15px;background:#f8fafd;border-radius:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:8px;color:#4a4f63;font-size:14px}.meta-item svg{color:#00c853;flex-shrink:0}.consigne-contenu{margin-bottom:30px}.consigne-contenu p{color:#4a4f63;font-size:15px;line-height:1.8;margin:0}.consigne-action{display:flex;justify-content:center;padding-top:20px;border-top:1px solid #E5E9F0}.marquer-lue-btn{padding:12px 30px;background:#00c853;border:none;border-radius:30px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.marquer-lue-btn:hover{background:#00b34a}.details-loading,.details-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}@media(max-width:768px){.details-header{flex-direction:column;align-items:flex-start}.archive-button{width:100%;justify-content:center}.consigne-meta{flex-direction:column;gap:10px}}.nouvelle-consigne-page{min-height:100vh;background:#f5f7fa;padding:25px}.nouvelle-consigne-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.nouvelle-consigne-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.form-container{max-width:800px;margin:0 auto;background:#fff;border-radius:24px;padding:30px;border:1px solid #E5E9F0}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cancel-btn{padding:12px 25px;background:#fff;border:1px solid #E5E9F0;border-radius:30px;color:#4a4f63;font-weight:500;cursor:pointer}.submit-btn{padding:12px 30px;background:#00c853;border:none;border-radius:30px;color:#fff;font-weight:600;cursor:pointer}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.organisation-page{min-height:100vh;background:#f5f7fa}.organisation-navbar{background:#fff;border-bottom:1px solid #E5E9F0;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.user-welcome{color:#1a1f2e;font-size:14px}.notification-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;background:#f44336;border-radius:50%;border:2px solid white}.organisation-main{max-width:1200px;margin:0 auto;padding:25px}.organisation-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.organisation-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.search-wrapper{background:#fff;border:1px solid #E5E9F0;border-radius:12px;padding:0 15px;display:flex;align-items:center;gap:10px;margin-bottom:30px}.search-wrapper input{flex:1;padding:14px 0;border:none;background:none;font-size:14px;outline:none}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.categorie-card{background:#fff;border:1px solid #E5E9F0;border-radius:16px;padding:20px;cursor:pointer;transition:all .2s}.categorie-card:hover{box-shadow:0 8px 20px #0000000d;border-color:#00c853;transform:translateY(-2px)}.categorie-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.categorie-icone{font-size:24px}.categorie-nom{flex:1;font-size:16px;font-weight:600;color:#1a1f2e}.categorie-count{background:#00c85320;color:#00c853;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.categorie-preview{display:flex;flex-direction:column;gap:10px}.preview-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f5f7fa;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.preview-item:hover{background:#00c85310}.preview-titre{color:#1a1f2e;font-weight:500}.preview-date{display:flex;align-items:center;gap:4px;color:#8a94a8;font-size:11px}.preview-plus{padding:8px 12px;color:#00c853;font-size:12px;font-weight:500;text-align:center}.preview-empty{padding:15px;color:#8a94a8;font-size:13px;text-align:center;background:#f5f7fa;border-radius:8px}.calendrier-section{background:#fff;border:1px solid #E5E9F0;border-radius:16px;padding:20px}.calendrier-section h2{font-size:18px;color:#1a1f2e;margin-bottom:20px}.mois-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.mois-card{background:#f5f7fa;border:1px solid #E5E9F0;border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .2s;position:relative}.mois-card:hover,.mois-card.has-consignes{border-color:#00c853;background:#00c85310}.mois-nom{font-size:14px;color:#1a1f2e;font-weight:500}.mois-count{position:absolute;top:-5px;right:-5px;background:#00c853;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white}.organisation-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}@media(max-width:768px){.user-welcome,.role-badge{display:none}.mois-grid{grid-template-columns:repeat(3,1fr)}}.divisions-page{min-height:100vh;background:#f5f7fa;padding:25px}.divisions-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:2px solid #00C853;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000}.role-badge{background:#00c853;color:#fff;padding:6px 16px;border-radius:30px;font-size:12px;font-weight:600}.divisions-main{margin-top:70px;padding:25px;max-width:1200px;margin-left:auto;margin-right:auto}.divisions-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.divisions-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.divisions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.division-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #E5E9F0;cursor:pointer;transition:all .2s}.division-card:hover{transform:translateY(-3px);border-color:#00c853;box-shadow:0 10px 25px #00c8531a}.division-card h3{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:10px}.division-chef{color:#4a4f63;font-size:14px;margin-bottom:5px}.division-effectif{color:#8a94a8;font-size:13px;margin-bottom:15px}.division-stats{padding-top:15px;border-top:1px solid #E5E9F0}.taches-count{background:#e8f5e9;color:#00c853;padding:4px 10px;border-radius:30px;font-size:12px;font-weight:600}@media(max-width:768px){.divisions-grid{grid-template-columns:1fr}.welcome-message{display:none}}.details-division-page{min-height:100vh;background:#f5f7fa;padding:25px}.info-card,.agents-card,.taches-card{background:#fff;border-radius:20px;padding:25px;margin-bottom:25px;border:1px solid #E5E9F0}.info-card h2,.agents-card h2,.taches-card h2{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.info-card p{color:#4a4f63;font-size:15px;margin:8px 0}.agents-list,.taches-list{display:flex;flex-direction:column;gap:10px}.agent-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8fafd;border-radius:12px;border:1px solid #E5E9F0;cursor:pointer;transition:all .2s}.agent-item:hover{border-color:#00c853}.agent-info{display:flex;flex-direction:column;gap:2px}.agent-nom{font-weight:600;color:#1a1f2e}.agent-poste{font-size:12px;color:#8a94a8}.agent-statut{font-size:20px}.agent-statut.present{color:#00c853}.agent-statut.absent{color:#f44336}.tache-assignee{font-size:12px;color:#8a94a8}.tache-meta{display:flex;align-items:center;gap:10px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:18px;color:#00c853}@media(max-width:768px){.agent-item,.tache-item{flex-direction:column;align-items:flex-start;gap:10px}.tache-meta{width:100%;justify-content:space-between}.actions{flex-direction:column}}.directions-page{min-height:100vh;background:#f5f7fa}.directions-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:2px solid #00C853;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000}.notification-count{position:absolute;top:-5px;right:-5px;background:#f44336;color:#fff;font-size:11px;padding:2px 6px;border-radius:50%;border:2px solid white}.avatar-image{width:42px;height:42px;border-radius:50%;border:2px solid #00C853}.directions-main{margin-top:70px;padding:25px}.directions-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.back-button{width:44px;height:44px;border-radius:12px;background:#f5f7fa;border:1px solid #E5E9F0;color:#1a1f2e;cursor:pointer;display:flex;align-items:center;justify-content:center}.directions-header h1{font-size:28px;font-weight:600;color:#1a1f2e}.search-container{margin-bottom:25px}.search-box{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 20px;border-radius:40px;border:1px solid #E5E9F0;max-width:400px}.directions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.direction-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #E5E9F0;transition:all .2s;cursor:pointer}.direction-card:hover{transform:translateY(-3px);border-color:#00c853;box-shadow:0 10px 25px #00c8531a}.direction-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.direction-header h3{font-size:18px;font-weight:600;color:#1a1f2e}.urgent-badge{background:#ffebee;color:#f44336;padding:4px 8px;border-radius:30px;font-size:11px;font-weight:600}.direction-info{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #E5E9F0}.direction-info p{color:#4a4f63;font-size:14px;margin:5px 0}.direction-info strong{color:#1a1f2e;font-weight:600}.direction-stats{display:flex;gap:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:20px;font-weight:700;color:#1a1f2e}.stat-label{font-size:11px;color:#8a94a8;text-transform:uppercase}.stat.nonlus .stat-value{color:#00c853}.no-results{grid-column:1 / -1;text-align:center;padding:60px;background:#fff;border-radius:20px;color:#8a94a8}@media(max-width:768px){.directions-grid{grid-template-columns:1fr}.welcome-message{display:none}.search-box{max-width:100%}}.details-direction-page{min-height:100vh;background:#f5f7fa;padding:25px}.details-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:25px}.info-card,.services-card,.personnel-card{background:#fff;border-radius:24px;padding:25px;border:1px solid #E5E9F0;box-shadow:0 4px 12px #00000005}.info-card h2,.services-card h2,.personnel-card h2{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.info-label{font-size:12px;color:#8a94a8;text-transform:uppercase}.info-value{font-size:16px;font-weight:500;color:#1a1f2e}.direction-description{color:#4a4f63;font-size:15px;line-height:1.6;padding-top:15px;border-top:1px solid #E5E9F0}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.service-item{background:#f8fafd;border-radius:16px;padding:20px;border:1px solid #E5E9F0}.service-item h3{font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:10px}.service-item p{color:#4a4f63;font-size:14px;margin:5px 0}.personnel-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.personne-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafd;border-radius:16px;border:1px solid #E5E9F0}.personne-avatar{width:48px;height:48px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.personne-info{display:flex;flex-direction:column;gap:2px}.personne-nom{font-weight:600;color:#1a1f2e;font-size:15px}.personne-poste{font-size:13px;color:#4a4f63}.personne-email{font-size:12px;color:#8a94a8}.action-buttons{display:flex;justify-content:center;margin-top:10px}.action-btn{padding:14px 30px;background:#00c853;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .2s}@media(max-width:768px){.info-grid,.services-list,.personnel-list{grid-template-columns:1fr}.personne-item{flex-direction:column;text-align:center}}.mes-groupes-container{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;background:#f8fafc}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.btn-retour{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#f1f5f9;border-radius:10px;color:#475569;cursor:pointer;transition:all .2s}.btn-retour:hover{background:#00c853;color:#fff;transform:translate(-2px)}.header-info h1{font-size:1.8rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.header-info .sous-titre{color:#64748b;font-size:.9rem;margin:0}.filters-bar{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d}.filter-btn{padding:.5rem 1.2rem;border:none;background:#f1f5f9;border-radius:8px;font-size:.9rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#e2e8f0}.loading-state{text-align:center;padding:4rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid #f1f5f9;border-top-color:#00c853;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:#64748b;margin:0}.groupes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.groupe-card-link{text-decoration:none;color:inherit}.groupe-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s;height:100%;display:flex;flex-direction:column;border:1px solid transparent}.groupe-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00c85326;border-color:#00c853}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.groupe-icon{width:48px;height:48px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#00c853}.groupe-info{flex:1}.groupe-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#1e293b}.groupe-type{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.groupe-type.hierarchique{background:#e0f2fe;color:#0369a1}.groupe-type.communication{background:#fae8ff;color:#a21caf}.badge-non-lu{background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:24px;text-align:center}.card-stats{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.stat{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem}.dernier-message{margin-top:auto}.message-expediteur{font-weight:600;color:#1e293b;margin:0 0 .25rem;font-size:.9rem}.message-contenu{color:#64748b;margin:0 0 .25rem;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-date{color:#94a3b8;font-size:.75rem;margin:0}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem;background:#fff;border-radius:12px;color:#64748b}@media(max-width:768px){.mes-groupes-container{padding:1rem}.groupes-grid{grid-template-columns:1fr}.filters-bar{flex-wrap:wrap}.filter-btn{flex:1}}.btn-creer-groupe{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.btn-creer-groupe:hover{background:var(--primary-dark)}.form-textarea{resize:vertical}.user-avatar{width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500}.btn-ajouter{background:none;border:none;color:var(--primary-color);font-size:1.2rem;cursor:pointer}.btn-creer{background:var(--primary-color);color:#fff}.btn-creer-groupe{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;margin-left:auto}.btn-creer-groupe:hover{background:var(--primary-dark, #0056b3)}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.25rem}.btn-fermer{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-input,.form-select,.form-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.recherche-container{position:relative;margin-bottom:10px}.recherche-container svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.recherche-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.resultats-recherche{max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:6px}.resultat-item{display:flex;align-items:center;gap:12px;padding:10px;cursor:pointer;transition:background .2s}.resultat-item:hover{background:#f5f5f5}.user-avatar{width:32px;height:32px;background:var(--primary-color, #007bff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500}.user-info{flex:1}.user-nom{font-weight:500}.user-fonction{font-size:.8rem;color:#666}.btn-ajouter{background:none;border:none;color:var(--primary-color, #007bff);font-size:1.2rem;cursor:pointer}.membres-selectionnes{margin-top:20px;border-top:1px solid #eee;padding-top:20px}.liste-membres{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.membre-chip{display:flex;align-items:center;gap:4px;padding:4px 8px 4px 12px;background:#f0f0f0;border-radius:20px;font-size:.9rem}.btn-retirer{background:none;border:none;cursor:pointer;color:#999;font-size:1.1rem;padding:0 4px}.btn-retirer:hover{color:#f44}.modal-footer{display:flex;gap:10px;padding:20px;border-top:1px solid #eee}.btn-annuler,.btn-creer{flex:1;padding:12px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.btn-annuler{background:#f5f5f5}.btn-creer{background:var(--primary-color, #007bff);color:#fff}.btn-creer:disabled{opacity:.5;cursor:not-allowed}.dropdown-container{position:relative;width:100%}.dropdown-toggle{width:100%;padding:12px 16px;background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.95rem;color:#333;transition:border-color .2s}.dropdown-toggle:hover{border-color:var(--primary-color, #007bff)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10}.dropdown-loading{padding:20px;text-align:center;color:#666}.dropdown-list{padding:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s}.dropdown-item:hover{background:#f5f5f5}.user-avatar-small{width:32px;height:32px;background:var(--primary-color, #007bff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;flex-shrink:0}.dropdown-empty{padding:20px;text-align:center;color:#999;font-style:italic}.membre-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#e9ecef;border-radius:20px;font-size:.9rem;margin:4px}.btn-retirer{background:none;border:none;cursor:pointer;color:#666;font-size:1.2rem;padding:0 4px;display:inline-flex;align-items:center;justify-content:center}.btn-retirer:hover{color:#dc3545}.liste-membres{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:8px;background:#f8f9fa;border-radius:8px;min-height:50px}.dropdown-item.disabled{opacity:.5;cursor:not-allowed;background-color:#f8f9fa}.dropdown-item.disabled:hover{background-color:#f8f9fa}.check-selectionne{color:var(--primary-color, #007bff);font-weight:700;font-size:1.2rem;margin-left:auto;padding-left:10px}.dropdown-menu{max-height:350px;overflow-y:auto;box-shadow:0 4px 15px #0003}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:not(.disabled):hover{background:#f0f7ff}.dropdown-loading{padding:30px;text-align:center;color:#666;font-style:italic}.dropdown-empty{padding:30px;text-align:center;color:#999;font-style:italic}.badge-moi{font-size:.75rem;background:var(--primary-color-light, #e7f1ff);color:var(--primary-color, #007bff);padding:2px 6px;border-radius:12px;margin-left:6px;font-weight:400}.no-results{padding:15px;text-align:center;color:#999;font-style:italic;background:#f8f9fa;border-radius:6px;margin-top:5px}.searching{padding:10px;text-align:center;color:#666;font-style:italic}.groupe-messages-section{margin-top:30px;background:var(--card-bg);border-radius:16px;padding:20px;border:1px solid var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;color:var(--text-primary);margin:0}.btn-refresh{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#10b981;color:#fff;border-color:#10b981;transform:rotate(180deg)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.messages-liste{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:10px}.message-item{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s}.message-item:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.message-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-author{font-weight:600;color:var(--text-primary);font-size:.95rem}.message-moi{font-size:.8rem;color:#10b981;margin-left:8px;font-weight:400}.message-date{font-size:.75rem;color:#9ca3af}.message-body{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.message-body strong{display:block;margin-bottom:4px;color:var(--text-primary)}.message-body p{margin:0}.urgent-badge{display:inline-block;margin-top:8px;padding:2px 8px;background:#fee2e2;color:#dc2626;border-radius:12px;font-size:.75rem;font-weight:600}.loading-messages{text-align:center;padding:40px;color:var(--text-secondary)}.mini-spinner{width:30px;height:30px;border:2px solid var(--border-color);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.no-messages{text-align:center;padding:40px;color:#9ca3af;font-style:italic}@media(max-width:768px){.message-item{flex-direction:column}.message-avatar{width:36px;height:36px;font-size:.9rem}.message-header{flex-direction:column;align-items:flex-start;gap:4px}}.nouveau-groupe-page{min-height:100vh;background:#f5f7fa;padding:25px}.nouveau-groupe-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.nouveau-groupe-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.form-container{max-width:600px;background:#fff;border-radius:24px;padding:30px;border:1px solid #E5E9F0;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#1a1f2e;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #E5E9F0;border-radius:12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 3px #00c8531a}.cancel-btn{padding:12px 25px;background:#fff;border:1px solid #E5E9F0;border-radius:30px;color:#4a4f63;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f5f7fa}.submit-btn{padding:12px 30px;background:#00c853;border:none;border-radius:30px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:#1a1f2e}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.tous-messages-page{max-width:800px;margin:0 auto;padding:2rem}.messages-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s}.back-button:hover{background:#f0f0f0}.header-info h1{margin:0;font-size:1.5rem;color:#2c3e50}.groupe-meta{margin:.25rem 0 0;color:#7f8c8d;font-size:.9rem}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .2s}.message-card:hover{box-shadow:0 2px 8px #0000001a}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.message-author{display:flex;flex-direction:column}.author-name{font-weight:600;color:#2c3e50}.message-title{font-size:.9rem;color:#00c853;margin-top:.2rem}.message-date{font-size:.8rem;color:#95a5a6}.message-theme{font-size:.85rem;color:#7f8c8d;margin:.5rem 0;padding:.2rem .5rem;background:#f8f9fa;border-radius:4px;display:inline-block}.message-contenu{margin:.5rem 0;color:#34495e;line-height:1.5}.message-footer{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #ecf0f1}.voir-commentaires-btn,.repondre-btn{background:none;border:1px solid #bdc3c7;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.3rem;transition:all .2s}.voir-commentaires-btn:hover{background:#ecf0f1}.repondre-btn{background:#00c853;color:#fff;border:none}.repondre-btn:hover{background:#00a44a}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{padding:.4rem 1rem;border:1px solid #bdc3c7;background:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.no-messages{text-align:center;color:#95a5a6;padding:2rem}.mes-taches-page{padding:20px;max-width:1000px;margin:0 auto}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.page-header h1{margin:0;font-size:24px;font-weight:600;color:#1a1f2e}.back-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s}.back-button:hover{background:#f0f2f5;color:#25d366}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9ecef;border-radius:30px;padding:10px 18px;margin-bottom:20px;transition:all .2s}.search-box:focus-within{border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.search-box svg{color:#8e9aaf}.filter-buttons{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:#fff;border:1px solid #e9ecef;border-radius:30px;font-size:13px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f8f9fa;border-color:#25d366;color:#25d366}.filter-btn.active{background:#25d366;border-color:#25d366;color:#fff}.stat-card{flex:1;background:#fff;border-radius:16px;padding:16px;text-align:center;border:1px solid #e9ecef}.stat-number{display:block;font-size:28px;font-weight:700;color:#25d366;margin-bottom:4px}.tache-statut.en-cours{background:#e8f5e9;color:#25d366}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{margin:0;font-size:16px}.empty-subtitle{font-size:13px;margin-top:8px;color:#adb5bd}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d}.error-container{text-align:center;padding:60px 20px;color:#6c757d}.retry-button{margin-top:16px;padding:8px 24px;background:#25d366;color:#fff;border:none;border-radius:30px;cursor:pointer}.details-tache-page{min-height:100vh;background:#f5f7fa;padding:25px}.tache-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px;padding:20px;background:#f8fafd;border-radius:16px}.info-sub{font-size:12px;color:#8a94a8}.tache-statut{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding:15px;background:#f8fafd;border-radius:12px}.tache-statut label{font-weight:600;color:#1a1f2e}.tache-statut select{padding:8px 12px;border:1px solid #E5E9F0;border-radius:8px;font-size:14px;flex:1}.update-btn{padding:8px 20px;background:#00c853;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}@media(max-width:768px){.tache-header{flex-direction:column;align-items:flex-start;gap:10px}.tache-info-grid{grid-template-columns:1fr}.tache-statut{flex-direction:column;align-items:stretch}.commentaire-form button{width:100%}}.details-tache-agent-page{min-height:100vh;background:#f5f7fa;padding:25px}.tache-card{max-width:800px;margin:0 auto;background:#fff;border-radius:24px;padding:30px;border:1px solid #E5E9F0;box-shadow:0 4px 12px #00000005}.tache-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #E5E9F0}.tache-header h2{font-size:22px;font-weight:600;color:#1a1f2e}.priorite-badge{padding:6px 16px;border-radius:30px;font-size:12px;font-weight:600}.priorite-badge.haute{background:#ffebee;color:#f44336}.priorite-badge.normale{background:#e8f5e9;color:#00c853}.tache-description{color:#4a4f63;font-size:15px;line-height:1.6;margin-bottom:25px;padding:15px;background:#f8fafd;border-radius:12px}.tache-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px;padding:15px;background:#f8fafd;border-radius:12px}.tache-progression-section,.tache-statut-section{margin-bottom:25px;padding:15px;background:#f8fafd;border-radius:12px}.tache-progression-section h3,.tache-statut-section h3{font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.progression-control{display:flex;align-items:center;gap:15px;margin-bottom:10px}.progression-slider{flex:1;height:6px;-webkit-appearance:none;background:#e5e9f0;border-radius:3px;outline:none}.progression-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#00c853;border-radius:50%;cursor:pointer}.progression-value{font-size:16px;font-weight:600;color:#00c853;min-width:50px}.progression-bar{height:8px;background:#e5e9f0;border-radius:4px;overflow:hidden}.progression-fill{height:100%;background:#00c853;border-radius:4px;transition:width .3s}.statut-control{display:flex;align-items:center;gap:15px}.statut-select{flex:1;padding:10px;border:1px solid #E5E9F0;border-radius:8px;font-size:14px}.update-btn{padding:10px 25px;background:#00c853;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap}.update-btn:hover{background:#1a1f2e}.tache-commentaires{margin-top:30px}.tache-commentaires h3{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.commentaires-liste{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.commentaire-item{padding:15px;background:#f8fafd;border-radius:12px;border:1px solid #E5E9F0}.commentaire-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.commentaire-auteur{font-weight:600;color:#00c853}.commentaire-date{font-size:11px;color:#8a94a8}.commentaire-texte{color:#4a4f63;font-size:14px;line-height:1.5}.commentaire-form{display:flex;flex-direction:column;gap:10px}.commentaire-form textarea{width:100%;padding:12px;border:1px solid #E5E9F0;border-radius:12px;font-size:14px;resize:vertical}.commentaire-form textarea:focus{outline:none;border-color:#00c853}.commentaire-form button{align-self:flex-end;padding:10px 25px;background:#00c853;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer}.commentaire-form button:hover:not(:disabled){background:#1a1f2e}.commentaire-form button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.tache-header{flex-direction:column;align-items:flex-start;gap:10px}.tache-info-grid{grid-template-columns:1fr}.statut-control{flex-direction:column}.update-btn,.commentaire-form button{width:100%}}.info-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:10px}.tooltip-icon{font-size:1.2rem;color:#9ca3af;cursor:help}.tooltip-content{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000001a;width:250px;z-index:10;display:none;font-size:.85rem;color:#4b5563}.tooltip-content p{margin:8px 0}.tooltip-content p:first-child{margin-top:0}.tooltip-content p:last-child{margin-bottom:0}.tooltip-content strong{color:#10b981}.info-tooltip:hover .tooltip-content{display:block}.field-desc{font-size:.8rem;color:#9ca3af;font-weight:400;margin-left:5px}.nouvelle-tache-page{padding:24px;max-width:800px;margin:0 auto}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.page-header h1{font-size:1.8rem;color:#1f2937;margin:0}.back-button{width:44px;height:44px;border-radius:12px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tache-form{background:#fff;border-radius:20px;padding:30px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.form-group{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#4b5563;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .2s;background:#f9fafb}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.form-textarea{resize:vertical;min-height:100px}.error-message{background:#fee2e2;color:#dc2626;padding:16px;border-radius:10px;margin-bottom:24px;border-left:4px solid #dc2626;font-size:.95rem}.selected-agents{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.agent-tag{display:flex;align-items:center;gap:8px;background:#e8f5e9;color:#2e7d32;padding:6px 10px 6px 6px;border-radius:30px;font-size:.9rem;border:1px solid #c8e6c9}.agent-avatar{width:28px;height:28px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;text-transform:uppercase}.agent-name{font-weight:500}.agent-fonction{font-size:.8rem;color:#666;margin-left:4px}.remove-agent{background:none;border:none;color:#666;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.remove-agent:hover{background:#fecaca;color:#dc2626}.add-agent-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f9fafb;border:2px dashed #10b981;border-radius:10px;color:#10b981;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.add-agent-btn:hover{background:#ecfdf5;border-color:#059669;color:#059669}.agent-selector{margin-top:15px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 8px 16px #0000001a;overflow:hidden}.selector-header{display:flex;gap:10px;padding:15px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.search-box{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0 12px}.search-box input{flex:1;padding:10px 0;border:none;background:transparent;outline:none;font-size:.95rem}.close-selector{width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-selector:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.selector-list{max-height:300px;overflow-y:auto;padding:10px}.agent-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f3f4f6}.agent-item:hover{background:#f3f4f6}.agent-info{flex:1}.agent-nom{font-weight:600;color:#1f2937;margin-bottom:2px}.agent-details{font-size:.85rem;color:#6b7280}.add-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#10b981;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.loading-agents,.no-results{text-align:center;padding:30px;color:#9ca3af}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-btn{padding:12px 30px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:30px;color:#4b5563;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.submit-btn{padding:12px 30px;background:#10b981;border:none;border-radius:30px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:150px}.submit-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 8px 16px #10b98133}.submit-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:15px}.page-header h1{font-size:1.3rem}.tache-form{padding:20px}}.taches-page{min-height:100vh;background:#f0f2f5}.taches-navbar{background:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:100}.navbar-left .navbar-logo{font-size:18px;font-weight:600;color:#25d366}.user-welcome{font-size:14px;color:#1a1f2e;font-weight:500}.role-badge{background:#e8f5e9;color:#25d366;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.notification-wrapper{cursor:pointer}.notification-button{background:none;border:none;position:relative;cursor:pointer;padding:4px;color:#5e6f8d}.notification-dot{position:absolute;top:0;right:0;width:8px;height:8px;background:#dc3545;border-radius:50%}.avatar-wrapper{cursor:pointer}.avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.taches-main{padding:20px;max-width:1000px;margin:0 auto}.taches-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:16px}.back-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#5e6f8d;transition:all .2s}.back-button:hover{background:#e4e6e9;color:#25d366}.taches-header h1{margin:0;font-size:24px;font-weight:600;color:#1a1f2e}.nouvelle-tache-btn{display:flex;align-items:center;gap:8px;background:#25d366;border:none;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.nouvelle-tache-btn:hover{background:#128c7e;transform:translateY(-1px)}.taches-toolbar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-wrapper{flex:2;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9ecef;border-radius:30px;padding:10px 18px;transition:all .2s}.search-wrapper:focus-within{border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.search-wrapper svg{color:#8e9aaf}.search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.filter-wrapper{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9ecef;border-radius:30px;padding:10px 18px}.filter-wrapper svg{color:#8e9aaf}.filter-select{border:none;outline:none;font-size:14px;background:transparent;cursor:pointer}.taches-stats{display:flex;gap:16px;margin-bottom:24px}.stat-card{flex:1;background:#fff;border-radius:16px;padding:16px;text-align:center;cursor:pointer;transition:all .2s;border:1px solid #e9ecef}.stat-card:hover{transform:translateY(-2px);border-color:#25d366}.stat-card.active{border-color:#25d366;background:#e8f5e9}.stat-number{display:block;font-size:28px;font-weight:700;color:#1a1f2e;margin-bottom:4px}.stat-label{font-size:12px;color:#6c757d;font-weight:500}.taches-list{display:flex;flex-direction:column;gap:12px}.tache-item{background:#fff;border-radius:16px;padding:16px;cursor:pointer;transition:all .2s;border:1px solid #e9ecef}.tache-item:hover{border-color:#dee2e6;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.tache-item.terminee{opacity:.7;background:#f8f9fa}.tache-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.tache-item-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tache-item-title h3{margin:0;font-size:16px;font-weight:600;color:#1a1f2e}.tache-date-creation{font-size:11px;color:#8e9aaf}.tache-priorite{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.priorite-haute{background:#fee2e2;color:#dc3545}.priorite-moyenne{background:#fff3e0;color:#ff9800}.priorite-basse{background:#e8f5e9;color:#25d366}.tache-item-description{font-size:13px;color:#6c757d;margin:0 0 12px;line-height:1.4}.tache-item-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid #e9ecef}.tache-meta{display:flex;gap:16px;flex-wrap:wrap}.tache-assigne,.tache-echeance{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c757d}.tache-assigne svg,.tache-echeance svg{width:14px;height:14px}.tache-statut{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.tache-statut.en_cours{background:#e8f5e9;color:#25d366}.tache-statut.terminee{background:#e9ecef;color:#6c757d}.empty-state{text-align:center;padding:60px 20px;color:#8e9aaf}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;color:#1a1f2e}.empty-state p{margin:0;font-size:14px}.taches-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#6c757d}.spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#25d366;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.tache-item{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d;transition:all .2s}.tache-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.tache-item-content{flex:1;cursor:pointer}.tache-statut-actions{display:flex;align-items:center;gap:8px;margin-left:16px}.statut-select{padding:6px 12px;border-radius:20px;border:1px solid #e2e8f0;font-size:12px;font-weight:500;cursor:pointer;background:#fff;transition:all .2s}.statut-select.en_cours,.statut-select.EN_COURS{background:#fef3c7;color:#d97706;border-color:#fde68a}.statut-select.terminee,.statut-select.TERMINEE{background:#dcfce7;color:#166534;border-color:#bbf7d0}.statut-select:hover{opacity:.8}.updating-spinner-small{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}.header-actions{display:flex;gap:12px;align-items:center}.rafraichir-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;transition:all .2s}.rafraichir-btn:hover{background:#f1f5f9;color:#3b82f6;transform:rotate(180deg)}.agents-page{min-height:100vh;background:#f5f7fa;padding:25px}.agents-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.agents-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.agents-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px;flex-wrap:wrap}.agents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.agent-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #E5E9F0;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s;position:relative}.agent-card:hover{transform:translateY(-3px);border-color:#00c853;box-shadow:0 10px 25px #00c8531a}.agent-avatar{width:50px;height:50px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.agent-details{flex:1}.agent-details h3{font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:4px}.agent-poste{font-size:13px;color:#4a4f63;margin-bottom:2px}.agent-division{font-size:12px;color:#8a94a8;margin-bottom:2px}.agent-email{font-size:11px;color:#8a94a8}.agent-status{position:absolute;top:15px;right:15px;padding:4px 8px;border-radius:30px;font-size:10px;font-weight:600}.agent-status.present{background:#e8f5e9;color:#00c853}.agent-status.absent{background:#ffebee;color:#f44336}@media(max-width:768px){.agents-toolbar{flex-direction:column;align-items:stretch}.filter-buttons{width:100%;justify-content:center}.agents-list{grid-template-columns:1fr}.agent-card{flex-direction:column;text-align:center}.agent-status{position:static;margin-top:10px;display:inline-block}}.details-agent-page{min-height:100vh;background:#f5f7fa;padding:25px}.details-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.agent-card{max-width:900px;margin:0 auto;background:#fff;border-radius:24px;padding:30px;border:1px solid #E5E9F0;box-shadow:0 4px 12px #00000005}.agent-header{display:flex;align-items:center;gap:25px;padding-bottom:25px;border-bottom:1px solid #E5E9F0;margin-bottom:25px}.agent-avatar{width:80px;height:80px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600}.agent-titre h2{font-size:24px;font-weight:600;color:#1a1f2e;margin-bottom:5px}.agent-poste{color:#4a4f63;font-size:16px;margin-bottom:10px}.agent-statut-badge{display:inline-block;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600}.agent-statut-badge.present{background:#e8f5e9;color:#00c853}.agent-statut-badge.absent{background:#ffebee;color:#f44336}.agent-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;padding:20px;background:#f8fafd;border-radius:16px}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{font-size:11px;color:#8a94a8;text-transform:uppercase}.info-value{font-size:14px;color:#1a1f2e;font-weight:500}.agent-taches{margin-bottom:30px}.agent-taches h3,.agent-historique h3{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.taches-liste{display:flex;flex-direction:column;gap:10px}.tache-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f8fafd;border-radius:12px;border:1px solid #E5E9F0;cursor:pointer;transition:all .2s}.tache-item:hover{border-color:#00c853}.tache-info{display:flex;flex-direction:column;gap:4px}.tache-titre{font-weight:600;color:#1a1f2e}.tache-echeance{font-size:12px;color:#8a94a8}.tache-priorite{padding:4px 10px;border-radius:30px;font-size:11px;font-weight:600}.tache-priorite.haute{background:#ffebee;color:#f44336}.tache-priorite.normale{background:#e8f5e9;color:#00c853}.agent-historique{margin-bottom:30px}.historique-liste{display:flex;flex-direction:column;gap:10px}.historique-item{display:flex;align-items:center;gap:15px;padding:12px;background:#f8fafd;border-radius:12px;font-size:13px}.historique-date{color:#8a94a8;min-width:100px}.historique-action{font-weight:600;color:#00c853;min-width:100px}.historique-details{color:#4a4f63;flex:1}.agent-actions{display:flex;gap:15px;padding-top:20px;border-top:1px solid #E5E9F0}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#00c853;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover{background:#1a1f2e}.spinner{width:40px;height:40px;border:3px solid #E5E9F0;border-top-color:#00c853;border-radius:50%;animation:spin .8s linear infinite}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.error-container button{padding:10px 24px;background:#00c853;color:#fff;border:none;border-radius:30px;cursor:pointer}@media(max-width:768px){.agent-header{flex-direction:column;text-align:center}.agent-info-grid{grid-template-columns:1fr}.historique-item{flex-direction:column;align-items:flex-start;gap:5px}.agent-actions{flex-direction:column}}.services-page{min-height:100vh;background:#f5f7fa}.services-navbar{background:#fff;border-bottom:1px solid #E5E9F0;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar-left .navbar-logo{font-size:20px;font-weight:600;color:#00c853}.welcome-message{color:#1a1f2e;font-size:14px}.role-badge{background:#00c85320;color:#00c853;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.notification-button{background:#f5f7fa;border:1px solid #E5E9F0;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a4f63;transition:all .2s}.notification-button:hover{background:#00c853;color:#fff;border-color:#00c853}.notification-count{position:absolute;top:-5px;right:-5px;background:#f44336;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white}.avatar-wrapper{position:relative;cursor:pointer}.avatar-image{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #00C853}.avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#00c853;border:2px solid white;border-radius:50%}.services-main{max-width:1200px;margin:0 auto;padding:25px}.services-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.search-box{background:#fff;border:1px solid #E5E9F0;border-radius:12px;padding:0 15px;display:flex;align-items:center;gap:10px;width:100%;margin-bottom:25px}.search-box input{flex:1;padding:14px 0;border:none;background:none;font-size:14px;outline:none}.service-card{background:#fff;border:1px solid #E5E9F0;border-radius:16px;padding:20px;cursor:pointer;transition:all .2s}.service-card:hover{box-shadow:0 8px 20px #0000000d;border-color:#00c853;transform:translateY(-2px)}.service-chef{font-size:14px;color:#4a4f63;margin-bottom:5px}.service-effectif{font-size:13px;color:#8a94a8;margin-bottom:10px}.service-stats{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#4a4f63}.alerte-badge{background:#ffebee;color:#f44336;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.no-results{text-align:center;padding:60px;background:#fff;border-radius:16px;border:1px solid #E5E9F0;color:#8a94a8;grid-column:1 / -1}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:40px;height:40px;border:3px solid #E5E9F0;border-top-color:#00c853;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.welcome-message,.role-badge{display:none}.services-main{padding:15px}.services-grid{grid-template-columns:1fr}}.services-dg-page{min-height:100vh;background:#f5f7fa}.services-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:2px solid #00C853;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000}.services-main{margin-top:70px;padding:25px;max-width:1200px;margin-left:auto;margin-right:auto}.services-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.services-header h1{font-size:28px;font-weight:600;color:#1a1f2e}.search-box{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 18px;border-radius:40px;border:1px solid #E5E9F0;margin-bottom:25px;max-width:400px}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.service-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #E5E9F0;cursor:pointer;transition:all .2s}.service-card:hover{transform:translateY(-3px);border-color:#00c853;box-shadow:0 10px 25px #00c8531a}.service-card h3{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:10px}.service-chef{color:#4a4f63;font-size:14px;margin-bottom:5px}.service-effectif{color:#8a94a8;font-size:13px;margin-bottom:15px}.service-stats{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #E5E9F0}.alerte-badge{background:#ffebee;color:#f44336;padding:4px 8px;border-radius:30px;font-size:12px;font-weight:600}@media(max-width:768px){.services-grid{grid-template-columns:1fr}.welcome-message{display:none}}.details-service-page{min-height:100vh;background:#f5f7fa;padding:25px}.details-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.details-header h1{font-size:28px;font-weight:600;color:#1a1f2e}.info-card{background:#fff;border-radius:20px;padding:25px;margin-bottom:25px;border:1px solid #E5E9F0}.info-card h2{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.info-card p{color:#4a4f63;font-size:15px;margin:8px 0;line-height:1.6}.info-card strong{color:#1a1f2e;min-width:100px;display:inline-block}.sub-services{background:#fff;border-radius:20px;padding:25px;margin-bottom:25px;border:1px solid #E5E9F0}.sub-services h2{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:15px}.sub-service-item{padding:15px;background:#f8fafd;border-radius:12px;margin-bottom:10px;border:1px solid #E5E9F0}.sub-service-item h3{font-size:16px;font-weight:600;color:#1a1f2e;margin-bottom:5px}.sub-service-item p{color:#4a4f63;font-size:14px}.actions{display:flex;gap:15px;margin-top:20px}.actions button{flex:1;padding:14px;background:#00c853;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.actions button:hover{background:#1a1f2e}@media(max-width:768px){.actions{flex-direction:column}}.profil-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf2);padding:20px}.profil-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:#fff;border-radius:30px;box-shadow:0 10px 30px -10px #0000001a;border:1px solid rgba(0,200,83,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.back-button{width:48px;height:48px;border-radius:50%;background:#f5f7fa;border:2px solid #E5E9F0;color:#5f6b7a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.back-button:hover{background:#00c853;border-color:#00c853;color:#fff;transform:scale(1.1) rotate(-10deg)}.profil-header h1{font-size:28px;font-weight:800;color:#1a1f2e;margin:0;background:linear-gradient(135deg,#1a1f2e,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:12px}.edit-button,.deconnexion-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;border:none;white-space:nowrap}.edit-button{background:#00c853;color:#fff;box-shadow:0 8px 20px #00c8534d}.edit-button:hover{background:#00a844;transform:translateY(-2px);box-shadow:0 12px 25px #00c85366}.edit-button.saving{opacity:.7;cursor:not-allowed}.deconnexion-button{background:#fff;color:#f44336;border:2px solid #ffebee}.deconnexion-button:hover{background:#f44336;color:#fff;border-color:#f44336;transform:translateY(-2px);box-shadow:0 8px 20px #f4433633}.profil-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.profil-card{background:#fff;border-radius:40px;padding:40px;box-shadow:0 20px 40px -15px #00000026;border:1px solid rgba(0,200,83,.15);transition:all .3s}.profil-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -15px #00c8534d}.profil-photo-section{display:flex;align-items:center;gap:40px;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #F5F7FA}.photo-container{position:relative;flex-shrink:0}.profil-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid #00C853;box-shadow:0 10px 30px #00c8534d;transition:all .3s}.profil-photo:hover{transform:scale(1.05);box-shadow:0 15px 40px #00c85366}.photo-status{position:absolute;bottom:10px;right:10px;width:20px;height:20px;border-radius:50%;border:3px solid white;box-shadow:0 2px 10px #0003}.photo-status.actif{background:#00c853;animation:pulse 2s infinite}.photo-status.inactif{background:#f44336}@keyframes pulse{0%{box-shadow:0 0 #00c853b3}70%{box-shadow:0 0 0 10px #00c85300}to{box-shadow:0 0 #00c85300}}.profil-titre{flex:1}.profil-titre h2{font-size:36px;font-weight:800;color:#1a1f2e;margin:0 0 8px;letter-spacing:-.5px}.profil-fonction{font-size:20px;color:#4a4f63;margin:0 0 12px;font-weight:500}.profil-badge{display:inline-block;padding:8px 24px;background:#00c853;color:#fff;border-radius:50px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #00c8534d}.profil-details{margin-bottom:30px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}.detail-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f5f7fa;border-radius:20px;transition:all .3s;border:1px solid transparent}.detail-item:hover{background:#fff;border-color:#00c853;transform:translate(5px);box-shadow:0 5px 15px #00c8531a}.detail-icon{width:42px;height:42px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;color:#00c853;font-size:18px;flex-shrink:0;box-shadow:0 4px 10px #00000008}.detail-content{flex:1;min-width:0}.detail-label{display:block;font-size:13px;font-weight:600;color:#8a94a8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{display:block;font-size:16px;font-weight:600;color:#1a1f2e;word-break:break-word}.detail-input{width:100%;padding:8px 12px;border:2px solid #E5E9F0;border-radius:12px;font-size:15px;font-weight:500;color:#1a1f2e;transition:all .3s;background:#fff}.detail-input:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 4px #00c8531a}.profil-statut{display:flex;align-items:center;gap:20px;padding:20px;background:#f5f7fa;border-radius:30px}.statut-label{font-size:15px;font-weight:600;color:#4a4f63;text-transform:uppercase;letter-spacing:.5px}.statut-badge{padding:8px 24px;border-radius:50px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.statut-badge.actif{background:#00c853;color:#fff;box-shadow:0 4px 15px #00c8534d}.statut-badge.inactif{background:#f44336;color:#fff}.statut-badge.en_attente{background:#ff9800;color:#fff}.historique-card{background:#fff;border-radius:40px;padding:30px;box-shadow:0 20px 40px -15px #0000001a;border:1px solid rgba(0,200,83,.1)}.historique-card h3{font-size:22px;font-weight:700;color:#1a1f2e;margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid #F5F7FA;display:flex;align-items:center;gap:10px}.historique-card h3:before{content:"📋";font-size:24px}.historique-list{display:flex;flex-direction:column;gap:15px}.historique-item{display:flex;align-items:center;gap:20px;padding:20px;background:#f5f7fa;border-radius:20px;transition:all .3s;border:1px solid transparent}.historique-item:hover{background:#fff;border-color:#00c853;transform:translate(5px);box-shadow:0 5px 20px #00c8531a}.historique-date{min-width:140px;font-size:14px;font-weight:600;color:#00c853;background:#00c8531a;padding:6px 16px;border-radius:30px;text-align:center}.historique-details{flex:1;display:flex;flex-direction:column;gap:5px}.historique-details strong{font-size:17px;font-weight:700;color:#1a1f2e}.historique-details span{font-size:14px;color:#4a4f63}.historique-statut{font-size:13px;font-weight:700;padding:6px 18px;border-radius:30px;white-space:nowrap}.historique-statut.actuel{background:#00c853;color:#fff}.historique-statut.passe{background:#e5e9f0;color:#4a4f63}.loading-container,.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#f5f7fa}.spinner{width:50px;height:50px;border:4px solid #E5E9F0;border-top-color:#00c853;border-radius:50%;animation:spin .8s linear infinite}.error-container p{color:#f44336;font-size:18px;font-weight:500}.error-container button{padding:12px 30px;background:#00c853;color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 8px 20px #00c8534d}.error-container button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #00c85366}@media(max-width:992px){.profil-header{padding:15px}.profil-header h1{font-size:24px}.header-actions{gap:8px}.edit-button span,.deconnexion-button span{display:none}.edit-button,.deconnexion-button{width:48px;height:48px;padding:0;justify-content:center}.profil-photo-section{flex-direction:column;text-align:center;gap:20px}.profil-titre h2{font-size:28px}.details-grid{grid-template-columns:1fr;gap:15px}.historique-item{flex-direction:column;align-items:flex-start;gap:10px}.historique-date{min-width:auto;width:auto}}@media(max-width:768px){.profil-page{padding:15px}.profil-card,.historique-card{padding:25px;border-radius:30px}.profil-photo{width:100px;height:100px}.profil-titre h2{font-size:24px}.profil-fonction{font-size:18px}.detail-item{padding:12px}.detail-value{font-size:15px}.historique-item{padding:15px}.historique-details strong{font-size:16px}}@media(max-width:480px){.profil-header{flex-wrap:wrap;gap:15px}.profil-header h1{font-size:22px;order:-1;width:100%;text-align:center}.header-actions{width:100%;justify-content:center}.profil-card,.historique-card{padding:20px}.profil-statut{flex-direction:column;align-items:flex-start;gap:10px}}.change-password-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0bf51f;border:none;border-radius:30px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.change-password-button:hover{background:#13f49a;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1f2937}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280}.modal-body{padding:20px}.modal-body .input-group{margin-bottom:16px}.modal-body .input-group label{display:block;font-size:.85rem;font-weight:500;color:#374151;margin-bottom:6px}.modal-body .input-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.modal-body .input-group small{display:block;margin-top:4px;font-size:11px;color:#6b7280}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}.btn-cancel{padding:8px 20px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer}.btn-save{padding:8px 20px;background:#00c853;border:none;border-radius:8px;color:#fff;cursor:pointer}.btn-save:hover{background:#00b347}.btn-save:disabled{opacity:.6;cursor:not-allowed}.parametres-page{min-height:100vh;background:#f5f7fa;padding:25px}.parametres-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.parametres-header h1{font-size:24px;font-weight:600;color:#1a1f2e}.parametres-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:25px}.parametres-section{background:#fff;border-radius:24px;padding:25px;border:1px solid #E5E9F0;box-shadow:0 4px 12px #00000005}.parametres-section h2{font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #E5E9F0}.parametre-item{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #E5E9F0}.parametre-item:last-child{border-bottom:none}.parametre-info{flex:1}.parametre-nom{display:block;font-weight:600;color:#1a1f2e;font-size:15px;margin-bottom:4px}.parametre-desc{font-size:13px;color:#8a94a8}.switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e9f0;transition:.3s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#00c853}input:checked+.slider:before{transform:translate(26px)}@media(max-width:768px){.parametre-item{flex-direction:column;align-items:flex-start;gap:15px}.switch{margin-left:0}}.notifications-page{padding:24px;max-width:900px;margin:0 auto}.page-header{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:30px}.page-header h1{font-size:1.8rem;color:var(--text-primary);margin:0;flex:1}.back-button{width:44px;height:44px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-button:hover{background:#10b981;color:#fff;border-color:#10b981}.header-actions{display:flex;gap:10px}.tout-lu-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:30px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.tout-lu-btn:hover:not(:disabled){background:#10b981;color:#fff;border-color:#10b981}.tout-lu-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:30px;cursor:pointer;font-size:.9rem;transition:all .2s;color:var(--text-secondary)}.filter-btn:hover{background:#f3f4f6;border-color:#10b981}.filter-btn.active{background:#10b981;color:#fff;border-color:#10b981}.supprimer-btn{padding:8px 16px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:30px;cursor:pointer;font-size:.9rem;transition:all .2s;white-space:nowrap}.supprimer-btn:hover{background:#fecaca;color:#b91c1c}.notifications-list{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:20px}.selection-bar{padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:.9rem}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.notification-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);transition:background .2s;cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--hover-bg)}.notification-item.non-lu{background:#e8f5e9}.notification-item.selected{background:#e3f2fd}.notification-checkbox{padding-right:16px}.notification-content{display:flex;gap:16px;flex:1;min-width:0}.notification-icon{width:48px;height:48px;border-radius:50%;background:#10b98120;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.notification-info{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px;flex-wrap:wrap}.notification-type{font-weight:600;color:var(--text-primary);font-size:.95rem}.notification-date{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.notification-message{color:var(--text-primary);font-size:.95rem;margin-bottom:4px;line-height:1.4;word-break:break-word}.notification-expediteur{color:var(--text-secondary);font-size:.85rem}.notification-actions{display:flex;gap:8px;padding-left:16px}.action-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s}.action-btn.marquer-lu:hover{background:#10b981;color:#fff;border-color:#10b981}.action-btn.supprimer:hover{background:#dc2626;color:#fff;border-color:#dc2626}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{font-size:3rem;display:block;margin-bottom:16px;opacity:.5}.empty-state p{font-size:1.1rem;margin-bottom:20px}.reset-filter{padding:8px 20px;background:#10b981;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:.9rem;transition:all .2s}.reset-filter:hover{background:#059669;transform:translateY(-2px)}.notifications-footer{display:flex;justify-content:flex-end}.stats{display:flex;gap:20px;padding:12px 20px;background:var(--card-bg);border-radius:30px;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px}.spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center}.error-container p{color:#dc2626;margin-bottom:20px;background:#fee2e2;padding:16px 24px;border-radius:12px}.retry-button{padding:12px 30px;background:#10b981;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 16px #10b98133}@media(max-width:768px){.notifications-page{padding:16px}.page-header h1{font-size:1.3rem}.notification-item{flex-wrap:wrap}.notification-actions{width:100%;justify-content:flex-end;padding-left:64px;margin-top:8px}.stats{flex-direction:column;gap:8px;text-align:center}}@media(max-width:480px){.notification-content{flex-direction:column;gap:8px}.notification-icon{width:40px;height:40px;font-size:1.2rem}.notification-header{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%}.filter-btn{flex:1;text-align:center}}.notification-item.processing{opacity:.7;pointer-events:none}.action-btn:disabled{opacity:.5;cursor:not-allowed}.filter-btn:disabled,.supprimer-btn:disabled{opacity:.5;cursor:not-allowed}.notification-title{margin:0 0 4px;font-size:14px;font-weight:600;color:#1a1f2e}.notification-message{margin:0;font-size:13px;color:#6c757d;line-height:1.4}.notification-header .notification-type{display:none}.recherche-page{min-height:100vh;background:#f5f7fa;padding:20px}.recherche-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:10px 0}.back-button{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #E5E9F0;color:#5f6b7a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 12px #0000000d}.back-button:hover{background:#00c853;border-color:#00c853;color:#fff;transform:scale(1.1)}.recherche-header h1{font-size:28px;font-weight:700;color:#1a1f2e;margin:0;background:linear-gradient(135deg,#1a1f2e,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recherche-container{max-width:1200px;margin:0 auto}.recherche-bar{background:#fff;border-radius:60px;padding:8px;display:flex;gap:10px;box-shadow:0 10px 30px -10px #0000001a;border:2px solid #E5E9F0;transition:all .3s;margin-bottom:30px}.recherche-bar:focus-within{border-color:#00c853;box-shadow:0 15px 40px -15px #00c8534d;transform:translateY(-2px)}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:12px;padding:0 20px;background:#f5f7fa;border-radius:50px;transition:all .3s}.search-input-wrapper:focus-within{background:#fff}.search-input-wrapper svg{color:#8a94a8;transition:all .3s}.search-input-wrapper:focus-within svg{color:#00c853}.search-input-wrapper input{flex:1;height:54px;border:none;background:transparent;font-size:16px;color:#1a1f2e;outline:none}.search-input-wrapper input::placeholder{color:#8a94a8}.type-select{width:150px;height:54px;padding:0 20px;border:2px solid #E5E9F0;border-radius:50px;background:#fff;font-size:15px;font-weight:500;color:#1a1f2e;cursor:pointer;transition:all .3s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6b7a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.type-select:hover{border-color:#00c853}.type-select:focus{outline:none;border-color:#00c853;box-shadow:0 0 0 4px #00c8531a}.search-btn{height:54px;padding:0 35px;background:#00c853;border:none;border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;box-shadow:0 8px 20px #00c8534d;letter-spacing:.5px}.search-btn:hover{background:#00a844;transform:translateY(-2px);box-shadow:0 12px 25px #00c85366}.search-btn:active{transform:translateY(0)}.resultats-container{background:#fff;border-radius:30px;padding:30px;box-shadow:0 10px 30px -10px #0000001a;border:1px solid rgba(0,200,83,.1);min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:20px}.spinner{width:50px;height:50px;border:4px solid #F5F7FA;border-top-color:#00c853;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:#8a94a8;font-size:16px;font-weight:500}.no-resultats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}.no-resultats p{color:#8a94a8;font-size:18px;font-weight:500;margin:20px 0 10px}.resultats-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #F5F7FA}.resultats-header h2{font-size:20px;font-weight:600;color:#1a1f2e}.section-resultats{margin-bottom:35px}.section-resultats h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1a1f2e;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #00C853;width:fit-content}.section-resultats h3 svg{color:#00c853}.liste-resultats{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:15px}.resultat-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f5f7fa;border-radius:16px;cursor:pointer;transition:all .3s;border:2px solid transparent}.resultat-item:hover{background:#fff;border-color:#00c853;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px -10px #00c8534d}.resultat-avatar{width:50px;height:50px;border-radius:50%;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;text-transform:uppercase;border:2px solid #00C853;box-shadow:0 4px 12px #00c85333}.resultat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.resultat-icon.message{background:#00c8531a;color:#00c853}.resultat-icon.groupe{background:#2196f31a;color:#2196f3}.resultat-icon.tache{background:#ff98001a;color:#ff9800}.resultat-infos{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.resultat-nom,.resultat-titre{font-weight:700;color:#1a1f2e;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resultat-detail{font-size:13px;color:#5f6b7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resultat-email,.resultat-preview,.resultat-membres,.resultat-echeance{font-size:12px;color:#8a94a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:992px){.recherche-bar{flex-wrap:wrap;padding:12px}.search-input-wrapper{width:100%}.type-select{flex:1;min-width:150px}.search-btn{flex:1;min-width:120px}}@media(max-width:768px){.recherche-page{padding:15px}.recherche-header h1{font-size:24px}.recherche-bar{flex-direction:column;border-radius:30px}.search-input-wrapper{width:100%;padding:0 15px}.type-select{width:100%}.search-btn{width:100%;padding:0 20px}.resultats-container{padding:20px}.liste-resultats{grid-template-columns:1fr}.resultat-item{padding:12px}}@media(max-width:480px){.recherche-header{flex-direction:column;align-items:flex-start;gap:15px}.back-button{width:40px;height:40px}.recherche-header h1{font-size:22px}.section-resultats h3{font-size:16px}.resultat-avatar,.resultat-icon{width:45px;height:45px;font-size:18px}}*{margin:0;padding:0;box-sizing:border-box}.urgents-page{min-height:100vh;background:#f5f7fa}.urgents-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:2px solid #00C853;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000}.navbar-logo{font-size:22px;font-weight:700;color:#1a1f2e}.navbar-right{display:flex;align-items:center;gap:20px}.welcome-message{color:#4a4f63;font-size:14px}.role-badge{background:#00c853;color:#fff;padding:6px 16px;border-radius:30px;font-size:13px;font-weight:600}.notification-wrapper{position:relative;cursor:pointer}.notification-button{background:none;border:none;cursor:pointer;color:#5f6b7a;padding:8px}.notification-count{position:absolute;top:-5px;right:-5px;background:#f44336;color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white}.avatar-wrapper{cursor:pointer;position:relative}.avatar-image{width:42px;height:42px;border-radius:50%;border:2px solid #00C853;object-fit:cover}.avatar-status{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#00c853;border-radius:50%;border:2px solid white}.urgents-main{margin-top:70px;padding:25px;max-width:1200px;margin-left:auto;margin-right:auto}.urgents-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.back-button{width:44px;height:44px;border-radius:12px;background:#f5f7fa;border:1px solid #E5E9F0;color:#1a1f2e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-button:hover{background:#00c853;color:#fff;border-color:#00c853}.urgents-header h1{font-size:28px;font-weight:600;color:#1a1f2e}.urgents-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px;flex-wrap:wrap}.search-box{flex:1;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 18px;border-radius:40px;border:1px solid #E5E9F0;min-width:250px}.search-box:focus-within{border-color:#00c853;box-shadow:0 0 0 3px #00c8531a}.search-box svg{color:#8a94a8}.filter-buttons{display:flex;gap:10px;background:#fff;padding:4px;border-radius:40px;border:1px solid #E5E9F0}.filter-btn{padding:8px 20px;border:none;background:transparent;color:#4a4f63;border-radius:30px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s}.filter-btn:hover{color:#00c853}.filter-btn.active{background:#00c853;color:#fff}.urgents-list-container{display:flex;flex-direction:column;gap:15px}.urgent-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #E5E9F0;transition:all .2s;cursor:pointer;position:relative}.urgent-card:hover{transform:translateY(-3px);border-color:#00c853;box-shadow:0 10px 25px #00c8531a}.urgent-card.nonTraite{border-left:4px solid #f44336}.urgent-card.traite{opacity:.8;background:#f8fafd}.urgent-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.urgent-title{display:flex;align-items:center;gap:10px}.urgent-title svg{color:#f44336}.urgent-title h3{font-size:16px;font-weight:600;color:#1a1f2e}.priority-badge{padding:4px 12px;border-radius:30px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}.urgent-description{color:#4a4f63;font-size:14px;line-height:1.5;margin-bottom:15px}.urgent-meta{display:flex;gap:20px;margin-bottom:12px;padding:8px 0;border-top:1px solid #E5E9F0;border-bottom:1px solid #E5E9F0}.meta-item{display:flex;align-items:center;gap:5px}.meta-label{font-size:12px;color:#8a94a8;font-weight:500}.meta-value{font-size:13px;color:#1a1f2e;font-weight:500}.urgent-concerne{margin-bottom:15px}.concerne-label{font-size:12px;color:#8a94a8;display:block;margin-bottom:8px}.concerne-list{display:flex;flex-wrap:wrap;gap:8px}.concerne-tag{padding:4px 10px;background:#f5f7fa;border:1px solid #E5E9F0;border-radius:30px;font-size:12px;color:#4a4f63}.urgent-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.statut-badge{padding:4px 12px;border-radius:30px;font-size:11px;font-weight:600}.statut-badge.nonTraite{background:#ffebee;color:#f44336}.statut-badge.traite{background:#e8f5e9;color:#00c853}.type-indicator{padding:4px 12px;border-radius:30px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}.no-results{text-align:center;padding:60px;background:#fff;border-radius:20px;color:#8a94a8}@media(max-width:768px){.urgents-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-buttons{width:100%;justify-content:center}.urgent-meta{flex-direction:column;gap:10px}.urgent-card-header{flex-direction:column;align-items:flex-start;gap:10px}.priority-badge{align-self:flex-start}.welcome-message{display:none}}.observation-container{padding:20px;max-width:1000px;margin:0 auto}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header h1{margin:0;font-size:20px;font-weight:600;color:#1a1f2e}.observation-badge{background:#e9ecef;color:#6c757d;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-left:auto}.back-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s}.back-button:hover{background:#f8f9fa;color:#007bff}.stats-bar{display:flex;gap:24px;background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid #e9ecef}.stat-item{flex:1;text-align:center}.stat-value{font-size:28px;font-weight:700;color:#1a1f2e;display:block}.stat-value.urgent{color:#dc3545}.stat-label{font-size:13px;color:#6c757d}.filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:2;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9ecef;border-radius:24px;padding:10px 18px}.search-box:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.search-box svg{color:#adb5bd;width:18px;height:18px}.search-box input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filters select{padding:10px 16px;border:1px solid #e9ecef;border-radius:24px;background:#fff;font-size:14px;cursor:pointer}.urgent-filter{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e9ecef;border-radius:24px;cursor:pointer;font-size:13px}.messages-list{display:flex;flex-direction:column;gap:16px}.message-card{display:flex;gap:16px;background:#fff;border-radius:16px;padding:20px;border:1px solid #e9ecef;transition:all .2s}.message-card:hover{border-color:#dee2e6;box-shadow:0 2px 8px #0000000d}.message-card.urgent{border-left:4px solid #dc3545;background:#fff5f5}.message-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.message-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.message-expediteur{font-weight:600;font-size:14px;color:#1a1f2e}.message-organe{font-size:12px;color:#6c757d;background:#f8f9fa;padding:2px 8px;border-radius:12px}.urgent-badge{background:#dc3545;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:12px}.message-date{font-size:12px;color:#adb5bd}.message-title{font-weight:500;font-size:15px;color:#1a1f2e;margin-bottom:6px}.message-text{font-size:14px;color:#495057;line-height:1.5;margin-bottom:12px}.message-footer{font-size:12px;color:#6c757d;border-top:1px solid #e9ecef;padding-top:10px}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}