:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-300:#fca5a5;--danger-400:#f87171;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--danger-800:#991b1b;--danger-900:#7f1d1d;--info-50:#f0f9ff;--info-100:#e0f2fe;--info-200:#bae6fd;--info-300:#7dd3fc;--info-400:#38bdf8;--info-500:#0ea5e9;--info-600:#0284c7;--info-700:#0369a1;--info-800:#075985;--info-900:#0c4a6e;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-overlay:#00000080;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--text-muted:#94a3b8;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-focus:var(--primary-500);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-family-sans:"Segoe UI","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}.btn{border-radius:var(--radius-md);font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-family:var(--font-family-sans);font-size:.875rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);line-height:1.25;line-height:var(--leading-tight);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background-color:var(--primary-500);border-color:var(--primary-500);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);border-color:var(--primary-600)}.btn-secondary{background-color:var(--bg-primary);border-color:#cbd5e1;border-color:var(--border-secondary);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-primary)}.btn-success{background-color:#22c55e;background-color:var(--success-500);border-color:#22c55e;border-color:var(--success-500);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background-color:#16a34a;background-color:var(--success-600);border-color:#16a34a;border-color:var(--success-600)}.btn-warning{background-color:var(--warning-500);border-color:var(--warning-500);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background-color:var(--warning-600);border-color:var(--warning-600)}.btn-danger{background-color:var(--danger-500);border-color:var(--danger-500);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--danger-600);border-color:var(--danger-600)}.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-lg{font-size:1rem;font-size:var(--text-base);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #cbd5e1;border:1px solid var(--border-secondary);border-radius:6px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);display:block;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-family:var(--font-family-sans);font-size:.875rem;font-size:var(--text-sm);line-height:1.5;line-height:var(--leading-normal);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.input:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input:disabled{background-color:#f8fafc;background-color:var(--bg-secondary);cursor:not-allowed}.input::placeholder,.input:disabled{color:#94a3b8;color:var(--text-muted)}.label{color:#0f172a;color:var(--text-primary);display:block;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-family:var(--font-family-sans);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;overflow:hidden}.card-header{background-color:#f8fafc;background-color:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6)}.card-body{padding:1.5rem;padding:var(--space-6)}.card-footer{background-color:#f8fafc;background-color:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6)}.badge{border-radius:9999px;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-family:var(--font-family-sans);font-size:.75rem;font-weight:var(--font-medium);line-height:1.25;line-height:var(--leading-tight);padding:.25rem .75rem}.badge-primary{background-color:#dbeafe;background-color:var(--primary-100);color:#1e40af;color:var(--primary-800)}.badge-success{background-color:#dcfce7;background-color:var(--success-100);color:#166534;color:var(--success-800)}.badge-warning{background-color:#fef3c7;background-color:var(--warning-100);color:#92400e;color:var(--warning-800)}.badge-danger{background-color:#fee2e2;background-color:var(--danger-100);color:#991b1b;color:var(--danger-800)}.badge-secondary{background-color:#f1f5f9;background-color:var(--secondary-100);color:#1e293b;color:var(--secondary-800)}.dropdown{display:inline-block;position:relative}.dropdown-toggle{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #cbd5e1;border:1px solid var(--border-secondary);border-radius:6px;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.dropdown-toggle:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-primary)}.dropdown-menu{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);left:0;min-width:160px;opacity:0;top:100%;transform:translateY(-10px);transition:all .15s ease-in-out;transition:all var(--transition-fast);visibility:hidden}.dropdown.open .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{color:#0f172a;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:100%}.dropdown-item:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.table{background-color:#fff;background-color:var(--bg-primary);border-collapse:collapse;border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);text-align:left}.table th{background-color:#f8fafc;background-color:var(--bg-secondary);color:#0f172a;color:var(--text-primary);font-weight:600;font-weight:var(--font-semibold)}.table td,.table th{font-size:.875rem;font-size:var(--text-sm)}.table td{color:#475569;color:var(--text-secondary)}.table tbody tr:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.modal-overlay{background-color:var(--bg-overlay);opacity:0;transition:all .25s ease-in-out;transition:all var(--transition-normal);visibility:hidden}.modal-overlay.open{opacity:1;visibility:visible}.modal{background-color:#fff;background-color:var(--bg-primary);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;transform:scale(.95);transition:transform .25s ease-in-out;transition:transform var(--transition-normal)}.modal-overlay.open .modal{transform:scale(1)}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary)}.modal-body,.modal-footer,.modal-header{padding:1.5rem;padding:var(--space-6)}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);gap:.75rem;gap:var(--space-3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300;font-weight:var(--font-light)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--text-4xl)}.text-primary{color:#0f172a;color:var(--text-primary)}.text-secondary{color:#475569;color:var(--text-secondary)}.text-tertiary{color:#64748b;color:var(--text-tertiary)}.text-muted{color:#94a3b8;color:var(--text-muted)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.border{border:1px solid #e2e8f0;border:1px solid var(--border-primary)}.border-secondary{border:1px solid #cbd5e1;border:1px solid var(--border-secondary)}.rounded{border-radius:6px;border-radius:var(--radius-md)}.rounded-lg{border-radius:8px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:12px;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-5{padding:1.25rem;padding:var(--space-5)}.p-6{padding:1.5rem;padding:var(--space-6)}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-5{margin:1.25rem;margin:var(--space-5)}.m-6{margin:1.5rem;margin:var(--space-6)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-5{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-5{margin-top:1.25rem;margin-top:var(--space-5)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}@media (max-width:768px){.btn,.input{font-size:.75rem;font-size:var(--text-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.card-body{padding:1rem;padding:var(--space-4)}.modal{margin:1rem;margin:var(--space-4);width:95%}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}code{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}:focus{outline:2px solid var(--primary-500);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body,html{max-width:100%;overflow-x:hidden;width:100%}*,:after,:before,body,html{box-sizing:border-box}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}@media (max-width:768px){.container{padding:0 15px}}@media (max-width:480px){.container{padding:0 10px}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.mobile-inline{display:inline}.mobile-flex{display:flex}.text-sm-center{text-align:center}.text-sm-left{text-align:left}.text-sm-right{text-align:right}.p-sm-0{padding:0}.p-sm-1{padding:8px}.p-sm-2{padding:16px}.m-sm-0{margin:0}.m-sm-1{margin:8px}.m-sm-2{margin:16px}.mt-sm-0{margin-top:0}.mt-sm-1{margin-top:8px}.mt-sm-2{margin-top:16px}.mb-sm-0{margin-bottom:0}.mb-sm-1{margin-bottom:8px}.mb-sm-2{margin-bottom:16px}.flex-sm-column{flex-direction:column}.flex-sm-row{flex-direction:row}.justify-sm-center{justify-content:center}.justify-sm-between{justify-content:space-between}.align-sm-center{align-items:center}}.grid-responsive{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.grid-responsive{gap:15px;grid-template-columns:1fr}}@media (max-width:480px){.grid-responsive{gap:10px}}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.card-grid{gap:15px;grid-template-columns:1fr}}.btn{padding:12px 24px}@media (max-width:768px){.btn{font-size:16px;margin-bottom:10px;min-height:44px;padding:14px 20px;width:100%}.btn:last-child{margin-bottom:0}.btn-group{display:flex;flex-direction:column;gap:10px}.btn-group .btn{margin-bottom:0}}.form-input{border:1px solid #dbe3eb;border-radius:6px;padding:12px 16px}@media (max-width:768px){.form-input{font-size:16px;min-height:44px;padding:14px 16px}.table-responsive{border-radius:8px;box-shadow:0 2px 8px #0000001a}.mobile-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:12px;padding:16px}.mobile-card:last-child{margin-bottom:0}.mobile-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.mobile-card-title{color:#1e293b;font-size:16px;font-weight:600}.mobile-card-subtitle{color:#64748b;font-size:12px;margin-top:2px}.mobile-card-content{display:flex;flex-direction:column;gap:8px}.mobile-card-row{align-items:center;display:flex;justify-content:space-between}.mobile-card-label{color:#64748b;font-size:12px;font-weight:500;min-width:80px}.mobile-card-value{color:#1e293b;font-size:14px;font-weight:400;text-align:right}.mobile-card-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px}.mobile-card-actions .btn{font-size:12px;margin-bottom:0;min-height:auto;padding:8px 16px;width:auto}.status-badge{font-size:11px;padding:6px 10px}.modal{border-radius:16px 16px 0 0;bottom:0;left:0;margin:0;max-height:90vh;max-width:none!important;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;width:100%!important}.modal.open{transform:translateY(0)}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 16px 12px}.modal-content{max-height:60vh;overflow-y:auto;padding:16px}.modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:8px;padding:16px}.modal-footer .btn{flex:1 1}}body,html{background-color:var(--bg-secondary);font-family:var(--font-family-sans);height:100%;margin:0;overflow:hidden}.login-container{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;height:calc(100vh - 40px);margin:var(--space-5);overflow:hidden}.login-left{display:none;flex:1 1;padding:var(--space-5) 0;position:relative}@media (min-width:992px){.login-left{align-items:center;display:flex;flex-direction:column;justify-content:center}}.image-wrapper{border-radius:var(--radius-2xl);height:100%;overflow:hidden;width:90%}.login-image{height:100%;object-fit:cover;width:100%}.overlay-text{background-color:#00000073;border-radius:var(--radius-xl);bottom:var(--space-10);color:var(--text-inverse);left:var(--space-10);max-width:320px;padding:var(--space-4) var(--space-5);position:absolute;z-index:2}.overlay-text h2{color:var(--text-inverse);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.overlay-text p{color:var(--text-inverse);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.login-right{align-items:center;background-color:var(--bg-primary);display:flex;flex:1 1;justify-content:center;padding:var(--space-10)}.login-box{max-width:400px;width:100%}.logo{color:var(--primary-600);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-5)}h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5)}.login-form label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.login-form input[type=password],.login-form input[type=text]{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.login-form input[type=password]:focus,.login-form input[type=text]:focus{background-color:var(--bg-primary);border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-container{position:relative}.password-container input{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-3) 40px var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.password-container input:focus{background-color:var(--bg-primary);border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.eye-button{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-lg);height:24px;justify-content:center;padding:0;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);transition:color var(--transition-fast);width:24px}.eye-button:hover{color:var(--text-secondary)}.btn-connect{background-color:var(--primary-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);margin-top:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast);width:100%}.btn-connect:hover{background-color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.forgot-link{margin-top:var(--space-3);text-align:center}.link-button{background:none;border:none;color:var(--danger-600);cursor:pointer;font-size:var(--text-sm);padding:0;text-decoration:underline;transition:color var(--transition-fast)}.link-button:hover{color:var(--danger-700)}@media (max-width:768px){.login-container{height:calc(100vh - 32px);margin:var(--space-4)}.login-right{padding:var(--space-5)}.login-box{padding:var(--space-3)}.logo{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}}.dashboard-container{grid-gap:var(--space-5);display:grid;font-family:var(--font-family-sans);gap:var(--space-5);grid-template-areas:"missions utilisateurs revenus" "stats stats alerts" "stats stats documents";grid-template-columns:1fr 1fr 320px;padding:var(--space-5)}@media (max-width:768px){.dashboard-container{gap:var(--space-4);grid-template-areas:"missions" "utilisateurs" "revenus" "stats" "alerts" "documents";grid-template-columns:1fr;padding:var(--space-4);padding-top:var(--space-5)}}@media (max-width:480px){.dashboard-container{gap:var(--space-3);padding:var(--space-3);padding-top:var(--space-5)}}.stats-section{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);display:flex;flex-direction:column;grid-area:stats;padding:var(--space-5)}.stat-header{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);margin-bottom:var(--space-3)}.stat-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.stat-grid{gap:var(--space-4);grid-template-columns:1fr}}.stat-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:var(--space-5);min-height:120px;padding:var(--space-6) var(--space-5)}@media (max-width:768px){.stat-card{gap:var(--space-4);min-height:100px;padding:var(--space-5) var(--space-4)}}@media (max-width:480px){.stat-card{flex-direction:column;gap:var(--space-3);min-height:auto;padding:var(--space-4);text-align:center}}.circular-progress{position:relative}.circular-progress,.circular-progress svg{height:80px;width:80px}.circular-progress .percent{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-bold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.stat-info{color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal)}.stat-info strong{display:block;font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.right-side{display:contents}.alerts-card{grid-area:alerts}.documents-card{grid-area:documents}.card{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.card-line{color:var(--text-secondary);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-1) 0}.badge{background-color:var(--primary-600);border-radius:var(--radius-full);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.graph-section{display:contents}.mission-block{grid-area:missions}.utilisateurs-block{grid-area:utilisateurs}.revenus-block{grid-area:revenus}.block{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5)}.block-header{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.block-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-3) 0 var(--space-4);text-align:center}.legend{color:var(--text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-5);justify-content:center;margin-top:var(--space-3)}.color-box{border-radius:var(--radius-sm);display:inline-block;height:12px;margin-right:var(--space-2);vertical-align:middle;width:12px}.color-box.red{background-color:var(--danger-500)}.color-box.blue{background-color:var(--primary-600)}.title-centered{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);text-align:center}.legend-container{color:var(--text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-5);justify-content:center;margin-bottom:var(--space-3)}.legend-item{align-items:center;display:flex;gap:var(--space-2)}.legend-color{border-radius:var(--radius-sm);display:inline-block;height:12px;width:12px}.legend-color.green{background-color:var(--success-500)}.legend-color.orange{background-color:var(--warning-500)}@media (max-width:768px){.block{padding:16px}.block-header{align-items:flex-start;flex-direction:column;gap:8px}.block-title{font-size:18px;margin:8px 0 12px}.title-centered{font-size:18px;margin-bottom:12px}.legend{margin-top:10px}.legend,.legend-container{align-items:flex-start;flex-direction:column;gap:8px}.legend-container{margin-bottom:8px}.circular-progress,.circular-progress svg{height:70px;width:70px}.circular-progress .percent,.stat-info{font-size:14px}.stat-info strong{font-size:16px}}@media (max-width:480px){.block{padding:12px}.block-title,.title-centered{font-size:16px;margin:6px 0 10px}.legend,.legend-container{font-size:12px;gap:6px}.color-box,.legend-color{height:10px;width:10px}.circular-progress,.circular-progress svg{height:60px;width:60px}.circular-progress .percent{font-size:12px}.stat-info{font-size:13px}.stat-info strong{font-size:15px}}@media (max-width:768px){.card{padding:16px}.card-title{font-size:16px;margin-bottom:10px}.card-line{font-size:13px;padding:3px 0}.badge{font-size:12px;padding:1px 8px}}@media (max-width:480px){.card{padding:12px}.card-title{font-size:15px}.card-line{align-items:flex-start;flex-direction:column;font-size:12px;gap:4px}.badge{align-self:flex-end;font-size:11px}}.clients-container{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:32px 40px}.clients-header-line{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.clients-title{color:#1a1a1a;font-size:32px;font-weight:600;margin:0}.clients-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:20px}.date-inscription-container{white-space:nowrap}.date-inscription-container label{color:#666;font-weight:400}.date-input-wrapper{background:#fff;border:1px solid #e0e0e0;height:40px;overflow:hidden;padding:0;position:relative}.calendar-icon{color:#666;left:12px;pointer-events:none;position:absolute}.date-input{color:#1a1a1a;padding:10px 12px 10px 36px}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;width:100%}.date-input::placeholder{color:#999}.client-type-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;color:#1a1a1a;cursor:pointer;font-size:14px;margin-top:-2px;min-width:140px;outline:none;padding:9px 36px 9px 16px;vertical-align:top}.client-status-toggle,.client-type-select{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;height:40px}.client-status-toggle{background:#fff;display:flex;gap:2px;padding:2px}.status-btn{border-radius:6px;color:#666;font-weight:500;outline:none;padding:8px 20px;transition:all .2s ease}.status-btn:hover:not(.active){background:#f5f5f5}.status-btn.active{background:#2563eb}.clients-search-section{align-items:center;background:#f8f9fa;border-radius:12px 12px 0 0;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;justify-content:space-between;margin-bottom:0;padding:20px 24px}.search-wrapper{flex:1 1;max-width:400px}.search-icon{color:#999;pointer-events:none}.search-bar{background:#fff;border-radius:24px;box-shadow:0 1px 3px #0000001a;color:#1a1a1a;padding:12px 16px 12px 44px;transition:box-shadow .2s ease}.search-bar:focus{box-shadow:0 0 0 3px #2563eb1a}.search-bar::placeholder{color:#999}.export-btn{background:#fff;padding:10px 24px}.export-btn:hover{background:#2563eb}.clients-second-row{display:none}.clients-table-wrapper{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}table{background:#fff;border-collapse:collapse;font-size:13px;width:100%}thead{background:#f8f9fa;border-bottom:1px solid #e0e0e0}th{border:none;color:#666;font-size:12px;font-weight:500;letter-spacing:.02em;padding:14px 16px;text-align:left;text-transform:uppercase}th:first-child{padding-left:20px;padding-right:0;width:48px}th:nth-child(2){width:50px}th:nth-child(3),th:nth-child(4){min-width:180px}th:nth-child(5){width:130px}th:nth-child(6){width:100px}th:nth-child(7){width:110px}th:nth-child(8),th:nth-child(9){text-align:center;width:70px}th:nth-child(10){width:90px}th:nth-child(11){padding-right:20px;text-align:center;width:200px}tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s ease}tbody tr:hover{background:#f8f9fa}td{border:none;color:#1a1a1a;padding:16px;vertical-align:middle}td:first-child{padding-left:20px;padding-right:0;width:48px}input[type=checkbox]{appearance:none;background:#fff;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;height:18px;margin:0;position:relative;transition:all .2s ease;width:18px}input[type=checkbox]:hover{border-color:#2563eb}input[type=checkbox]:checked{background:#2563eb;border-color:#2563eb}input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.client-id{color:#666;font-size:13px}.name-avatar{align-items:center;display:flex;gap:12px}.avatar-circle{color:#fff;flex-shrink:0;font-size:13px;font-weight:600;height:36px;width:36px}td:nth-child(4){color:#666}td:nth-child(5){color:#1a1a1a;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px}td:nth-child(6){font-weight:500}td:nth-child(7){color:#666;font-size:12px}td:nth-child(8),td:nth-child(9){font-weight:500;text-align:center}.status-badge{border-radius:20px;display:inline-block}.status-badge.status-active{background:#dcfce7;color:#16a34a}.status-badge.status-inactive{background:#fee2e2;color:#dc2626}.actions{justify-content:flex-end}.status-action{color:#2563eb;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s ease;white-space:nowrap}.status-action:hover{opacity:.7;text-decoration:underline}.action-icons .icon{align-items:center;background:#0000;border-radius:6px;color:#64748b;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.action-icons .icon:hover{background:#f1f5f9;color:#475569}.delete-icon,.message-icon,.reactivate-icon,.suspend-icon,.view-icon{color:#64748b}.empty-row td{color:#999;font-size:16px}.empty-row td,.loading-row td{padding:60px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-top-color:#2563eb;height:32px;margin:0 auto;width:32px}.pagination-container{align-items:center;justify-content:center;margin-top:32px;padding-bottom:32px}.pagination-btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;font-weight:500;gap:8px;padding:10px 20px}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#d0d0d0}.pagination-info{color:#666}@media (max-width:1200px){.clients-container{padding:24px}td:nth-child(8),td:nth-child(9),th:nth-child(8),th:nth-child(9){display:none}}@media (max-width:768px){.clients-container{padding:16px}.clients-header-line{align-items:flex-start;flex-direction:column;gap:16px}.clients-filters{flex-wrap:wrap;width:100%}.clients-second-row{flex-direction:column}.search-wrapper{max-width:100%}table{display:none}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:20px;position:relative}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:800px;width:100%}.modal-xlarge{max-width:1200px;width:100%}.modal-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-backdrop{animation:fadeIn .2s ease-out}.modal-content{animation:slideIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.modal-content{margin:10px;max-height:95vh}.modal-header{padding:16px 20px}.modal-body{padding:20px}}.confirm-modal{padding:20px;text-align:center}.confirm-icon-container{margin-bottom:20px}.confirm-icon{font-size:48px}.confirm-icon.danger{color:#ef4444}.confirm-icon.warning{color:#f59e0b}.confirm-icon.success{color:#10b981}.confirm-icon.info{color:#3b82f6}.confirm-content{margin-bottom:30px}.confirm-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.confirm-message{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.confirm-actions{display:flex;gap:12px;justify-content:center}.btn{min-width:100px}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-success:hover:not(:disabled){background-color:#059669}.form-field{margin-bottom:20px}.form-field.compact{margin-bottom:12px}.field-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.required{color:#ef4444;margin-left:2px}.input-icon{color:#6b7280;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.form-input.with-icon{padding-left:40px}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-input.error{border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}textarea.form-input{min-height:80px;resize:vertical}select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.checkbox-wrapper{align-items:center;display:flex;gap:8px}.form-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.radio-group{flex-direction:column;gap:8px}.radio-wrapper{align-items:center;cursor:pointer;display:flex;gap:8px}.form-radio{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.radio-group.horizontal{flex-direction:row;gap:20px}.field-error{color:#ef4444}.field-error,.field-help{font-size:12px;margin-top:4px}.field-help{color:#6b7280}.form-input.small{font-size:13px;padding:8px 10px}.form-input.large{font-size:16px;padding:12px 16px}.input-group{display:flex;gap:12px}.input-group .form-field{flex:1 1;margin-bottom:0}@media (max-width:640px){.input-group{flex-direction:column;gap:0}.input-group .form-field{margin-bottom:20px}.radio-group.horizontal{flex-direction:column;gap:8px}}.message-modal{display:flex;flex-direction:column;gap:24px}.message-type-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.type-option{position:relative}.type-option input[type=radio]{display:none}.type-label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.type-option input[type=radio]:checked+.type-label{background-color:#eff6ff;border-color:#3b82f6}.type-label:hover{border-color:#d1d5db}.type-icon{color:#6b7280;flex-shrink:0;font-size:20px}.type-option input[type=radio]:checked+.type-label .type-icon{color:#3b82f6}.type-title{color:#1f2937;font-weight:600;margin-bottom:2px}.type-desc{color:#6b7280;font-size:12px}.message-form{display:flex;flex-direction:column;gap:16px}.publicity-options{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:16px}.publicity-options h4{color:#92400e;font-size:14px;font-weight:600;margin:0 0 12px}.message-preview h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.preview-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.preview-subject{color:#1f2937;font-weight:600}.priority-badge{border-radius:6px;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.priority-badge.low{background-color:#f3f4f6;color:#6b7280}.priority-badge.normal{background-color:#dbeafe;color:#1d4ed8}.priority-badge.high{background-color:#fef3c7;color:#d97706}.priority-badge.urgent{background-color:#fef2f2;color:#dc2626}.preview-content{color:#374151;line-height:1.6;min-height:60px;padding:16px}.preview-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 16px}.preview-recipient{color:#6b7280;font-size:12px;font-style:italic}.message-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.message-actions .btn{align-items:center;display:flex;gap:8px}@media (max-width:640px){.form-row,.message-type-selector{grid-template-columns:1fr}.message-actions{flex-direction:column}.message-actions .btn{justify-content:center}}.toast{align-items:flex-start;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;margin-bottom:12px;max-width:400px;padding:16px;position:relative}.toast-exit{animation:slideOut .3s ease-in}.toast-success{background-color:#f0fdf4;border-left:4px solid #10b981;color:#065f46}.toast-error{background-color:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.toast-warning{background-color:#fffbeb;border-left:4px solid #f59e0b;color:#92400e}.toast-info{background-color:#eff6ff;border-left:4px solid #3b82f6;color:#1e40af}.toast-icon{flex-shrink:0;font-size:16px;margin-top:2px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1 1;min-width:0}.toast-title{font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{font-size:13px;line-height:1.4;opacity:.9}.toast-close{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:12px;opacity:.5;padding:4px;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-container{pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.toast-container>*{pointer-events:auto}@media (max-width:640px){.toast-container{left:20px;right:20px;top:70px}}.client-detail-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:0}.client-detail-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);border-radius:0;box-shadow:0 8px 32px #0000001f;display:flex;justify-content:space-between;margin:0;overflow:hidden;padding:24px 32px;position:relative}.client-detail-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='75' cy='75' r='1.5' fill='rgba(255,255,255,0.02)'/%3E%3Ccircle cx='50' cy='10' r='.8' fill='rgba(255,255,255,0.04)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-left{position:relative;z-index:1}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#f8fafc;font-weight:500;padding:12px 16px;transition:all .3s ease}.back-btn:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.back-btn svg{font-size:16px}.header-title{color:#f8fafc;font-size:20px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.header-actions{flex-wrap:wrap;position:relative;z-index:1}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 12px #00000026;display:inline-flex;font-weight:500;gap:8px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f64d;color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#f8fafc}.action-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 6px 20px #ffffff1a;transform:translateY(-2px)}.action-btn.success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;color:#fff}.action-btn.success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef44444d;color:#fff}.action-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.action-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:16px}.client-profile-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #0000000d;border-radius:0 0 24px 24px;box-shadow:0 8px 32px #00000014;color:#1e293b;margin:0 0 32px;overflow:hidden;padding:32px;position:relative}.client-profile-section:before{background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444);content:"";height:4px;left:0;position:absolute;right:0;top:0}.client-profile-section:after{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-20%;top:-50%;width:200px}.client-profile{align-items:center;display:flex;flex-wrap:wrap;gap:24px;position:relative;z-index:1}.client-avatar{flex-shrink:0}.avatar-circle.large{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:4px solid #3b82f633;border-radius:50%;box-shadow:0 8px 32px #3b82f64d;color:#fff;display:flex;font-size:28px;font-weight:600;height:90px;justify-content:center;overflow:hidden;position:relative;text-transform:uppercase;width:90px}.avatar-circle.large:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.client-info{min-width:200px}.client-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 8px}.client-id{font-size:16px;font-weight:500;opacity:.8}.client-badges{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.badge{border-radius:20px;gap:4px}.badge.success{background-color:#10b98133;border:1px solid #10b9814d;color:#10b981}.client-type{min-width:120px;text-align:right}.type-label{display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;opacity:.7;text-transform:uppercase}.account-type-badge{background-color:#ffffff26;border:1px solid #ffffff40;border-radius:6px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.account-type-badge.professionnel{background-color:#3b82f633;border-color:#3b82f64d;color:#60a5fa}.account-type-badge.particulier{background-color:#10b98133;border-color:#10b9814d;color:#34d399}.client-content{display:flex;gap:24px;min-height:600px}.tabs-navigation{border-right:1px solid #e5e7eb;flex-shrink:0;padding-right:16px;width:176px}.vertical-tabs{background:none;padding:0}.tab-btn{background:none;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;color:#374151;cursor:pointer;display:block;font-size:16px;font-weight:400;margin-bottom:0;padding:12px 0;text-align:left;transition:color .2s;width:100%}.tab-btn:last-child{border-bottom:none}.tab-btn:hover{color:#1f2937}.tab-btn.active,.tab-btn.highlight{color:#3b82f6;font-weight:500}.tab-btn.highlight:hover{color:#2563eb}.tab-icon{display:none}.tab-content-area{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex:1 1;min-height:600px;padding:32px}.tab-content h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 24px}.client-info-section{padding:0}.client-profile-card{max-width:500px}.client-main-info{margin-bottom:32px}.client-avatar-info{align-items:center;display:flex;gap:16px;margin-bottom:24px}.avatar-circle.medium{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:60px;justify-content:center;text-transform:uppercase;width:60px}.client-details{flex:1 1}.client-full-name{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.account-type-info{display:flex;flex-direction:column;gap:4px}.type-label-small{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.account-type-small{border-radius:6px;font-size:14px;font-weight:600;padding:4px 12px;width:fit-content}.account-type-small.professionnel{background-color:#dbeafe;color:#1d4ed8}.account-type-small.particulier{background-color:#dcfce7;color:#16a34a}.client-contact-info{margin-bottom:32px}.contact-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:12px;padding:12px 0}.contact-icon{color:#6b7280;font-size:16px;width:16px}.date-icon,.phone-icon{font-size:16px;text-align:center;width:16px}.client-stats{display:flex;gap:32px}.stat-item{text-align:left}.stat-value{color:#3b82f6;font-size:28px;font-weight:600;margin-bottom:4px}.stat-label{color:#6b7280;font-size:12px}.activity-section{width:100%}.activity-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.date-filters{align-items:center;color:#374151;display:flex;font-size:14px;gap:12px}.date-filter-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:140px}.date-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.activity-tabs{display:flex;gap:4px}.activity-tab-btn{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.activity-tab-btn.active{background:#1f2937;color:#fff}.activity-tab-btn:hover:not(.active){background:#e5e7eb;color:#374151}.activity-timeline{display:flex;flex-direction:column;gap:20px}.activity-item{align-items:flex-start;display:flex;gap:12px}.activity-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.activity-avatar.waago-avatar{background:#3b82f6;color:#fff}.activity-avatar.service-avatar.rapidserve{background:#f59e0b;color:#fff}.activity-avatar.service-avatar.wadeline{background:#1f2937;color:#fff}.activity-avatar.user-avatar{background:#e5e7eb;overflow:hidden}.activity-avatar.user-avatar img{height:100%;object-fit:cover;width:100%}.activity-content{flex:1 1;min-width:0}.activity-text{color:#374151;font-size:14px;line-height:1.5;margin-bottom:4px}.activity-text strong{color:#1f2937;font-weight:600}.activity-time{color:#9ca3af;font-size:12px}.requests-section{width:100%}.section-header{gap:16px;margin-bottom:24px}.section-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.requests-search{flex:1 1;max-width:300px;position:relative}.requests-search .search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.requests-search .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:border-color .2s;width:100%}.requests-search .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.requests-search .search-input::placeholder{color:#9ca3af}.requests-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%}.requests-table table{border-collapse:collapse;font-size:14px;width:100%}.requests-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 20px;text-align:left;white-space:nowrap}.requests-table th svg{color:#9ca3af;font-size:12px;margin-left:8px}.requests-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:16px 20px}.requests-table tbody tr:hover{background-color:#f9fafb}.delivery-type{border-radius:6px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.delivery-type.standard{background-color:#dbeafe;color:#1d4ed8}.delivery-type.recurring{background-color:#fef3c7;color:#d97706}.request-actions{display:flex;gap:8px;justify-content:center}.request-actions .action-icon{border-radius:4px;cursor:pointer;font-size:16px;padding:8px;transition:all .2s}.request-actions .action-icon.view{color:#3b82f6}.request-actions .action-icon.view:hover{background-color:#eff6ff;color:#2563eb}.request-actions .action-icon.delete{color:#ef4444}.request-actions .action-icon.delete:hover{background-color:#fef2f2;color:#dc2626}.reports-section{width:100%}.reports-stats{margin-bottom:32px}.stats-grid{grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.stat-card{border:1px solid #e5e7eb}.stat-title{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.stat-value-large{color:#3b82f6;font-size:48px;font-weight:600;text-align:center}.gravity-stats{display:flex;gap:16px;justify-content:space-between}.gravity-item{flex:1 1;text-align:center}.gravity-label{color:#6b7280;display:block;font-size:12px;margin-bottom:8px;text-transform:capitalize}.gravity-value{font-size:24px;font-weight:600}.gravity-item.faible .gravity-value{color:#10b981}.gravity-item.moyenne .gravity-value{color:#f59e0b}.gravity-item.critique .gravity-value{color:#ef4444}.service-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.service-item{font-size:14px;justify-content:space-between}.service-label{color:#374151}.service-badge{background:#1f2937;border-radius:20px;color:#fff;font-size:12px;font-weight:600;min-width:32px;padding:4px 12px;text-align:center}.action-btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.action-btn-sm.primary{background-color:#3b82f6;color:#fff}.action-btn-sm.primary:hover{background-color:#2563eb}.action-btn-sm.secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.action-btn-sm.secondary:hover{background-color:#e5e7eb}.reports-table-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.reports-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.reports-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.reports-controls{flex-wrap:wrap;gap:16px}.date-filter,.reports-controls{align-items:center;display:flex}.date-filter{color:#374151;font-size:14px;gap:8px}.date-input{padding:6px 12px}.reports-tabs{display:flex;gap:4px}.reports-tab{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.reports-tab.active{background:#1f2937;color:#fff}.reports-tab:hover:not(.active){background:#e5e7eb;color:#374151}.export-csv-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.export-csv-btn:hover{background:#059669}.filter-tabs{border-bottom:1px solid #e5e7eb;gap:4px;padding:16px 24px}.filter-tab{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-tab.active{background:#1f2937;color:#fff}.filter-tab:hover:not(.active){background:#f3f4f6;color:#374151}.reports-table table{border-collapse:collapse;font-size:14px;width:100%}.reports-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 20px;text-align:left;white-space:nowrap}.reports-table th svg{color:#9ca3af;font-size:12px;margin-left:8px}.reports-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:16px 20px}.reports-table tbody tr:hover{background-color:#f9fafb}.provider-info{align-items:center;display:flex;gap:8px}.provider-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:24px;justify-content:center;text-transform:uppercase;width:24px}.provider-avatar.lv{background:#8b4513}.provider-avatar.ferrari{background:#dc2626}.provider-avatar.loreal{background:#1f2937}.gravity-badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.gravity-badge.faible{background-color:#dcfce7;color:#16a34a}.gravity-badge.moyenne{background-color:#fef3c7;color:#d97706}.gravity-badge.critique{background-color:#fecaca;color:#dc2626}.status-badge{border-radius:6px}.status-badge.traite{background-color:#dcfce7;color:#16a34a}.status-badge.encours{background-color:#fef3c7;color:#d97706}.status-badge.cloture{background-color:#f3f4f6;color:#6b7280}.report-actions{align-items:center;display:flex;gap:8px}.action-link{background:none;text-decoration:underline}.action-btn-mini{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s}.action-btn-mini:hover{background:#2563eb}.payments-section{width:100%}.payments-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.payments-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.payments-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.payments-tabs{display:flex;gap:4px}.payments-tab{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.payments-tab.active{background:#1f2937;color:#fff}.payments-tab:hover:not(.active){background:#e5e7eb;color:#374151}.service-filter-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:24px;padding-bottom:16px}.service-filter-tab{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.service-filter-tab.active{background:#1f2937;color:#fff}.service-filter-tab:hover:not(.active){background:#f3f4f6;color:#374151}.payments-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%}.payments-table table{border-collapse:collapse;font-size:14px;width:100%}.payments-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 20px;text-align:left;white-space:nowrap}.payments-table th svg{color:#9ca3af;font-size:12px;margin-left:8px}.payments-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:16px 20px}.payments-table tbody tr:hover{background-color:#f9fafb}.mission-info{color:#374151;font-size:14px}.payment-status-badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.payment-status-badge.reussi{background-color:#dcfce7;color:#16a34a}.payment-status-badge.echoue{background-color:#fecaca;color:#dc2626}.payment-status-badge.litige{background-color:#fef3c7;color:#d97706}.payment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.action-btn-mini.primary{background:#3b82f6;color:#fff}.action-btn-mini.primary:hover{background:#2563eb}.evaluations-section{width:100%}.evaluations-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 24px}.evaluations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.evaluation-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:box-shadow .2s}.evaluation-card:hover{box-shadow:0 4px 6px #0000001a}.evaluation-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.provider-logo{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.provider-logo.mcdonalds{background:linear-gradient(135deg,#1f2937,#374151)}.provider-logo.starbucks{background:linear-gradient(135deg,#ef4444,#dc2626)}.provider-logo.ibm{background:linear-gradient(135deg,#1f2937,#000)}.provider-logo.louis-vuitton{background:linear-gradient(135deg,#8b4513,sienna)}.provider-logo.paint{background:linear-gradient(135deg,#f59e0b,#d97706)}.provider-logo.company{background:linear-gradient(135deg,#3b82f6,#2563eb)}.provider-name{color:#1f2937;flex:1 1;font-size:16px;font-weight:600}.evaluation-rating{display:flex;gap:4px;margin-bottom:8px}.star{font-size:14px}.star.filled{color:#fbbf24}.star.empty{color:#d1d5db}.evaluation-date{color:#9ca3af;font-size:12px;margin-bottom:12px}.evaluation-comment{color:#6b7280;font-size:14px;line-height:1.5}.employees-section{width:100%}.employees-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.client-detail .search-container{flex:1 1;max-width:400px}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input::placeholder{color:#9ca3af}.add-employee-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.add-employee-btn:hover{background-color:#2563eb}.employees-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:100%}.employees-table table{border-collapse:collapse;font-size:14px;width:100%}.employees-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 20px;text-align:left}.employees-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:16px 20px}.employees-table tbody tr:hover{background-color:#f9fafb}.employee-info{align-items:center;display:flex;gap:12px}.employee-avatar{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;text-transform:uppercase;width:32px}.actions,.employee-avatar{justify-content:center}.action-icon{border-radius:4px;padding:8px;transition:all .2s}.action-icon.delete{color:#ef4444}.action-icon.delete:hover{background-color:#fef2f2;color:#dc2626}.no-data{color:#6b7280;padding:32px}.not-found{padding:60px 20px;text-align:center}.not-found h2{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:20px}.not-found p{color:#6b7280;margin-bottom:24px}.employee-form{grid-gap:20px;display:grid;gap:20px}.form-actions{margin-top:24px}.btn{border-radius:6px;padding:10px 16px}.btn-secondary{background-color:#f3f4f6}.btn-secondary:hover{background-color:#e5e7eb}@media (max-width:1024px){.client-content{flex-direction:column}.tabs-navigation{width:100%}.vertical-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px}.tab-btn{margin-bottom:0;margin-right:4px;min-width:fit-content;white-space:nowrap}}@media (max-width:768px){.client-detail-page{padding:16px}.client-detail-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;gap:8px}.action-btn{flex:1 1;justify-content:center;min-width:0}.client-profile{flex-direction:column;gap:16px}.client-profile,.client-type{text-align:center}.employees-header{align-items:stretch;flex-direction:column;gap:12px}.client-detail .search-container{max-width:none}.employees-table{overflow-x:auto}.employees-table table{min-width:600px}.tab-content-area{padding:20px}}@media (max-width:480px){.client-detail-page{padding:12px}.client-profile-section{padding:20px}.avatar-circle.large{font-size:20px;height:60px;width:60px}.client-name{font-size:22px}.tab-content-area{padding:16px}}.client-detail-page-wrapper-figma-isolated{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:#f8f9fa!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;box-sizing:border-box!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:block!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-height:100vh!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:32px 40px!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .client-profile-section .client-avatar{margin-right:20px!important}.client-detail-page-wrapper-figma-isolated .client-profile-section .client-profile{gap:20px!important}.client-detail-page-wrapper-figma-isolated .client-profile-section .client-type,.client-detail-page-wrapper-figma-isolated .client-profile-section .client-type .type-label{text-align:left!important}.client-detail-page-wrapper-figma-isolated .client-profile-section .client-type .account-type-badge{display:block!important;text-align:center!important}.client-detail-page-wrapper-figma-isolated .client-content{background:#fff!important;border-radius:12px!important;display:flex!important;margin-top:24px!important;min-height:600px!important;overflow:hidden!important}.client-detail-page-wrapper-figma-isolated .tabs-navigation{background:#fff!important;border-right:1px solid #f0f0f0!important;padding:0!important;width:280px!important}.client-detail-page-wrapper-figma-isolated .tab-content-area{background:#fff!important;flex:1 1!important;padding:32px!important}.client-detail-page-wrapper-figma-isolated .tab-content{background:#0000!important;border-radius:0!important;margin:0!important;padding:0!important}.client-detail-page-wrapper-figma-isolated .client-info-section{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:block!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .client-profile-card{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;flex-direction:column!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:32px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .client-main-info{clip:auto!important;all:initial!important;align-items:flex-start!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;justify-content:space-between!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0 0 32px!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .client-avatar-info{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:16px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .avatar-circle.medium{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:#3b82f6!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-radius:50%!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;color:#fff!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-size:medium!important;font-size:16px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:600!important;height:auto!important;height:48px!important;-webkit-hyphens:none!important;hyphens:none!important;justify-content:center!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;width:48px!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .client-details{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;flex-direction:column!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:4px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .client-full-name{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;color:#1a1a1a!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-size:20px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:600!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .account-type-info{clip:auto!important;all:initial!important;align-items:flex-end!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;flex-direction:column!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:4px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .type-label-small{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;color:#666!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-size:12px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:500!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;letter-spacing:.5px!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;text-transform:uppercase!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .account-type-small{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;color:#16a34a!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-size:14px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:500!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .client-contact-info{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;flex-direction:column!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:0!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .contact-row{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;justify-content:space-between!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:8px 0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .contact-row:nth-child(2){border-bottom:1px solid #f0f0f0!important;margin-bottom:16px!important;padding-bottom:16px!important}.client-detail-page-wrapper-figma-isolated .stats-group{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:48px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .contact-item{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;color:#333!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-size:16px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:12px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .contact-icon{color:#666!important;font-size:16px!important}.client-detail-page-wrapper-figma-isolated .date-icon,.client-detail-page-wrapper-figma-isolated .phone-icon{font-size:16px!important}.client-detail-page-wrapper-figma-isolated .stat-item-inline{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;flex-direction:column!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:4px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .stat-value-inline{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;color:#2563eb!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-size:32px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:600!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.client-detail-page-wrapper-figma-isolated .stat-label-inline{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;caption-side:top!important;clear:none!important;color:#000!important;color:#666!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:inherit!important;font-size:medium!important;font-size:12px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:500!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;letter-spacing:.5px!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align:center!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;text-transform:uppercase!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.figma-client-header-isolated{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:#0000!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;box-sizing:border-box!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;justify-content:space-between!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0 0 24px!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.figma-header-left-isolated{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:#0000!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;box-sizing:border-box!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:16px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.figma-back-btn-isolated,.figma-header-left-isolated{direction:ltr!important;unicode-bidi:normal!important}.figma-back-btn-isolated{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-sizing:initial!important;box-sizing:border-box!important;caption-side:top!important;clear:none!important;color:#000!important;color:#64748b!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;cursor:pointer!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:medium!important;font-size:16px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:500!important;gap:8px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;transition:color .2s ease!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.figma-back-btn-isolated,.figma-back-btn-isolated:focus,.figma-back-btn-isolated:hover{background:#0000!important;box-shadow:none!important;outline:none!important;text-decoration:none!important}.figma-back-btn-isolated:focus,.figma-back-btn-isolated:hover{border:none!important;color:#475569!important}.figma-header-actions-isolated{clip:auto!important;all:initial!important;align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:#0000!important;border:none!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;box-sizing:border-box!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:ltr!important;display:inline!important;display:flex!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-size:medium!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;gap:12px!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:0!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.figma-action-btn-isolated{clip:auto!important;all:initial!important;animation:none 0s ease 0s 1 normal none running!important;backface-visibility:visible!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;border:1px solid #0000!important;border-collapse:initial!important;border-image:none!important;border-radius:0!important;border-radius:8px!important;border-spacing:0!important;bottom:auto!important;box-shadow:none!important;box-sizing:initial!important;box-sizing:border-box!important;caption-side:top!important;clear:none!important;color:#000!important;column-fill:balance!important;column-gap:normal!important;column-rule:medium none currentColor!important;column-span:1!important;columns:auto!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;cursor:pointer!important;direction:ltr!important;display:inline!important;display:inline-block!important;empty-cells:show!important;float:none!important;font-family:serif!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:medium!important;font-size:14px!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-weight:500!important;height:auto!important;-webkit-hyphens:none!important;hyphens:none!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;line-height:1.2!important;list-style:disc none outside!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1!important;orphans:2!important;outline:medium none invert!important;outline:none!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding:10px 20px!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;perspective:none!important;perspective-origin:50% 50%!important;position:static!important;right:auto!important;tab-size:8!important;table-layout:auto!important;text-align:left!important;text-align:center!important;text-align-last:auto!important;text-decoration:none!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;top:auto!important;transform:none!important;transform-origin:initial!important;transform-style:flat!important;transition:none 0s ease 0s!important;transition:all .2s ease!important;unicode-bidi:normal!important;vertical-align:initial!important;visibility:visible!important;white-space:normal!important;white-space:nowrap!important;widows:2!important;width:auto!important;word-spacing:normal!important;z-index:auto!important}.figma-action-btn-isolated.figma-secondary-isolated{background:#fff!important;border:1px solid #e0e0e0!important;color:#64748b!important}.figma-action-btn-isolated.figma-secondary-isolated:hover{background:#f8f9fa!important;border-color:#d0d0d0!important;color:#475569!important}.figma-action-btn-isolated.figma-danger-isolated{background:#dc2626!important;border:1px solid #dc2626!important;color:#fff!important}.figma-action-btn-isolated.figma-danger-isolated:hover{background:#b91c1c!important;border-color:#b91c1c!important}.figma-action-btn-isolated.figma-success-isolated{background:#16a34a!important;border:1px solid #16a34a!important;color:#fff!important}.figma-action-btn-isolated.figma-success-isolated:hover{background:#15803d!important;border-color:#15803d!important}.figma-action-btn-isolated.figma-primary-isolated{background:#2563eb!important;border:1px solid #2563eb!important;color:#fff!important}.figma-action-btn-isolated.figma-primary-isolated:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.figma-action-btn-isolated:active,.figma-action-btn-isolated:focus{box-shadow:none!important;outline:none!important}@media (max-width:768px){.client-detail-page-wrapper-figma-isolated{padding:24px!important}.figma-client-header-isolated{align-items:stretch!important;flex-direction:column!important;gap:16px!important}.figma-header-actions-isolated{flex-wrap:wrap!important;justify-content:center!important}.figma-action-btn-isolated{flex:1 1!important;min-width:120px!important}}.mission-container{background:#f9fbff;font-family:Segoe UI,sans-serif;padding:20px}@media (max-width:768px){.mission-container{padding:20px 15px 15px}}@media (max-width:480px){.mission-container{padding:20px 10px 10px}}.mission-container h2{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:20px}.missions-header-line{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}@media (max-width:768px){.missions-header-line{align-items:flex-start;flex-direction:column;gap:16px}}.missions-title{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:0}.missions-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px}@media (max-width:768px){.missions-filters{align-items:stretch;flex-direction:column;gap:12px;width:100%}}.date-creation-container,.date-execution-container{align-items:center;color:#334155;display:flex;font-size:14px;gap:8px}.date-creation-container label,.date-execution-container label{color:#334155;font-size:14px;white-space:nowrap}.mission-status-toggle{background-color:#f1f5f9;border-radius:999px;display:flex;padding:4px}.status-btn{background:#0000;border:none;border-radius:999px;color:#64748b;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s,color .2s;white-space:nowrap}.status-btn.active{background-color:#0f172a;color:#fff}.missions-second-line{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}@media (max-width:768px){.missions-second-line{align-items:stretch;flex-direction:column;gap:12px}}.missions-payment-filters,.missions-type-filters{display:flex;flex-wrap:wrap;gap:8px}.payment-btn,.type-btn{background:#f3f4f6;border:none;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.payment-btn.active,.type-btn.active{background:#1f2937;color:#fff}.payment-btn:hover,.type-btn:hover{background:#e5e7eb}.payment-btn.active:hover,.type-btn.active:hover{background:#374151}.missions-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.mission-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13px;min-width:120px;outline:none;padding:6px 10px}.missions-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}@media (max-width:768px){.missions-search-section{align-items:stretch;flex-direction:column;gap:12px}.search-bar{font-size:16px;height:44px;padding:12px 16px 12px 40px}.export-btn{font-size:16px;min-height:44px;padding:12px 16px;width:100%}}.mission-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.date-group{display:flex;flex-direction:column;font-size:13px;max-width:130px;min-width:110px}.date-group label{color:#374151;font-size:13px;font-weight:600;margin-bottom:4px}.date-group input{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#374151;font-size:13px;height:32px;padding:0 10px}.date-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-group input::placeholder{color:#9ca3af}.status-filters,.tag-filters{display:flex;flex-wrap:wrap;gap:8px}.status-filters button,.tag-filters button{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;height:32px;padding:6px 14px;transition:all .2s;white-space:nowrap}.status-filters button.active,.tag-filters button.active{background:#1f2937;border-color:#1f2937;color:#fff}.status-filters button:hover,.tag-filters button:hover{background:#e5e7eb;border-color:#d1d5db}.status-filters button.active:hover,.tag-filters button.active:hover{background:#374151;border-color:#374151}.compact-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:12px;height:32px;max-width:150px;min-width:120px;padding:6px 10px}.compact-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-export{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;height:32px;padding:6px 14px;transition:all .2s;white-space:nowrap}.btn-export:hover{background:#2563eb;border-color:#2563eb}.mission-page .search-bar{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;gap:8px;margin:15px 0;padding:8px 12px}.mission-page .search-bar input{background:#0000;border:none;color:#333;font-size:14px;width:100%}.mission-cards-figma{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}@media (max-width:768px){.mission-cards-figma{gap:16px;grid-template-columns:1fr}.mission-card-figma{border-radius:12px;padding:16px}.mission-card-figma:hover{transform:none}.mission-card-figma:active{background:#f9fafb;transform:scale(.98)}}.mission-card-figma:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mission-header-figma{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mission-id-status{align-items:center;display:flex;gap:8px}.mission-id-figma{color:#1f2937;font-size:16px;font-weight:600}.status-badge{padding:4px 12px}.status-badge.terminee{background:#d1fae5;color:#059669}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.assigned{background:#dbeafe;color:#1d4ed8}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.status-badge.disputed{background:#f3e8ff;color:#7c3aed}.mission-checkbox{cursor:pointer;height:16px;width:16px}.mission-client-figma{align-items:center;display:flex;gap:12px;margin-bottom:16px}.client-avatar-figma{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.client-info{flex:1 1}.client-info strong{color:#1f2937;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.payment-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.payment-badge.echec{background:#fee2e2;color:#dc2626}.payment-badge.payer{background:#d1fae5;color:#059669}.payment-badge.en-cours{background:#fef3c7;color:#d97706}.mission-tags-figma{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mission-tags-figma .tag{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:11px;font-weight:500;padding:4px 8px}.mission-tags-figma .tag.transport{background:#dbeafe;color:#1d4ed8}.mission-tags-figma .tag.livraison{background:#d1fae5;color:#059669}.mission-tags-figma .tag.location{background:#cffafe;color:#0891b2}.mission-tags-figma .tag.conducteur{background:#fee2e2;color:#dc2626}.mission-dates-stars-figma{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mission-dates-figma{display:flex;flex-direction:column;gap:4px}.date-item{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:700;gap:8px}.mission-date-icon{filter:grayscale(1) brightness(.5);height:16px;opacity:1;width:16px}.mission-stars-figma{align-items:center;display:flex;gap:2px}.mission-stars-figma .star{font-size:16px}.mission-stars-figma .star.filled{color:#ffc107}.mission-card-figma{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;margin-bottom:1px;padding:20px;position:relative;transition:all .2s}.mission-card-figma:not(:last-child):after{background:#e5e7eb;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.mission-actions-figma{display:flex;flex-wrap:wrap;gap:8px}.mission-actions-figma button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:0;padding:8px 12px;transition:all .2s}.action-danger{background:#0000;border:1px solid #0000;color:#dc2626}.action-danger:hover{background:#fee2e2}.action-secondary{background:#0000;border:1px solid #0000;color:#3b82f6}.action-secondary:hover{background:#dbeafe}.action-primary{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.action-primary:hover{background:#2563eb;border-color:#2563eb}.mission-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width:768px){.mission-cards{gap:16px;grid-template-columns:1fr}}.mission-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;transition:all .2s}.mission-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mission-header{display:flex;font-weight:700;justify-content:space-between}.status-tag{background:#e7fce9;color:#28a745;padding:2px 8px}.mission-client{gap:10px}.client-avatar,.mission-client{align-items:center;display:flex}.client-avatar{background:#4caf50;border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.payment-status{border-radius:10px;display:inline-block;margin-top:2px;padding:2px 6px}.payment-status.green{background:#e7fce9;color:#28a745}.payment-status.red{background:#ffe5e5;color:#c00}.payment-status.orange{background:#fff5e6;color:#f0ad4e}.mission-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f1f5f9;border-radius:8px;font-size:12px;padding:4px 10px}.mission-dates p{color:#666;font-size:13px;margin:2px 0}.mission-stars{color:#ffc107;font-size:16px}.mission-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.mission-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 10px}.mission-actions .danger{background:#0000;color:#dc3545}.mission-actions .detail{background:#06f;color:#fff}.error,.loading{padding:40px;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;color:#dc3545}.no-missions{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-missions p{color:#6b7280;font-size:16px;margin:0}.responsive-table-container{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.responsive-table{border-collapse:collapse;font-size:14px;width:100%}.responsive-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.responsive-table th{color:#475569;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.responsive-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:16px 20px;vertical-align:middle}.responsive-table tbody tr:hover{background:#f8fafc}.responsive-table .clickable-row{cursor:pointer;transition:background-color .2s ease}.responsive-table .clickable-row:hover{background:#f1f5f9}.responsive-table-loading{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:center;padding:60px 20px}.loading-spinner{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.responsive-table-empty{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:center;padding:60px 20px}.empty-state{color:#64748b}.responsive-table-mobile{display:flex;flex-direction:column;gap:12px}.mobile-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;transition:all .2s ease}.mobile-card-clickable{cursor:pointer}.mobile-card-clickable:active,.mobile-card-clickable:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.mobile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-card-title{color:#1e293b;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:2px}.mobile-card-subtitle{color:#64748b;font-size:12px;line-height:1.4}.mobile-card-content{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.mobile-card-row{align-items:center;display:flex;justify-content:space-between;min-height:20px}.mobile-card-label{color:#64748b;flex-shrink:0;font-size:12px;font-weight:500;min-width:100px}.mobile-card-value{color:#1e293b;flex-grow:1;font-size:14px;font-weight:400;margin-left:16px;text-align:right}.mobile-card-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-top:12px}.mobile-card-actions .btn{align-items:center;border-radius:6px;display:inline-flex;flex:0 0 auto;font-size:12px;gap:4px;margin-bottom:0;min-height:32px;min-width:auto;padding:6px 12px}.mobile-card-actions .btn svg{font-size:14px}.btn{border:1px solid #0000;display:inline-flex;justify-content:center;line-height:1.2;min-height:36px;padding:8px 16px;text-decoration:none}.btn:disabled{opacity:.6}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-secondary{background:#f8fafc;border-color:#e2e8f0;color:#475569}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-success{background:#10b981;border-color:#10b981}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.btn-warning{background:#f59e0b;border-color:#f59e0b}.btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn-danger{background:#ef4444;border-color:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-sm{font-size:12px;min-height:32px;padding:6px 12px}.btn-xs{font-size:11px;min-height:28px;padding:4px 8px}.status-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.025em;line-height:1;text-transform:uppercase}.status-active{background:#d1fae5}.status-inactive{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7}.status-completed{background:#dbeafe;color:#1e40af}.status-cancelled{background:#f3f4f6;color:#374151}@media (max-width:480px){.mobile-card{padding:12px}.mobile-card-title{font-size:15px}.mobile-card-actions{align-items:stretch;flex-direction:column}.mobile-card-actions .btn{justify-content:center;width:100%}}.mission-detail-figma{background-color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.mission-detail-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.back-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.back-btn:hover{background:#f9fafb;border-color:#9ca3af}.page-title{color:#1f2937;font-weight:600;margin:0}.header-btn{border:1px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.header-btn.secondary{background:#fff;border-color:#3b82f6;color:#3b82f6}.header-btn.secondary:hover{background:#eff6ff}.header-btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}.header-btn.danger:hover{background:#b91c1c}.header-btn.neutral{background:#6b7280;border-color:#6b7280;color:#fff}.header-btn.neutral:hover{background:#4b5563}.mission-detail-layout{display:flex;min-height:calc(100vh - 89px)}.mission-sidebar{background:#fff;border-right:1px solid #e5e7eb;padding:0;width:280px}.sidebar-tab{font-weight:500}.sidebar-tab.active{border-left:3px solid #3b82f6}.mission-main-content{background:#f5f6fa;flex:1 1;padding:32px}.tab-content-figma{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.mission-card-detail-figma{max-width:600px}.mission-header-detail-figma{align-items:center;display:flex;gap:16px;margin-bottom:24px}.mission-id-large{color:#1f2937;font-size:18px;font-weight:600}.status-badge-large{border-radius:20px;font-size:12px;font-weight:500;padding:6px 12px;text-transform:uppercase}.status-badge-large.terminee{background:#dcfce7;color:#166534}.mission-client-detail-figma{align-items:center;display:flex;gap:16px;margin-bottom:24px}.client-avatar-large{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:56px;justify-content:center;width:56px}.client-info-detail{flex:1 1}.client-info-detail strong{color:#1f2937;display:block;font-size:16px;margin-bottom:8px}.payment-badge-large{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.payment-badge-large.payer{background:#dcfce7;color:#166534}.payment-badge-large.echec{background:#fef2f2;color:#dc2626}.payment-badge-large.en-cours{background:#fef3c7;color:#d97706}.mission-services-detail-figma{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.service-tag.transport{background:#3b82f6}.service-tag.livraison{background:#10b981}.service-tag.location{background:#f59e0b}.service-tag.conducteur{background:#8b5cf6}.mission-dates-detail-figma{display:flex;gap:24px;margin-bottom:24px}.date-item-detail{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.date-icon{font-size:16px}.mission-rating-detail-figma{display:flex;gap:4px;margin-bottom:32px}.star-large{filter:grayscale(100%);font-size:20px}.star-large.filled{filter:none}.mission-actions-detail-figma{display:flex;gap:12px}.action-danger-detail{background:#dc2626;border:none;border-radius:8px;color:#fff}.action-danger-detail,.action-secondary-detail{cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px}.action-secondary-detail{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280}.action-primary-detail{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px}.tarification-content{max-width:500px}.payment-status-header{align-items:center;background:#f0fdf4;border-left:4px solid #22c55e;border-radius:8px;display:flex;gap:12px;margin-bottom:32px;padding:16px 20px}.payment-check-icon{font-size:18px}.payment-status-text{color:#166534;font-size:16px;font-weight:500}.pricing-details{background:#f9fafb;border-radius:8px;padding:24px}.pricing-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.pricing-row:last-child{border-bottom:none;border-top:2px solid #e5e7eb;margin-top:8px;padding-top:16px}.pricing-label{color:#6b7280;font-size:14px}.pricing-value{color:#1f2937;font-size:14px;font-weight:600}.pricing-value.total{color:#3b82f6;font-size:16px}.evaluation-content{max-width:600px}.review-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.reviewer-info{align-items:center;display:flex;gap:12px;margin-bottom:16px}.reviewer-avatar{border-radius:50%;height:48px;overflow:hidden;width:48px}.reviewer-avatar img{height:100%;object-fit:cover;width:100%}.reviewer-details{flex:1 1}.reviewer-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px}.review-date,.reviewer-role{color:#6b7280;font-size:12px}.review-rating{display:flex;gap:2px;margin-bottom:16px}.review-star{filter:grayscale(100%);font-size:16px}.review-star.filled{filter:none}.review-text{color:#374151;font-size:14px;line-height:1.5}.note-content{max-width:100%}.note-header{margin-bottom:24px}.note-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.note-editor-toolbar{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;gap:16px;padding:12px 16px}.toolbar-group{align-items:center;display:flex;gap:8px}.toolbar-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;padding:6px 8px}.toolbar-btn:hover{background:#f3f4f6}.toolbar-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:12px;padding:4px 8px}.toolbar-text{color:#6b7280;font-size:12px;min-width:20px;text-align:center}.note-editor-formatting{align-items:center;background:#f9fafb;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;display:flex;gap:16px;padding:12px 16px}.formatting-group{align-items:center;display:flex;gap:4px}.format-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;min-width:28px;padding:6px 8px}.format-btn:hover{background:#f3f4f6}.format-btn.bold{font-weight:700}.format-btn.italic{font-style:italic}.format-btn.underline{text-decoration:underline}.format-btn.strikethrough{text-decoration:line-through}.color-picker{align-items:center;display:flex;padding:2px}.color-square{background:#3b82f6;border:1px solid #d1d5db;border-radius:2px;height:20px;width:20px}.note-editor-lists{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;display:flex;gap:16px;padding:12px 16px}.align-group,.indent-group,.list-group{align-items:center;display:flex;gap:4px}.align-btn,.indent-btn,.list-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;padding:6px 8px}.align-btn:hover,.indent-btn:hover,.list-btn:hover{background:#f3f4f6}.note-editor-area{margin:24px 0;position:relative}.note-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px}.note-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.note-counter{background:#fff;border-radius:4px;bottom:12px;color:#9ca3af;font-size:12px;padding:2px 8px;position:absolute;right:16px}.note-save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px}.note-save-btn:hover{background:#2563eb}.warning-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin:20px;max-width:480px;width:100%}.modal-header{padding:24px 24px 16px}.modal-close:hover{color:#374151}.modal-body{padding:16px 24px 24px}.modal-body label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.warning-textarea{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;min-height:120px;padding:12px;resize:vertical;width:100%}.warning-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{padding:16px 24px 24px}.modal-btn{border:1px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.modal-btn.cancel{background:#fff;border-color:#d1d5db;color:#6b7280}.modal-btn.cancel:hover{background:#f9fafb}.modal-btn.send{background:#3b82f6;border-color:#3b82f6;color:#fff}.modal-btn.send:hover{background:#2563eb}.error,.loading{min-height:200px}.reports-container{background:#f9fbff;font-family:Segoe UI,sans-serif;padding:20px}h2{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:20px}.reports-top{flex-wrap:wrap;margin-bottom:20px}.reports-info-box,.reports-top{display:flex;justify-content:space-between}.reports-info-box{background:#fff;border-radius:12px;flex:1 1;gap:40px;margin-left:20px;min-width:600px;padding:20px}.reports-info-box h4{color:#1a1a1a;font-size:14px;font-weight:600;margin-bottom:10px}.reports-info-box ul{color:#333;font-size:13px;list-style:none;margin:0;padding-left:0}.circle-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.chart-container{height:120px;margin:10px 0;position:relative;width:120px}.chart-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.chart-percentage{color:#06f;display:block;font-size:24px;font-weight:700;line-height:1}.chart-label{color:#666;display:block;font-size:12px;margin-top:2px}.reports-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.filters-bottom-row,.filters-top-row{align-items:center;display:flex;gap:12px}.search-box{color:#999;gap:6px;width:220px}.date-field{width:100%}.status-filters{display:flex;flex-wrap:wrap;gap:6px}.status-filters .status-btn{background:#f1f5f9;border:none;border-radius:20px;color:#1a1a1a;cursor:pointer;font-size:13px;padding:6px 14px;transition:background .2s ease}.status-filters .status-btn:hover{background:#e6ecf2}.status-filters .status-btn.active{background:#2563eb;color:#fff}.date-input{color:#999;gap:6px;width:140px}.dropdown-service{width:160px}.dropdown-month,.dropdown-service{background:#f1f5f9;border:1px solid #ccc;border-radius:8px;color:#333;font-size:14px;height:40px;padding:8px 12px}.dropdown-month{width:120px}.reports-table{background:#fff;border-collapse:collapse;border-radius:12px;font-size:14px;width:100%}.reports-table thead{background:#f1f5f9;text-align:left}.reports-table td,.reports-table th{border-bottom:1px solid #eee;padding:12px}.status-tag{border-radius:12px;display:inline-block;padding:4px 10px}.status-green{background:#e5f9ed;color:#2f855a}.status-blue{background:#e6f0ff;color:#06f}.status-orange{background:#fff3cd;color:#e69500}.status-red{background:#ffe5e5;color:#c00}.status-gray{background:#f2f2f2;color:#999}.actions{gap:10px}.action-blue{color:#06f;cursor:pointer;font-weight:500}.action-red{color:#ff4d4f}.with-avatar{align-items:center;display:flex;gap:8px}.avatar{border:1px solid #ccc;height:24px;width:24px}.table-container{margin-top:20px}.action-icon{color:#666;cursor:pointer;font-size:16px;transition:color .2s}.action-icon:hover{color:#2563eb}.no-data{color:#666;font-style:italic;padding:40px;text-align:center}.error{font-size:16px;height:200px;margin:20px 0}@media (max-width:1024px){.reports-info-box{flex-wrap:wrap;gap:20px;min-width:auto}.chart-container{height:100px;width:100px}.chart-percentage{font-size:20px}.reports-info-box h4{font-size:13px}.reports-info-box ul{font-size:12px}}@media (max-width:768px){.reports-container{padding:15px}h2{font-size:20px}.reports-top,h2{margin-bottom:16px}.reports-info-box{flex-direction:column;gap:20px;margin-left:0;min-width:auto;padding:16px;width:100%}.circle-container{align-items:flex-start}.chart-container{height:80px;margin:8px 0;width:80px}.chart-percentage{font-size:18px}.chart-label{font-size:11px}.reports-info-box h4{font-size:13px;margin-bottom:8px}.reports-info-box ul{font-size:12px}.reports-info-box ul li{margin-bottom:4px}.reports-filters{gap:10px;margin-bottom:16px}.filters-top-row{flex-wrap:wrap;gap:10px}.filters-bottom-row{align-items:stretch;flex-direction:column;gap:10px}.date-input,.search-box{max-width:none;width:100%}.dropdown-month,.dropdown-service{font-size:13px;height:44px;max-width:none;width:100%}.status-filters{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.status-filters .status-btn{flex-shrink:0;font-size:12px;padding:8px 12px;white-space:nowrap}.table-container{margin-top:16px}.reports-table{display:none}.with-avatar{gap:6px}.avatar{height:20px;width:20px}.status-tag{font-size:11px;padding:3px 8px}.actions{gap:8px}.action-blue,.action-red{font-size:12px}.action-icon{font-size:14px}}@media (max-width:480px){.reports-container{padding:12px}h2{font-size:18px;margin-bottom:12px}.reports-info-box{gap:16px;padding:12px}.circle-container{align-items:center;text-align:center}.chart-container{height:70px;margin:6px 0;width:70px}.chart-percentage{font-size:16px}.chart-label{font-size:10px}.reports-info-box h4{font-size:12px;margin-bottom:6px;text-align:center}.reports-info-box ul{font-size:11px;text-align:center}.reports-info-box ul li{margin-bottom:3px}.reports-filters{gap:8px;margin-bottom:12px}.filters-bottom-row,.filters-top-row{gap:8px}.search-box{border-radius:6px;padding:10px 12px}.search-box input{font-size:13px}.date-input{border-radius:6px;padding:10px 12px}.date-field{font-size:13px}.dropdown-month,.dropdown-service{border-radius:6px;font-size:12px;height:40px;padding:10px 12px}.status-filters .status-btn{border-radius:16px;font-size:11px;padding:6px 10px}.table-container{margin-top:12px}.with-avatar{font-size:12px;gap:4px}.avatar{height:18px;width:18px}.status-tag{border-radius:10px;font-size:10px;padding:2px 6px}.actions{gap:6px}.action-blue,.action-red{font-size:11px}.action-icon{font-size:12px}.error,.loading{border-radius:6px;font-size:14px;height:120px;margin:12px 0}.no-data{font-size:13px;padding:24px}}.signalement-detail{background:#f9fbff;min-height:100vh;padding:20px}.back-button{border-radius:4px;color:#666;font-size:20px}.back-button:hover{background-color:#f0f0f0}.detail-header h1{color:#1a1a1a;margin-left:20px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-blue:hover:not(:disabled){background:#1d4ed8}.btn-red{background:#ef4444;color:#fff}.btn-red:hover:not(:disabled){background:#dc2626}.btn-gray{background:#6b7280;color:#fff}.btn-gray:hover:not(:disabled){background:#4b5563}.btn-outline{background:#0000;color:#374151}.detail-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.detail-sidebar{background:#f8fafc;padding:20px;width:300px}.tab-navigation{display:flex;flex-direction:column;gap:8px}.tab-button{background:none;padding:15px 20px}.tab-button.active{background:#2563eb;color:#fff}.tab-button:hover:not(.active){background:#e5e7eb}.info-tab{max-width:800px}.signalement-info{display:flex;flex-direction:column;gap:30px}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.info-header h2{color:#1a1a1a;font-size:20px;font-weight:600}.status-tag{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-green{background:#dcfce7;color:#166534}.status-blue{background:#dbeafe;color:#1e40af}.status-orange{background:#fed7aa;color:#ea580c}.status-red{background:#fecaca;color:#dc2626}.status-gray{background:#f3f4f6;color:#6b7280}.info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.info-section h3{color:#1a1a1a;margin-bottom:15px}.info-row{display:flex;justify-content:space-between;margin-bottom:10px}.info-row .label{color:#6b7280;font-weight:500}.info-row .value{color:#1a1a1a}.user-info{gap:15px}.user-avatar{border:2px solid #e5e7eb;border-radius:50%;height:50px;object-fit:cover;width:50px}.user-details{flex:1 1}.user-name{color:#1a1a1a;font-size:16px;margin-bottom:4px}.user-type{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.user-email{color:#6b7280;font-size:14px}.description-text{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;line-height:1.6;padding:15px}.attachments{display:flex;flex-direction:column;gap:10px}.attachment-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.attachment-item a{color:#2563eb;text-decoration:none}.attachment-item a:hover{text-decoration:underline}.messages-tab{display:flex;flex-direction:column;height:600px}.messages-container{background:#f8fafc;border-radius:8px;padding:20px}.messages-list{display:flex;flex-direction:column;gap:20px}.message{display:flex;gap:12px}.message.admin-message{flex-direction:row-reverse}.message-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.message-content{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a;max-width:60%;padding:12px 16px}.admin-message .message-content{background:#2563eb;color:#fff}.message-header{margin-bottom:6px}.sender-name{font-size:14px}.message-time{font-size:12px;opacity:.7}.message-text{font-size:14px;line-height:1.4}.message-input{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:15px}.message-input input{border:none;flex:1 1;font-size:14px;outline:none;padding:10px}.message-input button{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px}.message-input button:disabled{cursor:not-allowed;opacity:.5}.treatment-tab{display:flex;flex-direction:column;gap:30px}.treatment-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.treatment-section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:15px}.admin-assignment,.assigned-admin{align-items:center;display:flex;gap:15px}.admin-avatar{border:2px solid #e5e7eb;border-radius:50%;height:50px;object-fit:cover;width:50px}.admin-details{flex:1 1}.admin-name{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:4px}.admin-role{color:#6b7280;font-size:14px}.no-admin{align-items:center;color:#6b7280;display:flex;font-style:italic;gap:10px}.sanctions-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.sanctions-content{display:flex;flex-direction:column;gap:15px}.sanctions-text{color:#374151;line-height:1.6}.note-editor{display:flex;flex-direction:column;gap:15px}.note-editor textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;line-height:1.5;outline:none;padding:12px;resize:vertical;width:100%}.note-editor textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-content{max-height:80vh;max-width:600px;overflow:hidden}.modal-header h3{color:#1a1a1a}.modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:18px;padding:4px}.modal-close:hover{background:#f3f4f6}.modal-body{padding:20px}.rich-editor{border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.editor-toolbar{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px}.editor-toolbar button{border:1px solid #d1d5db;color:#374151;font-size:12px}.editor-toolbar button:hover{background:#f3f4f6}.rich-editor textarea{border:none;font-size:14px;line-height:1.5;outline:none;padding:12px;resize:none;width:100%}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.error,.loading{padding:40px}.error{align-items:center;border:1px solid #fecaca;display:flex;justify-content:center}@media (max-width:768px){.detail-content{flex-direction:column}.detail-sidebar{width:100%}.tab-navigation{flex-direction:row;overflow-x:auto}.tab-button{white-space:nowrap}.info-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;gap:8px}}.paiements-container{background:#f9fbff;font-family:Segoe UI,sans-serif;padding:20px}.paiements-container h2{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:20px}.paiements-header{margin-bottom:20px}.month-selector{margin-bottom:15px}.month-selector select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;min-width:120px;padding:8px 16px}.revenue-summary{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;padding:20px}.revenue-detail{flex:1 1}.revenue-detail .label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.revenue-breakdown{display:flex;flex-direction:column;gap:8px}.revenue-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.revenue-item .type{color:#666}.revenue-item .amount{color:#2563eb;font-weight:600}.stats-cards{display:flex;gap:20px}.stat-card{background:#f8f9fa;min-width:180px}.stat-card h4{color:#666;font-size:13px;font-weight:400;margin-bottom:8px}.stat-value{color:#1a1a1a;font-size:32px}.stat-value span{color:#666;font-size:16px;font-weight:400}.paiements-filters{margin-bottom:20px}.paiements-page .search-container{align-items:center;display:flex;gap:20px;margin-bottom:15px}.search-box{background:#f1f5f9;border-radius:8px;flex:1 1;gap:8px;max-width:300px;padding:10px 16px}.search-box svg{color:#999;height:16px;width:16px}.search-box input{background:#0000;color:#333}.date-selector{align-items:center;color:#666;display:flex;font-size:14px;gap:12px}.date-input{background:#f1f5f9}.date-input svg{color:#999;height:16px;width:16px}.date-field{background:#0000;border:none;color:#333;font-size:14px;outline:none;width:140px}.filter-tabs{display:flex;gap:20px}.filter-group{gap:6px}.filter-btn{border:1px solid #e0e0e0;color:#666;padding:6px 16px;transition:all .2s}.filter-btn:hover{background:#f8f9fa}.filter-btn.active{background:#2563eb;border-color:#2563eb}.paiements-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.paiement-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;position:relative}.card-header{margin-bottom:16px}.card-header h3{color:#1a1a1a;font-size:16px}.card-checkbox{cursor:pointer;height:18px;width:18px}.card-content{display:flex;flex-direction:column;gap:16px}.amount-section{border-bottom:1px solid #f0f0f0;padding-bottom:16px}.amount{font-size:24px;margin-bottom:4px}.amount.success{color:#22c55e}.amount.fail{color:#ef4444}.payment-type{color:#666;font-size:14px}.commission-info,.payment-type{margin-bottom:12px}.commission-info .label{color:#666;display:block;font-size:13px;margin-bottom:4px}.commission-details{font-size:14px;gap:8px}.commission-amount{color:#1a1a1a}.payment-method{margin-top:8px}.method-badge{background:#f1f5f9;border-radius:16px;color:#666;font-size:13px;padding:4px 12px}.transaction-info{align-items:center;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:12px 0}.transaction-type{color:#333;font-size:14px}.transaction-date{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.transaction-date svg{height:14px;width:14px}.participants-section{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 0}.participant{align-items:center;display:flex;flex:1 1;gap:10px}.participant-avatar{height:40px;width:40px}.participant-info{flex:1 1}.participant-name{color:#1a1a1a;font-size:14px;font-weight:600;margin-bottom:2px}.participant-type{background:#f1f5f9;color:#666;display:inline-block;font-size:12px}.participant-link{align-items:center;color:#2563eb;cursor:pointer;display:flex;font-size:13px;gap:4px;text-decoration:none}.participant-link:hover{text-decoration:underline}.participant-link svg{height:14px;width:14px}.mission-id{color:#666;font-size:12px;margin-top:4px}.card-actions{display:flex;gap:12px;margin-top:16px}.action-btn{font-size:14px;gap:6px;padding:8px 16px}.csv-btn{background:#e6f7f1;color:#22c55e}.csv-btn:hover{background:#d1f3e5}.csv-btn svg{height:16px;width:16px}.details-btn{background:#2563eb;color:#fff;flex:1 1;justify-content:center}.details-btn:hover{background:#1d4ed8}.due-date-badge{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:12px;font-weight:500;padding:4px 12px;position:absolute;right:60px;top:20px}.loading{color:#666}.error{color:#ef4444}.paiement-detail{background:#f9fbff;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.detail-header{border-bottom:1px solid #e5e7eb;gap:16px;margin-bottom:30px;padding-bottom:20px}.back-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;padding:8px;transition:background-color .2s}.back-button:hover{background:#f9fafb}.back-button svg{color:#6b7280;height:20px;width:20px}.detail-header h1{color:#1f2937;flex:1 1;font-size:24px;font-weight:600;margin:0}.btn{font-weight:500;gap:6px;transition:all .2s}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-outline:hover{background:#f9fafb}.btn-blue{background:#2563eb;color:#fff}.btn-blue:hover{background:#1d4ed8}.detail-content{display:flex;gap:30px}.detail-sidebar{flex-shrink:0}.tab-navigation{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:8px}.tab-button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;margin-bottom:4px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.tab-button:last-child{margin-bottom:0}.tab-button:hover{background:#f3f4f6;color:#374151}.tab-button.active{background:#eff6ff;color:#2563eb;font-weight:500}.detail-main{border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.transaction-header{margin-bottom:30px}.transaction-header h2{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:20px}.transaction-details{align-items:flex-start;display:flex;justify-content:space-between}.amount-info{display:flex;flex-direction:column;gap:8px}.amount{color:#1f2937;font-size:32px;font-weight:700}.status{border-radius:16px;font-size:12px;font-weight:600;padding:4px 12px;width:fit-content}.status.success{background:#d1fae5;color:#065f46}.service-info{text-align:right}.service-type{color:#374151;font-size:16px;font-weight:500;margin-bottom:8px}.date-time{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.transaction-info{display:flex;flex-direction:column;gap:24px}.info-section h3{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.info-value{color:#6b7280;font-size:14px}.commission-section{border-top:1px solid #f3f4f6;padding-top:24px}.commission-details{align-items:center;display:flex;gap:12px;margin-bottom:20px}.commission-amount{color:#1f2937;font-size:16px;font-weight:600}.commission-rate{color:#2563eb}.commission-rate,.net-amount{font-size:16px;font-weight:600}.net-amount{color:#1f2937;margin-top:8px}.payment-method-section{margin-top:24px}.method-badge{background:#f3f4f6;border-radius:20px;color:#6b7280;display:inline-block;font-size:14px;padding:6px 16px}.donnees-tab .info-section h3{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:12px}.donnees-tab .commission-details,.donnees-tab .net-section{margin-bottom:20px}.donnees-tab .label{color:#6b7280;font-size:14px;margin-bottom:4px}.participants-tab{display:flex;flex-direction:column;gap:24px}.participant-card{border:1px solid #e5e7eb;border-radius:12px;padding:20px}.participant-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.participant-avatar{border-radius:50%;height:60px;object-fit:cover;width:60px}.participant-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.participant-type{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:14px;padding:2px 8px}.detail-link{align-items:center;background:#eff6ff;border:none;border-radius:8px;color:#2563eb;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .2s}.detail-link:hover{background:#dbeafe}.detail-link svg{height:16px;width:16px}.mission-info{color:#6b7280;font-size:12px;margin-top:8px}.note-tab{max-width:800px}.note-editor h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:20px}.editor-toolbar{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;display:flex;gap:8px;padding:12px}.editor-toolbar button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:4px 8px}.editor-toolbar button:hover{background:#e5e7eb}.editor-toolbar select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.spacer{background:#d1d5db;height:20px;margin:0 8px;width:1px}.note-textarea{border:1px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;color:#374151;font-family:inherit;font-size:14px;line-height:1.5;min-height:300px;outline:none;padding:16px;resize:vertical;width:100%}.note-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.word-count{color:#9ca3af;font-size:12px;margin:8px 0 16px;text-align:right}.error{background:#fef2f2;border-radius:8px;margin:20px}.services-container{background-color:#f9fbfd;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.services-container h2{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:20px}.stats-section-figma{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.stats-row{align-items:stretch;display:flex;gap:20px}.stats-card-small{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;text-align:center;width:200px}.stats-card-small .label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:12px}.stats-card-small .value.blue{color:#3b82f6;font-size:48px;font-weight:700}.stats-card-large{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex:1 1;padding:24px}.stats-card-large .title{color:#374151;font-size:14px;font-weight:600;margin-bottom:20px}.services-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr)}.service-card{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center}.service-card .service-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:8px}.service-details{display:flex;flex-direction:column;gap:2px}.stat-line{color:#6b7280;font-size:12px}.services-grid-numbered{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.service-number-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}.service-number-card .service-name{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:8px}.big-number{font-size:32px;font-weight:700}.big-number.transport{color:#1d4ed8}.big-number.livraison{color:#059669}.big-number.location{color:#0891b2}.big-number.conducteur{color:#dc2626}.search-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:24px}.services-page .search-bar{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;min-width:250px;padding:10px 12px}.services-page .search-bar .search-icon{color:#6b7280;margin-right:8px}.services-page .search-bar input{background-color:initial;border:none;color:#374151;font-size:14px;outline:none;width:100%}.services-page .search-bar input::placeholder{color:#9ca3af}.date-field{color:#374151;display:flex;flex-direction:column;font-size:12px}.date-field label{color:#6b7280;font-weight:500;margin-bottom:4px}.date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:10px 12px}.date-input svg{color:#6b7280;margin-right:8px}.date-input input{background-color:initial;border:none;color:#374151;font-size:14px;outline:none;width:100%}.btn-primary{align-items:center;display:flex;gap:8px}.btn-primary,.btn-secondary{font-size:14px;padding:10px 16px}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.services-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.services-table td,.services-table th{border-bottom:1px solid #f3f4f6;font-size:14px;padding:12px 16px;text-align:left}.services-table thead{background-color:#f9fafb}.services-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600}.services-table tbody tr:last-child td{border-bottom:none}.services-table tbody tr:hover{background-color:#f9fafb}.services-table .icon{align-items:center;color:#6b7280;display:flex;font-size:18px;justify-content:center}.status-green{background-color:#d1fae5;color:#10b981}.status-green,.status-red{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-red{background-color:#fee2e2;color:#ef4444}.action-link{color:#3b82f6;transition:color .2s}.action-link:hover{color:#2563eb}.action-red{color:#ef4444;cursor:pointer;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.action-red:hover{color:#dc2626}.icon-action{color:#6b7280;cursor:pointer;font-size:16px;transition:color .2s}.icon-action:hover{color:#374151}.services-table input[type=checkbox]{cursor:pointer;height:16px;width:16px}@media (max-width:768px){.services-container{padding:15px}.services-container h2{font-size:20px;margin-bottom:16px}.stats-section-figma{gap:16px;margin-bottom:24px}.stats-row{flex-direction:column;gap:16px}.stats-card-small{padding:16px;width:100%}.stats-card-small .value.blue{font-size:36px}.stats-card-large{padding:20px}.stats-card-large .title{font-size:13px;margin-bottom:16px}.services-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.service-card{padding:12px}.service-card .service-name{font-size:13px;margin-bottom:6px}.stat-line{font-size:11px}.services-grid-numbered{gap:12px;grid-template-columns:repeat(2,1fr)}.service-number-card{padding:12px}.big-number{font-size:28px}.search-actions{align-items:stretch;flex-direction:column;gap:12px}.date-field,.search-bar{width:100%}.search-bar{min-width:100%}.date-field{margin:0}.btn-primary,.btn-secondary{justify-content:center;padding:12px 16px;width:100%}.services-table{display:none}}@media (max-width:480px){.services-container{padding:12px}.services-container h2{font-size:18px;margin-bottom:12px}.stats-section-figma{gap:12px;margin-bottom:20px}.stats-row{gap:12px}.stats-card-small{padding:12px}.stats-card-small .label{font-size:11px;margin-bottom:8px}.stats-card-small .value.blue{font-size:32px}.stats-card-large{padding:16px}.stats-card-large .title{font-size:12px;margin-bottom:12px}.services-grid,.services-grid-numbered{gap:8px;grid-template-columns:1fr}.service-card,.service-number-card{padding:10px}.service-card .service-name,.service-number-card .service-name{font-size:12px;margin-bottom:4px}.big-number{font-size:24px}.stat-line{font-size:10px}.search-actions{gap:10px}.btn-primary,.btn-secondary{font-size:13px;padding:10px 14px}.date-field label{font-size:11px}.date-input input,.search-bar input{font-size:13px}}@media (max-width:768px){.stats-section{flex-direction:column}.services-page .search-bar,.stats-card-group{min-width:100%}.services-table{font-size:12px}.services-table td,.services-table th{padding:8px 12px}}.create-service-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.modal-header{padding:20px}.back-icon{color:#6b7280;cursor:pointer;font-size:18px;margin-right:15px}.modal-header h2{color:#1f2937}.step-content{padding:20px}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.step-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.step-indicators{display:flex;gap:10px}.step-dot{background-color:#e5e7eb;border-radius:50%;height:12px;width:12px}.step-dot.active{background-color:#3b82f6}.form-group{margin-bottom:25px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none}.form-group textarea{height:80px}.icon-upload{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px;transition:border-color .2s}.icon-upload:hover{border-color:#3b82f6}.icon-upload svg{color:#3b82f6;font-size:24px;margin-bottom:8px}.icon-upload span{color:#6b7280;font-size:14px}.radio-group{display:flex;gap:20px}.radio-group-horizontal{display:flex;flex-wrap:wrap;gap:30px}.radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px}.radio-label input{margin-right:8px;width:auto}.checkbox-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-list{display:flex;flex-direction:column;gap:10px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px}.checkbox-label input{margin-right:8px;width:auto}.form-help{color:#6b7280;font-size:12px;margin-bottom:8px}.form-actions{margin-top:30px}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background-color:#f9fafb}.btn-primary{background-color:#3b82f6;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s}.btn-primary:hover{background-color:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.error-message{border-radius:6px;margin-top:10px;padding:10px}.success-modal{padding:40px;text-align:center}.success-header{align-items:center;display:flex;justify-content:center;margin-bottom:30px;position:relative}.success-header .back-icon{left:0;position:absolute}.success-content{align-items:center;display:flex;flex-direction:column}.success-illustration{margin-bottom:30px}.success-character{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;height:150px;justify-content:center;margin:0 auto 20px;position:relative;width:150px}.success-character:before{content:"🎉";font-size:60px}.success-text h3{color:#3b82f6;font-size:32px;font-weight:700;margin:0 0 10px}.success-text h4{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 15px}.success-text p{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 30px;max-width:400px}.success-modal .btn-primary{font-size:16px;padding:15px 30px}.duplicate-service-modal{background:#fff;border-radius:12px;max-width:500px;position:relative;width:90%}.duplicate-service-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.duplicate-service-modal .modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-icon{color:#6b7280;cursor:pointer;font-size:18px}.close-icon:hover{color:#374151}.duplicate-service-modal .modal-body{padding:20px}.duplicate-service-modal .form-group{margin-bottom:20px}.duplicate-service-modal .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.duplicate-service-modal .form-group input,.duplicate-service-modal .form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.duplicate-service-modal .form-group input:focus,.duplicate-service-modal .form-group textarea:focus{border-color:#3b82f6;outline:none}.duplicate-service-modal .form-group textarea{height:80px;resize:vertical}.duplicate-service-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:space-between;padding:20px}.duplicate-service-modal .btn-secondary{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.duplicate-service-modal .btn-secondary:hover{background-color:#f9fafb}.duplicate-service-modal .btn-primary{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s}.duplicate-service-modal .btn-primary:hover{background-color:#2563eb}.duplicate-service-modal .btn-primary:disabled{cursor:not-allowed;opacity:.6}.duplicate-service-modal .error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;font-size:14px;margin-top:10px;padding:10px}.delete-service-modal{background:#fff;border-radius:12px;max-width:500px;position:relative;width:90%}.delete-service-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.delete-service-modal .modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.delete-service-modal .modal-body{padding:20px}.warning-content{padding:20px 0;text-align:center}.warning-content h3{color:#ef4444;font-size:18px;font-weight:600;margin:0 0 15px}.warning-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.delete-service-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:space-between;padding:20px}.delete-service-modal .btn-secondary{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.delete-service-modal .btn-secondary:hover{background-color:#f9fafb}.btn-danger{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s}.btn-danger:hover{background-color:#dc2626}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.delete-service-modal .error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;font-size:14px;margin-top:10px;padding:10px}.deactivate-service-modal{background:#fff;border-radius:12px;max-width:500px;position:relative;width:90%}.deactivate-service-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.deactivate-service-modal .modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.deactivate-service-modal .modal-body{padding:20px}.deactivate-service-modal .warning-content{padding:20px 0;text-align:center}.deactivate-service-modal .warning-content h3{color:#f59e0b;font-size:18px;font-weight:600;margin:0 0 15px}.deactivate-service-modal .warning-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.deactivate-service-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:space-between;padding:20px}.deactivate-service-modal .btn-secondary{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.deactivate-service-modal .btn-secondary:hover{background-color:#f9fafb}.deactivate-service-modal .error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;font-size:14px;margin-top:10px;padding:10px}.vehicules-container{background:#f9fafe;font-family:Inter,sans-serif;padding:30px}.vehicules-title{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:20px}.vehicules-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.vehicules-search{align-items:center;background:#f1f3f5;border-radius:8px;display:flex;padding:6px 12px;position:relative;width:240px;z-index:10}.vehicules-search input{background:#0000;border:none;margin-left:8px;outline:none;width:100%}.search-icon{color:#7b7b8c;flex-shrink:0;position:relative}.vehicules-categories-inline button{background:#0000;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:500;margin-right:10px;padding:6px 12px;transition:.2s ease}.vehicules-ajouter,.vehicules-categories-inline .active{background-color:#1d1dff;color:#fff}.vehicules-ajouter{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 16px}.vehicules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.vehicule-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:300px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.vehicule-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.vehicule-card-header{align-items:center;display:flex;height:160px;justify-content:center;padding:20px;position:relative}.vehicule-card-header,.vehicule-card-header.bulldozer{background:linear-gradient(135deg,#ff6b35,#ff8e53)}.vehicule-card-header.excavatrice{background:linear-gradient(135deg,gold,orange)}.vehicule-card-header.grue{background:linear-gradient(135deg,#4a90e2,#7bb3f0)}.vehicule-card-header.camion{background:linear-gradient(135deg,#28a745,#5cbf2a)}.vehicule-card-header.camion-benne{background:linear-gradient(135deg,#8b4513,sienna)}.vehicule-card-header.camionnette{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.vehicule-card-header.berline{background:linear-gradient(135deg,#673ab7,#9575cd)}.vehicule-card-header.suv{background:linear-gradient(135deg,#4caf50,#81c784)}.vehicule-card-header.minibus{background:linear-gradient(135deg,#00bcd4,#4dd0e1)}.vehicule-card-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:80px;object-fit:contain;width:120px}.vehicule-icon{align-items:center;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;height:32px;justify-content:center;left:12px;position:absolute;top:12px;width:32px;z-index:10}.vehicule-icon img{height:20px;object-fit:contain;width:20px}.vehicule-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:120px;padding:16px}.vehicule-content h4{color:#1d1d1f;font-size:18px;font-weight:700;line-height:1.2;margin:0}.vehicule-content .categorie{color:#666;font-size:14px;font-weight:500;margin-top:4px}.vehicule-content .details{display:flex;flex-direction:column;gap:6px;margin-top:10px}.vehicule-content .detail-item{align-items:center;color:#777;display:flex;font-size:13px;gap:6px}.vehicule-content .detail-item .icon{color:#999;width:14px}.vehicule-content .detail-item.dimensions{display:flex;flex-direction:column;font-size:11px;gap:3px;line-height:1.3;margin-top:8px}.vehicule-content .dimension-label{align-items:center;color:#666;display:flex;font-size:11px;font-weight:500}.vehicule-actions{display:flex;gap:8px;position:absolute;right:12px;top:12px;z-index:10}.vehicule-actions .action-btn{align-items:center;background:#fffffff2;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.vehicule-actions .action-btn:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.vehicule-actions .action-icon{height:14px;object-fit:contain;opacity:.8;transition:opacity .2s ease;width:14px}.vehicule-actions .action-btn:hover .action-icon{opacity:1}.vehicule-popup-figma{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:95vh;max-width:580px!important;min-height:700px;min-width:580px;overflow-y:auto;position:relative;width:100%!important;z-index:10000!important}.vehicule-popup-header-figma{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 24px 16px}.vehicule-popup-header-figma h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.popup-close-figma{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:4px}.popup-close-figma:hover{color:#000}.vehicule-image-section{padding:20px 24px;text-align:center}.vehicule-image-preview{background:#f8f8f8;border-radius:12px;margin:0 auto;max-width:200px;padding:20px;position:relative;transition:background-color .2s ease}.vehicule-image-preview:hover{background:#e8e8e8}.vehicule-image-preview img{max-height:120px;max-width:100%;object-fit:contain}.image-upload-overlay{background:#000000b3;border-radius:4px;bottom:5px;color:#fff;cursor:pointer;font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:auto;position:absolute;transform:translateX(-50%);transition:opacity .2s ease}.vehicule-image-preview:hover .image-upload-overlay{opacity:1}.vehicule-form-figma{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:0 24px 20px}.form-group-figma{display:flex;flex-direction:column;gap:8px}.form-group-figma label{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;gap:8px}.form-group-figma input,.form-group-figma select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 16px;transition:border-color .2s ease}.form-group-figma input:focus,.form-group-figma select:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f41a;outline:none}.form-group-tonnage{display:flex;flex-direction:column;gap:8px}.form-group-tonnage label{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;gap:8px}.tonnage-input{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;display:flex}.tonnage-input input{background:#0000;border:none;color:#666;flex:1 1;font-size:15px;padding:12px 16px}.tonnage-input .unit{color:#999;font-weight:500;padding:0 16px}.form-group-dimensions{display:flex;flex-direction:column;gap:12px}.dimension-row{display:flex;gap:12px}.dimension-item{display:flex;flex:1 1;flex-direction:column;gap:8px}.dimension-item label{align-items:center;color:#666;display:flex;font-size:13px;font-weight:500;gap:6px}.dimension-input{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;display:flex}.dimension-input input{background:#0000;border:none;color:#666;flex:1 1;font-size:14px;padding:10px 12px}.dimension-input .unit{color:#999;font-size:13px;font-weight:500;padding:0 12px}.places-input{align-items:center;display:flex;gap:12px}.places-input input{max-width:80px;text-align:center}.places-input .unit{color:#999;font-size:14px}.form-icon{height:16px;opacity:.7;width:16px}.input-compact{overflow:hidden;padding:12px 16px;text-overflow:ellipsis}.input-compact,.select-compact{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;height:48px;max-width:480px;transition:border-color .2s ease;width:100%}.select-compact{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:12px 40px 12px 16px}.form-icon-small{height:14px;margin-right:8px;opacity:.8;width:14px}.form-group-tonnage-compact{display:flex;flex-direction:column;gap:8px}.form-group-tonnage-compact label{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500}.tonnage-input-compact{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;height:48px;max-width:160px}.tonnage-input-compact input{background:#0000;border:none;flex:1 1;font-size:15px;height:100%;min-width:0;padding:12px 16px}.unit-compact{align-items:center;color:#666;display:flex;font-size:15px;font-weight:500;height:100%;padding:0 16px}.form-group-dimensions-compact{display:flex;flex-direction:column;gap:8px}.dimensions-main-label{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500}.dimensions-row-compact{align-items:center;display:flex;gap:12px;height:48px}.dimension-input-compact{flex:1 1;max-width:120px}.dimension-input-compact input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;height:48px;padding:12px 16px;text-align:center;transition:border-color .2s ease;width:100%}.unit-dimensions{align-items:center;color:#666;display:flex;font-size:15px;font-weight:500;height:48px;margin-left:8px}.form-group-places-compact{display:flex;flex-direction:column;gap:8px}.form-group-places-compact label{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500}.places-input-compact{align-items:center;display:flex;gap:12px;height:48px}.places-input-compact input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;height:48px;max-width:80px;padding:12px 16px;text-align:center}.unit-places{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;height:48px}.dimension-input-compact input:focus,.input-compact:focus,.places-input-compact input:focus,.select-compact:focus,.tonnage-input-compact input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f41a;outline:none}.vehicule-popup-actions-figma{border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:16px;margin-top:auto;padding:24px}.btn-cancel-figma{background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.btn-cancel-figma:hover{background:#e8e8e8}.btn-submit-figma{background:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.btn-submit-figma:hover{background:#3367d6}.popup-overlay{background:#0000004d;height:100%;padding:20px;position:fixed;width:100%;z-index:9999}.vehicule-popup{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:100%}.vehicule-popup-header{align-items:center;background:#f4f7fe;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 15px}.popup-close{font-size:22px}.vehicule-photo-upload{margin-bottom:15px}.photo-upload-box{align-items:center;background:#f9f9f9;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-align:center}.upload-icon{color:#555;font-size:24px}.upload-text{color:#777;font-size:14px;margin-top:5px}.vehicule-form{display:flex;flex-direction:column;gap:12px}.vehicule-form input,.vehicule-form select{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.input-icon-wrapper{position:relative}.input-icon-wrapper .input-icon{color:#777;font-size:14px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-wrapper input,.input-icon-wrapper select{padding-left:34px}.vehicule-form-inline{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.vehicule-form-inline label{align-items:center;color:#333;display:flex;font-size:14px;gap:5px}.vehicule-form-inline input{text-align:right;width:80px}.vehicule-popup-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel{border:1px solid #d0d5dd;color:#344054;padding:8px 16px}.btn-submit{background:#1d1dff;border-radius:6px;font-weight:600;padding:8px 16px}@media (max-width:1024px){.vehicules-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vehicule-card{height:280px}.vehicule-card-header{height:140px}.vehicule-card-image{height:70px;width:100px}}@media (max-width:768px){.vehicules-container{padding:15px}.vehicules-title{font-size:20px;margin-bottom:16px}.vehicules-toolbar{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.vehicules-search{max-width:none;width:100%}.vehicules-categories-inline{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.vehicules-categories-inline button{flex-shrink:0;font-size:14px;margin-right:0;padding:8px 12px;white-space:nowrap}.vehicules-ajouter{font-size:15px;justify-content:center;padding:12px 16px;width:100%}.vehicules-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.vehicule-card{height:260px}.vehicule-card-header{height:120px;padding:12px}.vehicule-card-image{height:60px;width:80px}.vehicule-icon{height:28px;left:8px;top:8px;width:28px}.vehicule-icon img{height:16px;width:16px}.vehicule-actions{gap:6px;right:8px;top:8px}.vehicule-actions .action-btn{height:28px;width:28px}.vehicule-actions .action-icon{height:12px;width:12px}.vehicule-content{min-height:100px;padding:12px}.vehicule-content h4{font-size:15px;line-height:1.2}.vehicule-content .categorie{font-size:12px;margin-top:2px}.vehicule-content .details{gap:4px;margin-top:8px}.vehicule-content .detail-item{font-size:11px;gap:4px}.vehicule-content .detail-item .icon{width:12px}.vehicule-content .detail-item.dimensions{font-size:10px;gap:2px;margin-top:6px}.vehicule-content .dimension-label{font-size:10px}.vehicule-popup-figma{margin:20px;max-height:90vh;max-width:90vw!important;min-width:90vw!important;width:90vw!important}.vehicule-popup-header-figma{padding:16px 16px 12px}.vehicule-popup-header-figma h3{font-size:18px}.vehicule-image-section{padding:16px}.vehicule-image-preview{max-width:160px;padding:16px}.vehicule-image-preview img{max-height:100px}.vehicule-form-figma{gap:14px;padding:0 16px 16px}.form-group-figma label{font-size:13px}.input-compact,.select-compact{font-size:14px;height:44px;max-width:100%}.tonnage-input-compact{height:44px;max-width:140px}.dimensions-row-compact{gap:8px;height:44px}.dimension-input-compact{max-width:80px}.dimension-input-compact input{font-size:14px;height:44px;padding:12px 8px}.places-input-compact{height:44px}.places-input-compact input{height:44px;max-width:60px}.vehicule-popup-actions-figma{gap:12px;padding:16px}.btn-cancel-figma,.btn-submit-figma{font-size:14px;padding:12px 20px}}@media (max-width:480px){.vehicules-container{padding:12px}.vehicules-title{font-size:18px;margin-bottom:12px}.vehicules-toolbar{gap:10px;margin-bottom:12px}.vehicules-search{padding:8px 12px}.vehicules-categories-inline button{font-size:13px;padding:6px 10px}.vehicules-ajouter{font-size:14px;padding:10px 14px}.vehicules-grid{gap:10px;grid-template-columns:1fr}.vehicule-card{height:240px}.vehicule-card-header{height:100px;padding:10px}.vehicule-card-image{height:50px;width:70px}.vehicule-icon{height:24px;left:6px;top:6px;width:24px}.vehicule-icon img{height:14px;width:14px}.vehicule-actions{gap:4px;right:6px;top:6px}.vehicule-actions .action-btn{height:24px;width:24px}.vehicule-actions .action-icon{height:10px;width:10px}.vehicule-content{min-height:90px;padding:10px}.vehicule-content h4{font-size:14px}.vehicule-content .categorie{font-size:11px}.vehicule-content .details{gap:3px;margin-top:6px}.vehicule-content .detail-item{font-size:10px;gap:3px}.vehicule-content .detail-item .icon{width:10px}.vehicule-content .detail-item.dimensions{font-size:9px;gap:1px;margin-top:4px}.vehicule-content .dimension-label{font-size:9px}.vehicule-popup-figma{margin:10px;max-height:95vh;max-width:95vw!important;min-width:95vw!important;width:95vw!important}.vehicule-popup-header-figma{padding:12px 12px 10px}.vehicule-popup-header-figma h3{font-size:16px}.vehicule-image-section{padding:12px}.vehicule-image-preview{max-width:120px;padding:12px}.vehicule-image-preview img{max-height:80px}.vehicule-form-figma{gap:12px;padding:0 12px 12px}.form-group-figma label{font-size:12px}.input-compact,.select-compact{font-size:13px;height:40px;padding:10px 14px}.tonnage-input-compact{height:40px;max-width:120px}.tonnage-input-compact input{font-size:13px;padding:10px 12px}.dimensions-row-compact{gap:6px;height:40px}.dimension-input-compact{max-width:60px}.dimension-input-compact input{font-size:13px;height:40px;padding:10px 6px}.places-input-compact{gap:8px;height:40px}.places-input-compact input{font-size:13px;height:40px;max-width:50px;padding:10px 12px}.form-icon-small{height:12px;width:12px}.vehicule-popup-actions-figma{gap:10px;padding:12px}.btn-cancel-figma,.btn-submit-figma{font-size:13px;padding:10px 16px}.vehicule-popup{margin:10px;max-width:95vw;padding:16px}.vehicule-popup h3{font-size:16px;margin-bottom:16px}.vehicule-popup-actions{gap:8px;margin-top:16px}.btn-cancel,.btn-submit{font-size:13px;padding:10px 14px}}.abonnements-container{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.abonnements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.abonnements-header h1{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 20px}.btn-create{background-color:#3b82f6;gap:8px;padding:12px 20px;transition:background-color .2s}.btn-create:hover{background-color:#2563eb}.plus-icon{font-size:16px;font-weight:700}.filter-section{margin-bottom:32px}.filter-select{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569;min-width:120px;outline:none}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.top-stats-section{margin-bottom:40px}.small-stats{display:flex;gap:24px;margin-bottom:24px}.stat-card{border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;min-width:200px}.stat-label{color:#64748b;font-weight:500;margin-bottom:8px}.stat-value{font-size:48px;line-height:1}.stat-value.blue{color:#3b82f6}.subscription-cards{display:flex;flex-wrap:wrap;gap:24px}.subscription-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-top:4px solid;box-shadow:0 1px 3px #0000001a;flex:1 1;min-width:280px;padding:24px}.card-header{margin-bottom:20px}.plan-title{font-size:18px;font-weight:600;margin:0 0 12px}.revenue-amount{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:4px}.revenue-label{font-weight:500}.card-footer,.revenue-label{color:#64748b;font-size:14px}.card-footer{align-items:center;justify-content:space-between}.monthly-price{font-weight:500}.price-period{color:#94a3b8;font-weight:400}.subscriber-count{align-items:center;color:#3b82f6;display:flex;font-weight:500}.detailed-plans-section{display:flex;flex-wrap:wrap;gap:24px}.detailed-plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-width:420px;min-width:320px;overflow:hidden}.plan-header-detailed{border-bottom:1px solid #f1f5f9;padding:24px 24px 16px}.plan-name-detailed{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 8px}.plan-price-detailed{color:#475569;font-size:16px;font-weight:500}.plan-content{padding:24px}.plan-duration{color:#475569;margin-bottom:20px}.plan-duration strong,.section-title{color:#1e293b;font-weight:600}.section-title{display:block;font-size:14px;margin-bottom:12px}.services-title{color:#3b82f6}.limits-title{color:#1e293b}.limits-list,.services-list{list-style:none;margin:0 0 20px;padding:0}.limits-list li,.services-list li{color:#475569;font-size:13px;line-height:1.5;margin-bottom:8px;padding-left:0}.plan-limits,.plan-services{margin-bottom:24px}.plan-actions{border-top:1px solid #f1f5f9;padding-top:20px;text-align:center}.btn-modifier{background:#0000;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .2s}.btn-modifier:hover{background-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.loading{color:#64748b}.error-message{background-color:#fef2f2;margin-top:16px}.empty-state{padding:60px 20px}.empty-state p{color:#64748b;font-size:16px;margin-bottom:20px}.detailed-plan-card:hover,.subscription-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);transition:all .3s ease}.stat-card:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px);transition:all .3s ease}@media (max-width:768px){.detailed-plans-section,.small-stats,.subscription-cards{flex-direction:column}.detailed-plan-card{max-width:100%}.abonnements-header{align-items:stretch;flex-direction:column;gap:15px}.abonnements-header h1{font-size:28px}}@media (max-width:1200px){.subscription-cards{flex-wrap:wrap}.subscription-card{min-width:250px}.detailed-plans-section{justify-content:center}}.create-abonnement-container{background-color:#f9fbfd;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.create-abonnement-header{margin-bottom:30px}.create-abonnement-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;max-width:1000px;padding:30px}.form-row{display:flex;flex-wrap:wrap;margin-bottom:30px}.form-group{flex:1 1;min-width:250px}.form-group input,.form-group select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:14px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder{color:#9ca3af}.features-section{margin-bottom:30px}.features-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.features-column{display:flex;flex-direction:column;gap:12px}@media (max-width:768px){.form-row{flex-direction:column}.features-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.edit-abonnement-container{background-color:#f9fbfd;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.edit-abonnement-header{margin-bottom:30px}.back-button{font-size:18px;padding:0}.edit-content{grid-gap:30px;gap:30px;grid-template-columns:1fr 1fr;max-width:1400px}.plan-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:fit-content;padding:0}.plan-preview-card{padding:30px}.plan-preview-card h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 15px}.plan-price{color:#3b82f6;font-size:20px;font-weight:600;margin-bottom:15px}.plan-duration{background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-block;font-size:14px;padding:8px 12px}.plan-duration,.plan-limits,.plan-services{margin-bottom:25px}.plan-limits strong,.plan-services strong{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.plan-limits ul,.plan-services ul{list-style:none;margin:0;padding:0}.plan-limits li,.plan-services li{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:8px;padding-left:0}.edit-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:fit-content;padding:30px}.edit-form h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 25px}.features-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;max-height:500px;overflow-y:auto;padding-right:10px}.feature-checkbox{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;line-height:1.5;padding:8px 0;position:relative}.feature-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin:0;opacity:0;position:absolute;width:18px}.feature-checkbox .checkmark{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:2px;transition:all .2s;width:18px}.feature-checkbox input[type=checkbox]:checked+.checkmark{background-color:#3b82f6;border-color:#3b82f6}.feature-checkbox input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.feature-checkbox:hover .checkmark{border-color:#3b82f6}.form-actions{gap:15px;justify-content:space-between;padding-top:20px}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background-color:#f9fafb;color:#374151}.btn-submit{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.btn-submit:hover{background-color:#2563eb}.btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px;padding:12px}.loading{align-items:center;color:#6b7280;display:flex;height:200px;justify-content:center}@media (max-width:1024px){.edit-content{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.edit-abonnement-container{padding:15px}.edit-form,.plan-preview-card{padding:20px}.form-actions{flex-direction:column}.features-list{max-height:400px}}.publicite-container{font-family:Segoe UI,sans-serif;padding:20px}.publicite-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.publicite-header h1{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 20px}.export-btn{align-items:center;background-color:#2563eb;border:none;color:#fff;display:flex;gap:8px;padding:12px 24px;transition:background-color .2s}.export-btn:hover{background-color:#1d4ed8}.publicite-page .search-container{margin-bottom:24px}.publicite-page .search-wrapper{position:relative;width:400px}.publicite-page .search-bar{background-color:#f1f5f9;border:none;border-radius:20px;box-sizing:border-box;color:#0f172a;font-size:14px;height:36px;outline:none;padding:10px 16px 10px 40px;width:100%}.publicite-page .search-bar::placeholder{color:#64748b}.table-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:100%;overflow-x:auto}.publicite-table{border-collapse:collapse;table-layout:fixed;width:100%}.publicite-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;padding:12px 8px;text-align:center}.publicite-table th:first-child{width:8%}.publicite-table th:nth-child(2){width:30%}.publicite-table th:nth-child(3),.publicite-table th:nth-child(4){width:8%}.publicite-table th:nth-child(5){width:12%}.publicite-table th:nth-child(6){width:8%}.publicite-table th:nth-child(7){width:12%}.publicite-table th:nth-child(8){width:14%}.th-content{align-items:center;display:flex;gap:6px;justify-content:center}.sort-icon{color:#94a3b8;font-size:12px}.checkbox-column{align-items:center;display:flex;gap:4px;justify-content:flex-start!important;padding:10px 4px!important;vertical-align:middle;width:65px}.checkbox-column,.publicite-table .checkbox-column{text-align:left!important}.client-id,.th-id{color:#64748b;font-size:11px;font-weight:500}.checkbox-column input[type=checkbox]{margin:0;vertical-align:middle}.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.sortable:hover{background-color:#f1f5f9}.sortable:hover .sort-icon{color:#64748b}.publicite-table td{border-bottom:1px solid #f3f4f6;font-size:12px;padding:10px 8px;text-align:center;vertical-align:middle}.publicite-table td.checkbox-column{padding:10px 4px;vertical-align:middle}.table-actions{justify-content:flex-end;min-width:80px;pointer-events:auto}.action-icons{align-items:center;display:flex;gap:8px}.action-icons .icon{border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s}.view-icon:hover{background-color:#f3f4f6}.delete-icon{color:#dc2626}.delete-icon:hover{background-color:#fef2f2}.action-link{border-radius:4px;font-size:14px;padding:4px 8px;transition:background-color .2s}.action-link,.action-link.blue{color:#2563eb}.action-link.red{color:#dc2626}.action-link:hover{background-color:#f1f5f9}.prestataire-info{align-items:flex-start;gap:8px;justify-content:flex-start;padding:2px 8px;text-align:left;width:100%}.prestataire-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.prestataire-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}.prestataire-avatar{height:24px;width:24px}.status-badge{font-size:10px;padding:3px 8px;text-transform:capitalize}.status-pending{background-color:#fef3c7;color:#92400e}.status-active{background-color:#d1fae5;color:#065f46}.status-rejected,.status-suspended{background-color:#fee2e2;color:#991b1b}.status-accepted{background-color:#d1fae5;color:#065f46}.table-actions{align-items:center;display:flex;gap:8px}.btn-accept{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.btn-accept:hover{background-color:#1d4ed8}.btn-reject,.btn-suspend{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.btn-suspend{background-color:#2563eb;color:#fff}.btn-suspend:hover{background-color:#1d4ed8}.action-link{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;min-width:70px;padding:6px 12px;text-align:center;text-decoration:none;transition:all .2s}.action-link.blue{background-color:#2563eb;color:#fff}.action-link.blue:hover{background-color:#1d4ed8}.action-link.red{background-color:#dc2626;color:#fff}.action-link.red:hover{background-color:#b91c1c}.status-completed{background-color:#e0e7ff;color:#3730a3}.icon{cursor:pointer;height:16px;margin:0 2px;pointer-events:auto;position:relative;transition:all .2s;width:16px;z-index:10}.suspend-icon{color:#f59e0b}.suspend-icon:hover{color:#d97706;transform:scale(1.1)}.accept-icon{color:#10b981}.accept-icon:hover{color:#059669;transform:scale(1.1)}.reject-icon{color:#ef4444}.reject-icon:hover{color:#dc2626;transform:scale(1.1)}.reactivate-icon{color:#3b82f6}.reactivate-icon:hover{color:#2563eb;transform:scale(1.1)}.view-icon{color:#6b7280}.view-icon:hover{color:#374151;transform:scale(1.1)}.delete-icon{color:#ef4444}.delete-icon:hover{color:#dc2626;transform:scale(1.1)}.action-buttons{align-items:center;pointer-events:auto;z-index:5}.btn-reactivate{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.btn-reactivate:hover{background-color:#1d4ed8}.action-btn{background:#0000;border-radius:4px;min-height:24px;min-width:24px;padding:6px;transition:all .2s}.action-btn.view{background-color:#f3f4f6;color:#6b7280}.action-btn.view:hover{background-color:#e5e7eb}.action-btn.delete{background-color:#fef2f2;color:#dc2626}.action-btn.delete:hover{background-color:#fee2e2}.action-btn.suspend:hover{background-color:#fef3c7}.action-btn.accept:hover{background-color:#d1fae5}.action-btn.reject:hover{background-color:#fee2e2}.action-btn.reactivate:hover{background-color:#dbeafe}.error,.loading,.no-data{color:#6b7280;padding:40px;text-align:center}@media (max-width:768px){.publicite-container{padding:16px}.publicite-header{align-items:flex-start;flex-direction:column;gap:16px}.table-container{overflow-x:auto}.publicite-table{min-width:800px}}.pagination-container{background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;padding:16px 20px}.pagination-info{color:#64748b;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:16px;justify-content:space-between}.page-size-selector{align-items:center;color:#475569;display:flex;font-size:14px;gap:8px}.page-size-selector label{font-weight:500}.page-size-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:4px 8px;transition:border-color .2s}.page-size-select:hover{border-color:#9ca3af}.page-size-select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb;outline:none}.pagination-navigation{align-items:center;display:flex;gap:4px}.pagination-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;color:#374151;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{background-color:#f3f4f6;color:#9ca3af;opacity:.5}.page-numbers{display:flex;gap:2px;margin:0 8px}.page-number{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s}.page-number:hover{background-color:#f9fafb;border-color:#9ca3af}.page-number.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.page-number.active:hover{background-color:#1d4ed8;border-color:#1d4ed8}@media (max-width:768px){.pagination-container{gap:12px;padding:12px 16px}.pagination-controls{flex-direction:column;gap:12px}.page-size-selector{justify-content:center;order:2}.pagination-navigation{flex-wrap:wrap;justify-content:center;order:1}.page-number,.pagination-btn{font-size:13px;height:32px;min-width:32px;width:32px}.page-numbers{margin:0 4px}.pagination-info{font-size:13px;text-align:center}}@media (max-width:480px){.page-numbers .page-number:not(.active){display:none}.page-numbers .page-number.active,.page-numbers .page-number.active - .page-number,.page-numbers .page-number.active+.page-number{display:flex}}.page-number,.pagination-btn{overflow:hidden;position:relative}.page-number:before,.pagination-btn:before{background-color:#2563eb1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.page-number:hover:before,.pagination-btn:hover:before{height:100%;width:100%}.page-number.active:before{display:none}.pagination-container.loading{opacity:.6;pointer-events:none}.pagination-container.loading .page-number,.pagination-container.loading .page-size-select,.pagination-container.loading .pagination-btn{cursor:wait}.modal-overlay{background-color:#00000080}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:background-color .2s}.close-btn:hover{background-color:#f3f4f6}.modal-content form{padding:24px}.form-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;min-height:120px;padding:12px;transition:border-color .2s;width:100%}.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group textarea::placeholder{color:#9ca3af}.modal-actions{border-top:1px solid #e5e7eb;padding-top:20px}.btn-cancel{background-color:#6b7280;transition:background-color .2s}.btn-cancel:hover{background-color:#4b5563}.btn-confirm{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-confirm:hover{background-color:#1d4ed8}.btn-confirm:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.modal-content{margin:20px;width:95%}.modal-header{padding:16px 20px}.modal-content form{padding:20px}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.prestataires-container{font-family:Segoe UI,sans-serif;padding:15px 30px 30px}@media (max-width:768px){.prestataires-container{padding:20px 15px 15px}}@media (max-width:480px){.prestataires-container{padding:20px 10px 10px}}.prestataires-header-line{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}@media (max-width:768px){.prestataires-header-line{align-items:flex-start;flex-direction:column;gap:16px}}.prestataires-title{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:0}.prestataires-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;min-height:44px}@media (max-width:1024px){.prestataires-filters{flex-wrap:wrap;gap:12px}}@media (max-width:768px){.prestataires-filters{align-items:stretch;flex-direction:column;gap:12px;width:100%}}.date-inscription-container{align-items:center;color:#334155;display:flex;flex-shrink:0;font-size:14px;gap:8px}.date-inscription-container label{color:#334155;font-size:14px;white-space:nowrap}.date-input-wrapper{align-items:center;background-color:#f1f5f9;border-radius:8px;display:flex;gap:6px;padding:6px 10px}.calendar-icon{color:#0f172a;font-size:16px}.date-input{background:#0000;border:none;color:#0f172a;font-size:14px;outline:none;width:120px}.date-input::placeholder{color:#94a3b8}.prestataires-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}@media (max-width:768px){.prestataires-search-section{align-items:stretch;flex-direction:column;gap:12px}}.prestataires-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-wrapper{width:400px}@media (max-width:768px){.search-wrapper{width:100%}}.search-icon{color:#64748b;left:10px}.search-bar{background-color:#f1f5f9;border:none;border-radius:20px;box-sizing:border-box;color:#0f172a;font-size:14px;outline:none;padding:10px 16px 10px 40px}.search-bar::placeholder{color:#94a3b8}.btn-create{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s;white-space:nowrap}.btn-create:hover{background:#2563eb}.export-btn{background-color:#fff;border:1px solid #2563eb;border-radius:8px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.export-btn:hover{background-color:#2563eb;color:#fff}@media (max-width:768px){.search-bar{font-size:16px;height:44px;padding:12px 16px 12px 40px}.btn-create,.export-btn{font-size:16px;justify-content:center;min-height:44px;padding:12px 16px;width:100%}.prestataires-actions{flex-direction:column;width:100%}}.actions-right{gap:10px;margin-top:10px}.btn{align-items:center;border-radius:8px;display:flex;font-size:14px;padding:8px 14px;transition:all .2s ease}@media (max-width:768px){.actions-right{flex-direction:column;gap:12px;margin-top:0;width:100%}.btn{font-size:16px;justify-content:center;min-height:44px;padding:12px 16px;width:100%}}.btn.blue{background:#2563eb;border:none;color:#fff}.btn.white{background:#fff;border:1px solid #d1d5db}.prestataires-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.prestataires-grid{gap:16px;grid-template-columns:1fr}}.card-prestataire{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s ease}.card-prestataire:hover{border-color:#e5e7eb;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.card-prestataire{border-radius:12px;padding:16px}.card-prestataire:hover{transform:none}.card-prestataire:active{background:#f9fafb;transform:scale(.98)}}.card-header{border-bottom:none!important;margin-bottom:0}.card-header .left{align-items:center;display:flex;gap:12px}.header-info{flex:1 1}.card-header .left h3{align-items:center;color:#1f2937;display:flex;font-size:22px;font-weight:600;gap:8px;margin:0}.card-header .left p{color:#3b82f6;font-size:11px;font-weight:500;margin:2px 0 0}.service-tags-below{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.avatar,.avatar-circle{height:40px;width:40px}.avatar-circle{align-items:center;background-color:#1f2937;border-radius:50%;display:flex;justify-content:center;position:relative}.green-logo{color:#10b981;font-size:20px}.avatar.small{height:24px;width:24px}.badge-status{background:#c6f6d5;border-radius:999px;color:#166534;font-size:10px;font-weight:600;margin-left:6px;padding:2px 8px;white-space:nowrap}.service-tags{display:flex!important;gap:6px;margin:4px 0 8px;visibility:visible!important}.service-tag{background:#e5e7eb!important;border:1px solid #d1d5db;border-radius:8px;color:#374151!important;display:inline-block!important;font-size:11px!important;font-weight:500;padding:4px 10px;white-space:nowrap}.contact-section{border-bottom:1px solid #d1d5db;border-top:1px solid #d1d5db;justify-content:space-between;margin-left:-16px;margin-right:-16px;margin-top:4px;padding:8px 16px;position:relative}.contact-info,.contact-section{align-items:flex-start;display:flex}.contact-info{gap:12px;margin-left:20px}.avatar-and-name{display:flex;flex-direction:column;gap:8px}.top-row{align-items:center;display:flex;gap:12px}.contact-below-avatar{display:flex;flex-direction:column;gap:4px;margin-left:0}.profile-avatar-container{flex-shrink:0;height:32px;width:32px}.profile-avatar{object-fit:cover}.profile-avatar,.profile-avatar-default{border-radius:50%;height:32px;width:32px}.profile-avatar-default{align-items:center;background:#e5e7eb;display:flex;justify-content:center}.contact-details{display:flex;flex-direction:column;gap:2px}.contact-name{color:#1f2937;font-size:13px;font-weight:600}.contact-email,.contact-phone{align-items:center;color:#9ca3af;display:flex;font-size:14px;font-weight:700;gap:8px}.contact-icon{filter:grayscale(1) brightness(.6);height:18px;opacity:1;width:18px}.validation-date{align-items:center;display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;text-align:center;top:50%;transform:translateX(-50%);transform:translate(-50%,-50%)}.doc-status{align-items:center;background:#dcfce7;border-radius:4px;color:#166534;display:inline-flex;font-size:10px;font-weight:600;gap:2px;padding:3px 6px;white-space:nowrap}.doc-status.pending{background:#fef3c7;color:#d97706}.date-info{align-items:center;color:#9ca3af;display:flex;font-size:14px;font-weight:700;gap:8px;margin-top:2px}.date-icon-img{filter:grayscale(1) brightness(.6);height:18px;opacity:1;width:18px}.card-footer{display:flex;flex-direction:column;gap:12px;margin-top:4px}.stats{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-wrap:wrap;font-size:9px;gap:16px;justify-content:center}.stat.missions{color:#f97316;font-weight:600}.stat.reports{color:#ef4444}.stat.commission,.stat.reports{font-weight:600}.actions{align-items:center;gap:12px;width:100%}.actions-left,.actions-right{align-items:center;display:flex;gap:8px}.csv-btn{align-items:center;background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:background .2s}.csv-btn:hover{background:#047857}.delete-btn{align-items:center;background:none;border-radius:4px;display:flex;justify-content:center;padding:6px;transition:all .2s}.delete-btn:hover{background:#f3f4f6}.btn-icon{height:14px;width:14px}.suspend-btn,.validate-btn{border:none;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.suspend-btn{background:none;color:#2563eb;text-decoration:underline}.suspend-btn:hover{color:#1d4ed8}.validate-btn{background:#2563eb;border-radius:6px;color:#fff;padding:6px 12px}.validate-btn:hover{background:#1d4ed8}.badge-status.status-active{background:#c6f6d5;color:#166534}.badge-status.status-suspended{background:#fecaca;color:#dc2626}.badge-status.status-pending{background:#fef3c7;color:#d97706}.badge-status.status-inactive{background:#e5e7eb;color:#6b7280}.doc-valid.verified{background:#dcfce7;color:#166534}.doc-valid.pending{background:#fef3c7;color:#d97706}.no-results{align-items:center;color:#6b7280;display:flex;font-size:16px;height:200px;justify-content:center}@media (max-width:1200px){.prestataires-grid{grid-template-columns:1fr}}@media (max-width:768px){.prestataires-container{padding:15px}.search-actions-row{flex-direction:column;gap:15px}.search-wrapper{width:100%}.actions-right{justify-content:center;width:100%}}.avatar-image{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a}.avatar-image,.avatar-image-small{height:100%;object-fit:cover;width:100%}.avatar-image-small{border-radius:50%}.doc-image{border:1px solid #e5e7eb;height:80px;position:relative;width:120px}.doc-info{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:12px;font-weight:500;left:0;padding:8px;position:absolute;right:0}.doc-name{display:block;font-weight:600}.doc-verified-date{color:#10b981;display:block;font-size:10px;margin-top:2px}.doc-verified-by{color:#6b7280;display:block;font-size:9px;margin-top:1px}.doc-rejection-reason{color:#ef4444;display:block;font-size:9px;font-style:italic;margin-top:2px}.pdf-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.pdf-link{color:#3b82f6;font-size:11px;margin-top:4px;text-decoration:none}.pdf-link:hover{text-decoration:underline}.error-state,.loading-state{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:center;padding:40px}.error-state{color:#dc2626}.no-documents{color:#6b7280;padding:40px}.btn-warning{background-color:#f59e0b;color:#fff}.btn-success{background-color:#10b981}.btn-danger{background-color:#ef4444}.prestataire-detail{background-color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.prestataire-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.back-button{background:#0000;color:#6b7280;font-size:14px;padding:12px 16px}.back-button:hover{color:#374151}.btn-danger,.btn-primary,.btn-secondary,.btn-success{border:1px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.btn-secondary{border-color:#d1d5db;color:#6b7280}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-danger{background:#dc2626;border-color:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-success{background:#059669;border-color:#059669;color:#fff}.btn-success:hover{background:#047857}.btn-primary{background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb}.prestataire-banner{align-items:center;background:#374151;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.banner-left{align-items:center;display:flex;gap:20px}.prestataire-avatar-large{background:#6b7280;border-radius:50%;height:80px;overflow:hidden;width:80px}.prestataire-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:24px;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;width:100%}.prestataire-main-info h1{font-size:28px;font-weight:600;margin:0 0 8px}.prestataire-id{color:#d1d5db;font-size:14px;margin:0}.banner-right{align-items:flex-end;display:flex;flex-direction:column;gap:16px}.service-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tag{background:#ffffff1a;border:1px solid #fff3;color:#fff;font-size:12px}.service-tag,.status-badge{border-radius:16px;padding:6px 12px}.status-badge.validated{background:#059669;color:#fff}.detail-layout{display:flex;min-height:calc(100vh - 200px)}.detail-sidebar{background:#fff;border-right:1px solid #e5e7eb;padding:0;width:280px}.sidebar-tab{background:none;border:none;border-bottom:1px solid #f3f4f6;color:#6b7280;cursor:pointer;display:block;font-size:14px;padding:16px 24px;text-align:left;transition:all .2s;width:100%}.sidebar-tab:hover{background:#f9fafb;color:#374151}.sidebar-tab.active{background:#eff6ff;border-right:3px solid #3b82f6;color:#3b82f6;font-weight:500}.detail-main{background:#fff;flex:1 1;padding:32px}.info-content{max-width:800px}.info-section{margin-bottom:32px}.info-section h2{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.company-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.company-header{display:flex;gap:20px;margin-bottom:24px}.company-logo{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.company-logo img{height:100%;object-fit:cover;width:100%}.company-logo .avatar-placeholder{font-size:20px}.company-info{flex:1 1}.company-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.contact-details p{color:#6b7280;font-size:14px;margin:4px 0}.status-indicators{display:flex;gap:8px;margin-top:12px}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.validated{background:#dcfce7;color:#166534}.status-badge.active{background:#dbeafe;color:#1e40af}.company-contact{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.company-contact p{color:#374151;font-size:14px;margin:0}.service-tags .tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-size:12px;padding:4px 8px}.stats-bar{border-top:1px solid #f3f4f6;display:flex;gap:24px;padding-top:20px}.stat{font-size:14px;font-weight:500}.stat.missions{color:#f59e0b}.stat.reports{color:#dc2626}.stat.commission{color:#3b82f6}.manager-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.manager-info{display:flex;gap:16px}.manager-avatar{background:#f3f4f6;border-radius:50%;height:50px;overflow:hidden;width:50px}.manager-avatar img{height:100%;object-fit:cover;width:100%}.manager-avatar .avatar-placeholder{font-size:18px}.manager-details h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.manager-details p{color:#6b7280;font-size:14px;margin:2px 0}.manager-details .address{color:#374151;font-weight:500}.documents-section{max-width:900px}.document-group{margin-bottom:40px}.document-group h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.document-group>p{color:#6b7280;font-size:14px;margin:0 0 16px}.document-images{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.doc-image{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;height:100px;overflow:hidden;width:150px}.doc-image img{height:100%;object-fit:cover;width:100%}.doc-image.placeholder{align-items:center;background:#fafbfc;border-style:dashed;display:flex;justify-content:center}.doc-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px}.doc-placeholder svg{stroke-width:1.5;height:48px;width:48px}.doc-placeholder span{font-size:12px;text-align:center}.services-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.search-filter{gap:16px}.search-filter,.search-wrapper{align-items:center;display:flex}.search-wrapper{position:relative}.search-wrapper input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;width:250px}.search-wrapper .search-icon{color:#9ca3af;font-size:16px;left:12px;position:absolute}.filter-select{background:#fff;border:1px solid #d1d5db;padding:10px 12px;width:200px}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.service-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.service-image{background:#f3f4f6;height:160px;position:relative}.service-image img{height:100%;object-fit:cover;width:100%}.service-price{background:#000c;border-radius:8px;color:#fff;padding:8px 12px;position:absolute;right:12px;text-align:center;top:12px}.service-price .price-label{display:block;font-size:10px;opacity:.8}.service-price .price{display:block;font-size:14px;font-weight:600}.service-info{padding:16px}.service-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.service-toggle{margin-bottom:16px}.toggle{display:inline-block;height:24px;position:relative;width:44px}.toggle input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#22c55e}input:checked+.slider:before{transform:translateX(20px)}.service-details p{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px;margin:4px 0}.service-actions{justify-content:space-between;margin-top:16px}.btn-delete,.service-actions{align-items:center;display:flex}.btn-delete{background:#fff;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;height:32px;justify-content:center;width:32px}.btn-delete:hover{background:#fef2f2}@media (max-width:1024px){.detail-layout{flex-direction:column}.detail-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;display:flex;overflow-x:auto;width:100%}.sidebar-tab{border-bottom:none;border-right:1px solid #f3f4f6;white-space:nowrap}.sidebar-tab.active{border-bottom:3px solid #3b82f6;border-right:1px solid #f3f4f6}}@media (max-width:768px){.prestataire-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{justify-content:flex-end;width:100%}.prestataire-banner{flex-direction:column;gap:20px;text-align:center}.banner-right{align-items:center}.detail-main{padding:16px}.company-header{flex-direction:column;text-align:center}.company-contact{align-items:center}.services-grid{grid-template-columns:1fr}.search-filter{align-items:stretch;flex-direction:column}.filter-select,.search-wrapper input{width:100%}}.publicite-detail-container{background-color:#f8f9fa;min-height:100vh;padding:24px}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.back-button{color:#374151;padding:8px 0}.back-button:hover{color:#1f2937}.cancel-edit-btn,.edit-btn,.save-edit-btn,.status-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s}.edit-btn{background-color:#2563eb}.edit-btn:hover{background-color:#1d4ed8}.save-edit-btn{background-color:#059669;color:#fff}.save-edit-btn:hover:not(:disabled){background-color:#047857}.save-edit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.cancel-edit-btn{background-color:#6b7280;color:#fff}.cancel-edit-btn:hover{background-color:#4b5563}.status-btn{background-color:#6b7280;color:#fff}.status-btn:hover{background-color:#4b5563}.status-accept{background-color:#059669!important}.status-accept:hover{background-color:#047857!important}.status-reject{background-color:#dc2626!important}.status-reject:hover{background-color:#b91c1c!important}.status-suspend{background-color:#d97706!important}.status-suspend:hover{background-color:#b45309!important}.status-reactivate{background-color:#2563eb!important}.status-reactivate:hover{background-color:#1d4ed8!important}.status-complete{background-color:#7c3aed!important}.status-complete:hover{background-color:#6d28d9!important}.detail-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}.mobile-preview{display:flex;justify-content:center}.mobile-frame{background-color:#1f2937!important;background:#1f2937!important;border-radius:24px;padding:8px!important;width:300px}.mobile-frame:before{background-color:#000;border-radius:12px;content:"";height:20px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:120px}.mobile-header{background-color:#2563eb!important;border-radius:0!important;color:#fff!important;margin-bottom:0!important;padding:32px 16px 16px!important}.mobile-status-bar{margin-bottom:16px}.mobile-search{position:relative}.mobile-search input{background-color:#fff3;border:none;color:#fff}.mobile-search input::placeholder{color:#ffffffb3}.mobile-content{background-color:#fff!important;border-radius:0!important;height:calc(100% - 120px)!important;overflow-y:auto!important;padding:16px!important}.mobile-wallet{background-color:#dbeafe;border-radius:12px;margin-bottom:16px;padding:16px}.wallet-info{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.wallet-info span:first-child{color:#6b7280;font-size:12px}.wallet-amount{color:#1f2937;font-size:18px;font-weight:600}.wallet-actions{display:flex;gap:8px}.wallet-actions button{background-color:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;flex:1 1;font-size:12px;padding:8px}.mobile-services{margin-bottom:16px}.mobile-services h3{color:#6b7280;font-size:14px;margin-bottom:12px}.service-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.service-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px}.service-icon{font-size:20px}.service-item span{color:#6b7280;font-size:10px}.mobile-ad{background-color:#fef3c7;border-radius:12px;padding:12px}.ad-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.ad-avatar{border-radius:50%;height:20px;width:20px}.ad-header span{font-size:12px;font-weight:500}.ad-body h4{color:#92400e;font-size:14px;margin-bottom:4px}.ad-body p{font-size:10px;margin-bottom:8px}.ad-image{align-items:center;background-color:#f59e0b;display:flex;height:60px;justify-content:center;margin-bottom:8px;width:100%}.ad-image img{border-radius:8px;height:100%}.ad-button{background-color:#dc2626;border-radius:6px;font-size:12px;padding:8px}.campaign-info{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.campaign-header{justify-content:space-between;margin-bottom:24px}.campaign-header,.campaign-id{align-items:center;display:flex}.campaign-id{gap:12px}.id-label{color:#1f2937;font-size:20px;font-weight:600}.campaign-details{display:flex;flex-direction:column;gap:24px}.prestataire-info{align-items:center;display:flex;gap:12px}.prestataire-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.prestataire-name{color:#1f2937;font-size:16px;font-weight:500}.campaign-dates{gap:12px}.campaign-dates,.date-section{display:flex;flex-direction:column}.date-section{gap:4px}.date-label{color:#6b7280;font-size:12px;text-transform:uppercase}.date-value{color:#1f2937;font-size:14px}.date-inputs{gap:12px}.date-input,.date-inputs{align-items:center;display:flex}.date-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;gap:8px;padding:8px 12px}.date-input,.date-separator{color:#6b7280}.rejection-reason{background-color:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;padding:16px}.mobile-search.active{background-color:#f3f4f6;border-radius:20px;padding:8px 16px;position:relative}.mobile-search.active input{background:#0000;border:none;font-size:14px;outline:none;width:calc(100% - 30px)}.search-icon{color:#6b7280;right:12px}.search-results{max-height:400px;overflow-y:auto;padding:16px}.search-result{background-color:#fff;border-bottom:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:12px}.search-result.ad-result{background-color:#eff6ff;border:2px solid #3b82f6;border-radius:8px;position:relative}.result-header{align-items:flex-start;display:flex;gap:12px}.result-avatar{border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.result-info{flex:1 1;min-width:0}.result-name{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.ad-badge{background-color:#3b82f6;border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.result-title{color:#374151;font-size:13px;line-height:1.3;margin-bottom:4px}.result-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.4;margin-bottom:8px;overflow:hidden}.result-distance,.result-rating{color:#6b7280;font-size:11px;margin-bottom:2px}.result-image{border-radius:6px;margin-top:8px;max-height:120px;overflow:hidden}.result-image img{height:auto;object-fit:cover;width:100%}.popup-overlay{align-items:center;background-color:#00000080;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.popup-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;margin:20px;max-width:280px;padding:20px;position:relative;width:100%}.popup-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:18px;line-height:1;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s}.popup-close:hover{background-color:#f3f4f6;color:#374151}.popup-content{padding-top:24px}.popup-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.popup-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.popup-title{font-size:16px}.popup-body h4,.popup-title{color:#1f2937;font-weight:600}.popup-body h4{font-size:14px;margin-bottom:8px}.popup-body p{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:16px}.popup-image{border-radius:8px;margin-bottom:16px;overflow:hidden}.popup-image img{height:auto;max-height:140px;object-fit:cover;width:100%}.popup-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.popup-button:hover{background-color:#2563eb}.rejection-reason h4{color:#991b1b;font-size:14px;margin-bottom:8px}.rejection-reason p{color:#6b7280;font-size:14px;line-height:1.4}.campaign-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:24px}.delete-btn{background-color:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;padding:8px;transition:background-color .2s}.delete-btn:hover{background-color:#fee2e2}.action-buttons{display:flex;gap:8px}.btn-accept,.btn-reactivate,.btn-reject,.btn-suspend{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-accept,.btn-reactivate,.btn-suspend{background-color:#2563eb;color:#fff}.btn-accept:hover,.btn-reactivate:hover,.btn-suspend:hover{background-color:#1d4ed8}.btn-reject{background-color:#dc2626;color:#fff}.btn-reject:hover{background-color:#b91c1c}.campaign-edit-section{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:20px}.campaign-edit-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.edit-field,.edit-row{margin-bottom:16px}.edit-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.edit-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.edit-field input,.edit-field select,.edit-field textarea{border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.display-value{align-items:center;background-color:#f3f4f6;border-radius:6px;color:#1f2937;display:flex;font-size:14px;min-height:40px;padding:8px 12px}.no-value{color:#9ca3af;font-style:italic}.payment-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.payment-status.status-pending{background-color:#fbbf24;color:#92400e}.payment-status.status-paid{background-color:#10b981;color:#fff}.payment-status.status-failed{background-color:#ef4444;color:#fff}.amount-input{align-items:center;display:flex;position:relative}.amount-input input{padding-right:60px}.amount-input .currency{color:#6b7280;font-size:14px;font-weight:500;position:absolute;right:12px}.file-upload-button{padding:12px 16px}.campaign-status-display{margin-bottom:24px}.status-section{display:flex;flex-direction:column;gap:8px}.status-label{color:#6b7280;font-size:12px;text-transform:uppercase}.error,.loading{height:400px}@media (max-width:1024px){.detail-content{gap:24px;grid-template-columns:1fr}.mobile-preview{order:2}.campaign-info{order:1}}@media (max-width:768px){.publicite-detail-container{padding:16px}.detail-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end;width:100%}.mobile-frame{height:500px;width:250px}.campaign-actions{align-items:stretch;flex-direction:column;gap:16px}.action-buttons{justify-content:center}.edit-row{grid-template-columns:1fr}}.publicite-edit-container{font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.edit-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.back-button,.edit-header{align-items:center;display:flex}.back-button{background:none;border:none;color:#1e293b;cursor:pointer;font-size:16px;font-weight:600;gap:8px;transition:color .2s}.back-button:hover{color:#2563eb}.save-button{align-items:center;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#1d4ed8}.save-button:disabled{background-color:#9ca3af;cursor:not-allowed}.edit-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 400px}.campaign-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-section{border-bottom:1px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.form-row{grid-gap:16px;gap:16px}.form-group label{color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;color:#1f2937;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group small{color:#6b7280}.file-upload-container{position:relative}.file-input{opacity:0;pointer-events:none;position:absolute}.file-upload-button{align-items:center;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;padding:16px 24px;text-align:center;transition:all .2s;width:100%}.file-upload-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.uploaded-file{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:12px}.visual-preview{border-radius:6px;max-height:150px;max-width:200px;object-fit:cover}.file-name{color:#6b7280;font-size:14px}.amount-display{align-items:center;display:flex;position:relative}.amount-display input{padding-right:60px}.currency{color:#6b7280;font-size:14px;font-weight:500;position:absolute;right:12px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-button{background-color:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s}.cancel-button:hover{background-color:#e5e7eb}.submit-button{background-color:#2563eb;border-radius:6px;font-weight:500;padding:12px 24px;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#1d4ed8}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.mobile-preview{position:sticky;top:20px}.mobile-frame{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 10px 30px #0000004d;height:600px;overflow:hidden;padding:20px;position:relative;width:350px}.mobile-header{background:#fffffff2;border-radius:15px;margin-bottom:16px;padding:12px}.mobile-status-bar{align-items:center;color:#1f2937;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:8px}.mobile-search input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;font-size:14px;padding:8px 12px;width:100%}.mobile-content{background:#fffffff2;border-radius:15px;height:calc(100% - 80px);overflow-y:auto;padding:16px}.mobile-ad-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.ad-content .ad-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.ad-avatar{align-items:center;background-color:#3b82f6;border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.ad-header span{font-size:14px}.ad-body h4,.ad-header span{color:#1f2937;font-weight:600}.ad-body h4{font-size:16px;line-height:1.3;margin-bottom:8px}.ad-body p{color:#6b7280;font-size:14px;line-height:1.4;margin-bottom:12px}.ad-image{border-radius:8px;margin:12px 0;overflow:hidden}.ad-image img{height:120px;object-fit:cover;width:100%}.ad-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:transform .2s;width:100%}.ad-button:hover{transform:translateY(-1px)}.error,.loading{align-items:center;color:#6b7280;display:flex;font-size:16px;height:200px;justify-content:center}.error{color:#dc2626}@media (max-width:1200px){.edit-content{gap:24px;grid-template-columns:1fr}.mobile-preview{display:flex;justify-content:center;position:relative}.mobile-frame{height:500px;width:300px}}@media (max-width:768px){.publicite-edit-container{padding:16px}.edit-header{align-items:flex-start;flex-direction:column;gap:16px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.mobile-frame{height:400px;width:250px}}.sidebar{background-color:#f7f9fb;border-bottom-left-radius:12px;border-right:1px solid #dbe3eb;border-top-left-radius:12px;box-shadow:2px 0 4px #00000008;padding:20px 0}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:10px}.sidebar a{align-items:center;border-radius:8px;color:#1e2a40;display:flex;font-size:15px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.sidebar a:hover{background-color:#e3e9f2}.sidebar a.active{background-color:#e5f0ff;color:#1e6ad1;font-weight:600}.sidebar a img,.sidebar a svg{font-size:17px;margin-right:12px}.sidebar a svg{color:#6b7280}.sidebar a.active svg,.sidebar a:hover svg{color:#1e6ad1}.sidebar a img{filter:brightness(0) saturate(100%) invert(45%) sepia(0) saturate(0) hue-rotate(0deg) brightness(95%) contrast(89%);height:20px;object-fit:contain;transition:filter .3s ease;width:20px}.sidebar a.active img,.sidebar a:hover img{filter:brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(1157%) hue-rotate(204deg) brightness(97%) contrast(97%)}.mobile-menu-toggle{background:#1651c5;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:none;height:44px;left:8px;position:fixed;top:8px;transition:all .3s ease;width:44px;z-index:1002}.mobile-menu-toggle:hover{background:#1557b8;transform:translateY(-1px)}.mobile-menu-toggle svg{font-size:18px}.mobile-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-mobile{background:#fff;border-radius:0 12px 12px 0;box-shadow:4px 0 20px #00000026;height:100vh;left:-100%;overflow:hidden;position:fixed!important;top:0;transform:translateX(-100%);transition:left .3s ease;transition:transform .3s ease,left .3s ease;width:280px!important;z-index:1000}.sidebar-mobile.sidebar-open{left:0;transform:translateX(0)}.sidebar-header{align-items:center;background:#f7f9fb;border-bottom:1px solid #dbe3eb;border-radius:0 12px 0 0;display:flex;justify-content:space-between;padding:20px}.sidebar-header h2{color:#1e6ad1;font-size:20px;font-weight:700;margin:0}.close-sidebar{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.close-sidebar:hover{background:#e3e9f2;color:#1e6ad1}.close-sidebar svg{font-size:16px}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.sidebar:not(.sidebar-mobile){display:none}.sidebar-mobile{display:block!important}.sidebar-mobile ul{padding:10px 0}.sidebar-mobile a{border-radius:0;border-radius:8px;font-size:16px;margin:0 10px;padding:15px 20px}.sidebar-mobile a svg{font-size:18px}}@media (max-width:480px){.sidebar-mobile{border-radius:0;left:-100%;transform:translateX(-100%);width:100vw!important}.sidebar-mobile.sidebar-open{left:0;transform:translateX(0)}.sidebar-header{border-radius:0}}.header{align-items:center;background-color:#1651c5;border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;display:flex;height:60px;justify-content:space-between;padding:10px 20px;position:relative;z-index:10}@media (max-width:768px){.header{border-radius:0;padding:10px 15px 10px 60px}}.header-left .logo-image{height:55px;object-fit:contain;width:auto}@media (max-width:768px){.header-left .logo-image{height:40px}}.header-center{align-items:center;display:flex;flex:1 1;justify-content:center}@media (max-width:768px){.header-center{display:none}}.search-container{max-width:90%;width:600px}.search-bar{height:36px;width:100%}.search-bar input{background-color:#ffffffe6;border:none;border-radius:20px;box-sizing:border-box;color:#333!important;height:100%;margin-top:0;padding:0 16px 0 44px}.search-icon{color:#666;z-index:1}.search-bar input::placeholder{color:#666}.search-bar input:focus{background-color:#fff;color:#333!important}.search-bar input:not(:placeholder-shown){color:#333!important}.header-right{align-items:center;gap:20px;position:relative}@media (max-width:768px){.header-right{gap:10px}}.notification-container{margin-right:20px;position:relative}.bell-icon-wrapper{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.bell-icon-wrapper:hover{background-color:#0000000d;transform:translateY(-1px)}.header .icon-bell{color:#fff;font-size:20px;transition:all .2s ease}.header .icon-bell.active,.header .icon-bell:hover{color:#fff;opacity:.8;transform:scale(1.1)}.header .icon-bell.active{animation:bellRing .5s ease}@keyframes bellRing{0%,50%,to{transform:rotate(0deg) scale(1.1)}10%,30%{transform:rotate(-10deg) scale(1.1)}20%,40%{transform:rotate(10deg) scale(1.1)}}.user-menu-container{position:relative}.user-info{align-items:center;cursor:pointer;display:flex;gap:10px}.avatar{height:35px;object-fit:cover;width:35px}.user-text{display:flex;flex-direction:column;text-align:left}@media (max-width:480px){.user-text{display:none}}.user-name{font-size:14px;font-weight:600}.user-role{font-size:12px;margin-top:-4px;opacity:.8}.dropdown-icon{color:#fff;font-size:12px}.dropdown-menu{background-color:#f9fafb;border-radius:10px;box-shadow:0 2px 6px #00000026;overflow:hidden;position:absolute;right:0;top:70px;width:160px;z-index:1000}.dropdown-item{color:#374151;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .2s}.dropdown-item:hover{background-color:#f1f5f9}.dropdown-divider{border:none;border-top:1px solid #e5e7eb;margin:0}.logout{color:#dc2626;font-weight:500}.header .search-container{margin:0 30px;max-width:750px}.header .search-bar,.header .search-container{background-color:#fff;border-radius:24px;position:relative;width:100%}.header .search-bar{align-items:center;display:flex;height:40px}.header .search-bar input{background-color:#fff;border:none;border-radius:24px;box-sizing:border-box;color:#333!important;font-size:14px;font-weight:400;height:100%;letter-spacing:.2px;margin:0;padding:0 24px 0 48px;transition:all .2s ease;width:100%}.header .search-icon{color:#9ca3af;font-size:18px;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.header .search-bar input::placeholder{color:#9ca3af;font-size:14px;opacity:1}.header .search-bar input:focus{background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#333!important;outline:none}.header .search-bar input:not(:placeholder-shown){color:#333!important}@media (max-width:768px){.header .search-container{display:none}}.modal-overlay{z-index:999}.modal{border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:20px;width:450px}.photo-section{text-align:center}.avatar-large{border-radius:50%;height:80px;width:80px}.form .row{display:flex;gap:10px;margin-top:10px}input,select{border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:10px;width:100%}.actions{justify-content:space-between;margin-top:20px}.btn{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.cancel{background-color:#2f3542;color:#fff}.save{background-color:#1e90ff;color:#fff}.search-autocomplete{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-autocomplete-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;font-size:12px;justify-content:space-between;padding:12px 16px}.search-query-highlight{color:#3b82f6;font-weight:600}.search-loading{color:#6b7280;font-style:italic}.search-count{color:#6b7280}.search-results-list{max-height:300px;overflow-y:auto}.search-result-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.search-result-item:hover{background:#f9fafb}.search-result-item:last-child{border-bottom:none}.search-result-item.no-results{cursor:default;opacity:.7}.search-result-item.no-results:hover{background:#fff}.result-icon{font-size:20px;margin-right:12px;text-align:center;width:24px}.result-content{flex:1 1;min-width:0}.result-title{color:#1f2937;font-size:14px;font-weight:500;margin-bottom:2px}.result-subtitle,.result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-subtitle{color:#6b7280;font-size:12px}.result-module{margin-left:12px}.module-badge{background:#e5e7eb;border-radius:12px;color:#374151;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.search-autocomplete-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:8px 16px;text-align:center}.search-tip{color:#9ca3af;font-size:11px;font-style:italic}.search-result-item[data-module=clients] .module-badge{background:#dbeafe;color:#1e40af}.search-result-item[data-module=prestataires] .module-badge{background:#dcfce7;color:#166534}.search-result-item[data-module=missions] .module-badge{background:#fef3c7;color:#92400e}.search-result-item[data-module=services] .module-badge{background:#e0e7ff;color:#3730a3}.search-result-item[data-module=vehicules] .module-badge{background:#fce7f3;color:#be185d}.search-result-item[data-module=signalements] .module-badge{background:#fee2e2;color:#991b1b}.search-autocomplete{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.search-autocomplete{left:-50px;max-height:300px;right:-50px}.result-title{font-size:13px}.result-subtitle{font-size:11px}}.notification-item{align-items:flex-start;background:#fff;border-bottom:1px solid #f1f4f8;cursor:pointer;display:flex;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.notification-item:hover{background-color:#f8f9fa;transform:translateX(2px)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:linear-gradient(90deg,#e3f2fd,#fff 5%);border-left:3px solid #2196f3}.notification-item.read{opacity:.85}.unread-indicator{animation:pulse 2s infinite;background-color:#2196f3;border-radius:50%;height:8px;left:8px;position:absolute;top:18px;width:8px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.notification-icon{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;margin-left:8px;margin-right:12px;width:40px}.notification-content{min-width:0}.notification-header{align-items:flex-start;gap:12px;margin-bottom:4px}.notification-title{color:#2c3e50;font-size:14px;font-weight:600;line-height:1.4;margin:0}.notification-time{align-items:center;color:#7f8c8d;display:flex;flex-shrink:0;font-size:12px;gap:4px;white-space:nowrap}.time-icon{font-size:10px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#34495e;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.notification-metadata{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.metadata-item{background-color:#ecf0f1;color:#2c3e50;font-weight:500}.metadata-item,.metadata-status{border-radius:12px;font-size:11px;padding:2px 8px}.metadata-status{font-weight:600;text-transform:uppercase}.status-completed{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-cancelled{background-color:#f8d7da;color:#721c24}.status-verified{background-color:#d1ecf1;color:#0c5460}.status-rejected{background-color:#f8d7da;color:#721c24}.notification-actions{align-items:flex-start;display:flex;gap:4px;margin-left:12px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-actions{opacity:1}.action-btn{border-radius:6px;font-size:12px;height:32px;width:32px}.mark-read-btn{background-color:#e8f5e9;color:#4caf50}.mark-read-btn:hover{background-color:#4caf50;color:#fff;transform:scale(1.05)}.delete-btn{background-color:#ffebee;color:#f44336}.delete-btn:hover{background-color:#f44336;color:#fff;transform:scale(1.05)}@media (max-width:768px){.notification-item{padding:12px}.notification-icon{font-size:14px;height:36px;width:36px}.notification-header{align-items:flex-start;flex-direction:column;gap:4px}.notification-time{align-self:flex-end}.notification-actions{flex-direction:column;gap:2px;opacity:1}.action-btn{font-size:10px;height:28px;width:28px}}.notification-dropdown{animation:slideInDown .3s ease;background:#fff;border:1px solid #e0e6ed;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:400px;z-index:9999}.notification-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.header-title{align-items:center;display:flex;gap:12px}.header-icon{font-size:20px}.header-title h3{font-size:18px;font-weight:600;margin:0}.unread-badge{animation:bounce .6s ease-in-out;background-color:#ff4757;border-radius:12px;color:#fff;font-size:12px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.header-actions{gap:8px}.action-btn{background:#fff3;color:#fff}.action-btn:hover{background:#ffffff4d;transform:scale(1.05)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.notification-filters{background-color:#f8f9fa;border-bottom:1px solid #e0e6ed;display:flex}.filter-btn{background:none;border:none;flex:1 1;padding:12px 16px;position:relative}.filter-btn:hover{background-color:#e9ecef;color:#495057}.filter-btn.active{background-color:#fff;color:#2196f3;font-weight:600}.filter-btn.active:after{background-color:#2196f3;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.notification-content{flex:1 1;max-height:400px;overflow-y:auto}.notification-content::-webkit-scrollbar{width:6px}.notification-content::-webkit-scrollbar-track{background:#f1f1f1}.notification-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-empty,.notification-error{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px}.notification-error{color:#dc3545}.notification-error button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:12px;padding:8px 16px}.notification-error button:hover{background-color:#c82333}.notification-list{min-height:0}.load-more-btn{background:linear-gradient(90deg,#f8f9fa,#e9ecef);border:none;color:#495057;display:flex;font-size:13px;justify-content:center;padding:16px;width:100%}.load-more-btn:hover{background:linear-gradient(90deg,#e9ecef,#dee2e6);color:#2196f3}.loading-indicator{align-items:center;color:#6c757d;display:flex;font-size:13px;gap:8px;justify-content:center;padding:20px}.notification-footer{background-color:#f8f9fa;border-top:1px solid #e0e6ed;padding:16px 20px}.view-all-btn{align-items:center;background:#0000;border:1px solid #2196f3;border-radius:8px;color:#2196f3;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.view-all-btn:hover{background-color:#2196f3;box-shadow:0 4px 12px #2196f34d;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.notification-dropdown{max-height:500px;width:350px}.notification-header{padding:16px}.header-title h3{font-size:16px}.notification-content{max-height:300px}.notification-footer{padding:12px 16px}}@media (max-width:480px){.notification-dropdown{right:-40px;width:320px}}.notification-badge{align-items:center;animation:badgeAppear .4s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#ff4757,#ff3838);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #ff475766;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;text-align:center;z-index:10}@keyframes badgeAppear{0%{opacity:0;transform:scale(0) rotate(180deg)}50%{transform:scale(1.2) rotate(90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.notification-badge{right:-8px;top:-8px}.notification-badge.small{font-size:10px;height:16px;min-width:16px;right:-6px;top:-6px}.notification-badge.large{font-size:12px;height:22px;min-width:22px;right:-10px;top:-10px}.notification-badge.pulse{animation:badgeAppear .4s cubic-bezier(.68,-.55,.265,1.55),pulseBadge 2s 1s infinite}@keyframes pulseBadge{0%,to{box-shadow:0 2px 8px #ff475766;transform:scale(1)}50%{box-shadow:0 2px 12px #ff475799;transform:scale(1.1)}}.notification-badge.blink{animation:badgeAppear .4s cubic-bezier(.68,-.55,.265,1.55),blinkBadge 1s 1s infinite}@keyframes blinkBadge{0%,50%{opacity:1}51%,to{opacity:.3}}.notification-badge.bounce{animation:bounceBadge .6s ease-in-out}@keyframes bounceBadge{0%,20%,60%,to{transform:scale(1)}40%{transform:scale(1.25)}80%{transform:scale(1.1)}}.notification-badge:contains("99+"){font-size:9px;letter-spacing:-.5px;min-width:24px}.notification-badge.dark{background:linear-gradient(135deg,#2c3e50,#34495e);border-color:#2c3e50;box-shadow:0 2px 8px #2c3e5066}.notification-badge.success{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 2px 8px #27ae6066}.notification-badge.warning{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 8px #f39c1266}.notification-badge.info{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db66}.main-layout{flex-direction:column;height:100vh}.layout-body,.main-layout{display:flex;overflow:hidden}.layout-body{flex:1 1}.sidebar{background-color:#f5f5f5;box-shadow:1px 0 4px #0000001a;height:100%;padding:20px;width:240px}.content-wrapper{background-color:#f9f9f9;flex:1 1;overflow-y:auto;padding:20px}@media (max-width:768px){.layout-body,.main-layout{overflow-x:hidden}.layout-body{flex-direction:column;position:relative}.sidebar{display:none}.content-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;padding:20px 15px 15px;width:100%}body.mobile-menu-open{overflow:hidden}}@media (max-width:480px){.content-wrapper{padding:70px 10px 10px}}.settings-container{background-color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.settings-sidebar{border-right:1px solid #e5e7eb;padding:30px 20px;width:220px}.settings-sidebar h2{font-size:18px;margin-bottom:30px}.settings-sidebar ul{list-style:none;padding:0}.settings-sidebar li{border-left:3px solid #0000;color:#4b5563;cursor:pointer;padding:12px 10px}.settings-sidebar li.active{background-color:#f9fafb;border-left:3px solid #1651c5;color:#1651c5;font-weight:500}.settings-content{flex:1 1;padding:40px 60px}.settings-content h3{font-size:20px;margin-bottom:10px}.settings-content .intro{color:#6b7280;margin-bottom:30px}.password-form .input-group{margin-bottom:25px}.input-group label{display:block;font-weight:500;margin-bottom:6px}.input-wrapper{align-items:center;background-color:#f1f5f9;border-radius:6px;display:flex;position:relative}.input-wrapper input{background:#0000;border:none;color:#111827;font-size:14px;outline:none;padding:12px;width:100%}.input-wrapper span{color:#6b7280;cursor:pointer;font-size:16px;padding:0 12px}.button-group{display:flex;gap:16px;margin-top:30px}.btn-cancel{background-color:initial;color:#1651c5;padding:10px 20px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.btn-save{background-color:#1651c5;padding:10px 24px}.error-message{color:#dc2626;margin-bottom:10px}.success-message{color:#16a34a;margin-bottom:10px}.internal-users-page{background-color:#f9f9f9;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.page-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.top-bar{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.search-box,.top-bar{align-items:center;display:flex}.search-box{background-color:#fff;border-radius:6px;box-shadow:0 0 5px #0000001a;padding:8px 12px;width:300px}.search-icon{color:#888;margin-right:8px}.search-box input{border:none;font-size:14px;outline:none;width:100%}.add-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.add-button:hover{background-color:#0056b3}.user-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 5px #0000000d;overflow:hidden;width:100%}.user-table td,.user-table th{color:#333;font-size:14px;padding:12px 15px;text-align:left}.user-table th{background-color:#f1f1f1;font-weight:600}.user-table tbody tr:hover{background-color:#f9f9f9}.name-cell{align-items:center;display:flex;gap:10px}.avatar{border-radius:50%;height:32px;width:32px}.sort-icon{color:#aaa;font-size:10px;margin-left:4px}.delete-icon{color:red;cursor:pointer}.modal-overlay{background-color:#0006;height:100%;width:100%}.modal-content{border-radius:8px;box-shadow:0 5px 15px #0003;padding:30px;width:400px}.modal-content h3{color:#333;font-size:18px;margin-bottom:20px}.add-employee-form label{color:#444;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.add-employee-form input,.add-employee-form select{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;outline:none;padding:10px;transition:border .3s ease;width:100%}.add-employee-form input:focus,.add-employee-form select:focus{border-color:#007bff}.modal-actions{gap:10px;margin-top:10px}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.submit-button:hover{background-color:#0056b3}.close-button{background-color:#ccc;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;padding:8px 16px}.close-button:hover{background-color:#999}.modal-content p{color:#555;font-size:14px}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.delete-button:hover{background-color:#c82333}.system-settings-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.settings-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#545b62}.btn-save{background:#28a745;color:#fff}.btn-save:hover:not(:disabled){background:#1e7e34}.btn-save:disabled{background:#6c757d;cursor:not-allowed}.settings-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr}.settings-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;height:fit-content}.nav-item,.settings-nav{padding:16px}.nav-item{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#f8f9fa}.nav-item.active{background:#007bff;color:#fff}.nav-item.active .nav-content p{color:#fffc}.nav-icon{color:#007bff;font-size:20px;min-width:20px}.nav-item.active .nav-icon{color:#fff}.nav-content h3{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.nav-content p{color:#6c757d;font-size:12px;line-height:1.4;margin:0}.settings-main{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;padding:24px}.settings-section{max-width:800px}.section-header{border-bottom:2px solid #e9ecef;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.section-header,.section-title{align-items:center;display:flex}.section-title{gap:16px}.section-icon{color:#007bff;font-size:24px}.section-title h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 4px}.section-title p{color:#6c757d;font-size:14px;margin:0}.btn-reset{align-items:center;background:#ffc107;color:#000;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-reset:hover{background:#e0a800}.settings-form{grid-gap:24px;display:grid;gap:24px}.form-group{grid-gap:8px;display:grid;gap:8px}.form-label{color:#2c3e50;font-size:14px;font-weight:500}.form-field{position:relative}.settings-input,.settings-select,.settings-textarea{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.settings-textarea{min-height:80px;resize:vertical}.toggle-switch{display:inline-block;height:28px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-label{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle-label:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.2s;width:20px}input:checked+.toggle-label{background-color:#007bff}input:checked+.toggle-label:before{transform:translateX(22px)}.unsaved-changes-indicator{align-items:center;animation:slideIn .3s ease;background:#ffc107;border-radius:6px;bottom:24px;box-shadow:0 4px 12px #00000026;color:#000;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:fixed;right:24px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.indicator-icon{font-size:16px}@media (max-width:1024px){.settings-content{gap:20px;grid-template-columns:1fr}.settings-sidebar{order:-1}.settings-nav{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.nav-item{margin-bottom:0}}@media (max-width:768px){.system-settings-page{padding:16px}.settings-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.header-actions{justify-content:flex-end}.settings-nav{grid-template-columns:1fr}.nav-content p{display:none}.section-header{align-items:stretch;flex-direction:column;gap:16px}.unsaved-changes-indicator{align-self:center;bottom:auto;margin-top:20px;position:relative;right:auto}}.bulk-operations-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.operations-header{align-items:center;justify-content:space-between;padding:24px}.operations-header,.operations-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;margin-bottom:24px}.operations-tabs{overflow:hidden}.tab{align-items:center;background:#0000;border:none;border-right:1px solid #e9ecef;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;transition:all .2s ease}.tab:last-child{border-right:none}.tab:hover{background:#f8f9fa;color:#007bff}.tab.active{background:#007bff;color:#fff}.tab svg{font-size:16px}.export-operations,.history-operations,.notification-operations,.operations-content,.users-operations{grid-gap:24px;display:grid;gap:24px}.operation-card{background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #00000014;overflow:hidden}.operation-card.danger{border-left-color:#dc3545}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:20px 24px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#2c3e50;font-size:18px;font-weight:600;gap:12px;margin:0}.card-icon{color:#007bff;font-size:20px}.operation-card.danger .card-icon{color:#dc3545}.card-content{padding:24px}.card-content p{color:#6c757d;line-height:1.5;margin:0 0 20px}.danger-text{color:#dc3545!important;font-weight:500}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-group small{color:#6c757d;display:block;font-size:12px;margin-top:4px}.info-text{background:#e7f3ff;border:1px solid #bee5ff;border-radius:6px;color:#004085;font-size:14px;margin:16px 0;padding:12px}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-danger{background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.history-list{grid-gap:16px;display:grid;gap:16px}.history-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;justify-content:space-between;padding:16px}.history-item,.operation-info{align-items:flex-start;display:flex}.operation-info{flex:1 1;gap:12px}.operation-icon{color:#007bff;font-size:18px;margin-top:2px}.operation-details h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.operation-meta{color:#6c757d;font-size:12px;margin:0 0 8px}.operation-data{background:#fff;border:1px solid #e9ecef;border-radius:4px;margin-top:8px;padding:8px}.operation-data pre{color:#495057;font-size:11px;margin:0;max-height:100px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.operation-status{margin-left:12px}.status-success{color:#28a745;font-size:20px}.empty-text{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.modal-overlay{background:#00000080;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal.danger{border-top:4px solid #dc3545}.modal h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0 0 16px}.modal.danger h3{color:#dc3545}.modal p{color:#6c757d;line-height:1.5;margin:0 0 20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width:768px){.bulk-operations-page{padding:16px}.operations-header{align-items:stretch;gap:16px;padding:20px}.operations-header,.operations-tabs{flex-direction:column}.tab{border-bottom:1px solid #e9ecef;border-right:none}.tab:last-child{border-bottom:none}.form-row{gap:16px;grid-template-columns:1fr}.card-header{align-items:stretch;flex-direction:column;gap:12px}.card-header h3{justify-content:center}.history-item{flex-direction:column;gap:12px}.operation-status{align-self:flex-end;margin-left:0}.modal{margin:20px;width:calc(100% - 40px)}.modal-actions{flex-direction:column-reverse}.modal-actions button{justify-content:center;width:100%}}@media (max-width:480px){.operations-content{gap:16px}.card-content{padding:20px}.form-group input,.form-group select,.form-group textarea{padding:10px}.btn-danger,.btn-primary,.btn-secondary{font-size:13px;padding:10px 16px}}.confirmation-container{background-color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.confirmation-sidebar{border-right:1px solid #e0e0e0;padding:20px;width:200px}.confirmation-sidebar h3{font-size:16px;margin-bottom:30px}.confirmation-menu{display:flex;flex-direction:column;gap:10px}.active-tab{background-color:#f5f9ff;border-left:2px solid #007bff;color:#007bff;font-weight:500;padding:10px 0 10px 10px}.inactive-tab{color:#333;cursor:pointer;padding:10px 0 10px 10px}.confirmation-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px;text-align:center}.confirmation-image{margin-bottom:20px;width:180px}.confirmation-title{font-size:32px;font-weight:700;margin:20px 0 10px}.blue{color:#1a73e8}.black{color:#222}.confirmation-subtitle{color:#333;font-size:18px;font-weight:600;margin-top:10px}.confirmation-description{color:#777;font-size:14px;margin-bottom:30px;margin-top:8px;max-width:400px}.confirmation-button{background-color:#0057ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 32px;transition:background .3s}.confirmation-button:hover{background-color:#0041cc}.reset-container{display:flex;font-family:Arial,sans-serif;height:100vh}.reset-left{background-color:#000;border-bottom-left-radius:20px;border-top-left-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;width:40%}.reset-left img{opacity:.8;position:absolute;top:0}.reset-text{padding:2rem;position:relative;z-index:2}.reset-right{padding:4rem;width:60%}.reset-right h2{font-size:1.5rem;margin-bottom:.5rem}.reset-right p{color:#555;margin-bottom:1.5rem}.reset-right input{background-color:#f3f7fd;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.verify-container{display:flex;font-family:Arial,sans-serif;height:100vh}.verify-left{background-color:#000;border-bottom-left-radius:20px;border-top-left-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;width:40%}.verify-left img{height:100%;object-fit:cover;opacity:.8;position:absolute;top:0;width:100%}.verify-text{padding:2rem;position:relative;z-index:2}.verify-right{display:flex;flex-direction:column;justify-content:center;padding:4rem;width:60%}.logo{font-size:2rem;font-weight:700;margin-bottom:1rem}.logo .black{color:#000}.verify-right h2{font-size:1.5rem;margin-bottom:.5rem}.verify-right p{color:#555;font-size:.9rem;margin-bottom:1.5rem}.verify-right input{background-color:#f3f7fd;border:1px solid #ccc;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.submit-btn{border-radius:6px;font-weight:700;padding:.75rem;width:100%}.resend-container{font-size:.9rem;margin-top:1rem;text-align:center}.resend-button{background:none;border:none;color:red;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.back-link{color:red;display:block;margin-top:1rem}.reset-wrapper{display:flex;font-family:Arial,sans-serif;height:100vh}.reset-left{background-color:#f0f0f0;border-radius:20px 0 0 20px;overflow:hidden;position:relative;width:50%}.reset-left img{height:100%;object-fit:cover;width:100%}.reset-info{background:#0006;border-radius:10px;bottom:30px;color:#fff;left:30px;padding:20px;position:absolute}.reset-right{background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;width:50%}.logo{font-size:2.5rem;margin-bottom:20px}.logo .blue{color:#007bff}.logo .black{color:#333}.reset-right h2{font-size:1.4rem;margin-bottom:10px}.reset-right p{font-size:.9rem;margin-bottom:20px}.reset-right form{display:flex;flex-direction:column;gap:15px}.reset-right input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:12px}.submit-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px}.submit-btn:hover{background-color:#0056b3}.back-link{color:#dc3545;display:inline-block;font-size:.9rem;margin-top:15px;text-align:center}.error{color:red;margin-top:10px}.document-validation-container{background-color:#f8f9fa;min-height:100vh;padding:30px}.page-header h1{font-weight:600;margin-bottom:8px}.page-header p{font-size:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.stat-card.total{border-left:4px solid #3498db}.stat-card.pending{border-left:4px solid #f39c12}.stat-card.verified{border-left:4px solid #27ae60}.stat-card.rejected{border-left:4px solid #e74c3c}.filters-section{border-radius:12px;box-shadow:0 2px 8px #00000014;gap:20px;margin-bottom:30px;padding:20px}.search-bar{flex:1 1;min-width:300px;position:relative}.search-bar input{border:1px solid #e0e6ed;border-radius:8px;font-size:14px;padding:12px 16px 12px 44px;transition:border-color .2s ease;width:100%}.search-bar input:focus{border-color:#3498db;outline:none}.search-icon{font-size:16px}.filters{display:flex;gap:16px}.filter-group,.filters{align-items:center}.filter-icon{color:#7f8c8d;font-size:16px}.filter-select{background-color:#fff;border:1px solid #e0e6ed;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px;transition:border-color .2s ease}.filter-select:focus{border-color:#3498db;outline:none}.documents-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.documents-table{border-collapse:collapse;width:100%}.documents-table thead{background-color:#f8f9fa}.documents-table th{border-bottom:2px solid #e0e6ed;color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.documents-table td{border-bottom:1px solid #f1f4f8;padding:16px}.documents-table tbody tr:hover{background-color:#f8f9fa}.document-type{align-items:center;display:flex;justify-content:center}.file-icon{font-size:24px}.file-icon.image{color:#3498db}.file-icon.pdf{color:#e74c3c}.prestataire-info{line-height:1.4}.prestataire-name{color:#2c3e50;font-weight:600;margin-bottom:4px}.prestataire-email{color:#7f8c8d;font-size:13px}.prestataire-type{color:#95a5a6;font-size:12px;font-style:italic;margin-top:2px}.document-name{color:#34495e;font-weight:500}.file-size,.upload-date{color:#7f8c8d;font-size:14px}.status-cell{align-items:center;display:flex;gap:8px}.status-icon{font-size:16px}.status-icon.verified{color:#27ae60}.status-icon.rejected{color:#e74c3c}.status-icon.pending{color:#f39c12}.status-label{border-radius:20px;font-size:13px;font-weight:500;padding:4px 12px}.status-label.verified{background-color:#d4edda;color:#155724}.status-label.rejected{background-color:#f8d7da;color:#721c24}.status-label.pending{background-color:#fff3cd;color:#856404}.rejection-reason{color:#e74c3c;font-size:12px;font-style:italic;margin-top:4px}.actions{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn.view{background-color:#e3f2fd;color:#2196f3}.action-btn.view:hover{background-color:#2196f3;color:#fff}.action-btn.approve{background-color:#e8f5e9;color:#4caf50}.action-btn.approve:hover{background-color:#4caf50;color:#fff}.action-btn.reject{background-color:#ffebee;color:#f44336}.action-btn.reject:hover{background-color:#f44336;color:#fff}.action-btn.download{background-color:#f5f5f5;color:#757575;text-decoration:none}.action-btn.download:hover{background-color:#757575;color:#fff}.loading{color:#7f8c8d}.loading,.no-documents{font-size:16px;padding:60px 20px;text-align:center}.no-documents{color:#95a5a6}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e0e6ed;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.close-modal{align-items:center;background-color:#f5f5f5;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-modal:hover{background-color:#e0e0e0;color:#2c3e50}.modal-body{padding:24px}.document-details{background-color:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:20px}.detail-row{display:flex;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-row .label{color:#2c3e50;font-weight:600;margin-right:16px;min-width:150px}.detail-row .value{color:#34495e;flex:1 1}.detail-row .value.status{font-weight:600}.detail-row .value.status.verified{color:#27ae60}.detail-row .value.status.rejected{color:#e74c3c}.document-preview{align-items:center;background-color:#fafafa;border:1px solid #e0e6ed;border-radius:12px;display:flex;justify-content:center;margin-bottom:24px;min-height:400px;padding:20px;text-align:center}.document-preview img{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:500px;max-width:100%}.pdf-preview{color:#7f8c8d;text-align:center}.pdf-preview svg{color:#e74c3c;font-size:64px;margin-bottom:16px}.pdf-preview a{color:#3498db;display:inline-block;font-weight:500;margin-top:12px;text-decoration:none}.pdf-preview a:hover{text-decoration:underline}.validation-section{background-color:#f8f9fa;border-radius:12px;padding:20px}.validation-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:16px}.validation-section textarea{border:1px solid #e0e6ed;border-radius:8px;font-size:14px;margin-bottom:16px;min-height:80px;padding:12px;resize:vertical;width:100%}.validation-section textarea:focus{border-color:#3498db;outline:none}.validation-actions{display:flex;gap:12px;justify-content:flex-end}.btn-validate{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-validate.approve{background-color:#27ae60;color:#fff}.btn-validate.approve:hover{background-color:#229954}.btn-validate.reject{background-color:#e74c3c;color:#fff}.btn-validate.reject:hover{background-color:#c0392b}.validation-info{background-color:#f8f9fa;border-radius:12px;padding:20px}.validation-info h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:16px}@media (max-width:768px){.document-validation-container{padding:16px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-value{font-size:28px}.filters-section{flex-direction:column;gap:12px;padding:16px}.search-bar{min-width:100%}.filters{flex-direction:column;gap:12px}.filter-group,.filter-select,.filters{width:100%}.documents-table-container{overflow-x:auto;padding:16px}.documents-table{min-width:800px}.modal-content{border-radius:0;margin:0;max-height:100vh}.validation-actions{flex-direction:column}.btn-validate{justify-content:center;width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}.actions{flex-wrap:wrap}}.notifications-page{background-color:#f8f9fa;min-height:100vh;padding:30px}.page-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.page-icon{background:linear-gradient(135deg,#e3f2fd,#fff);border-radius:12px;box-shadow:0 4px 12px #2196f333;color:#2196f3;padding:12px}.page-header h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 4px}.page-header p{color:#7f8c8d;font-size:14px;margin:0}.header-actions{align-items:center}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px #2196f34d;color:#fff}.btn-primary:hover{box-shadow:0 4px 16px #2196f366;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #e0e6ed;color:#6c757d}.btn-secondary:hover{background-color:#f8f9fa;color:#2c3e50}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;padding:24px;position:relative;text-align:center}.stat-card:hover{transform:translateY(-4px)}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.total:before{background:linear-gradient(90deg,#3498db,#2980b9)}.stat-card.unread:before{background:linear-gradient(90deg,#e74c3c,#c0392b)}.stat-card.read:before{background:linear-gradient(90deg,#27ae60,#229954)}.stat-card.today:before{background:linear-gradient(90deg,#f39c12,#e67e22)}.stat-value{color:#2c3e50;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#7f8c8d;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filters-section{align-items:center;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-wrap:wrap;gap:24px}.search-container{flex:1 1;min-width:300px;position:relative}.search-container input{border:1px solid #e0e6ed;border-radius:8px;font-size:14px;padding:12px 16px 12px 44px;transition:border-color .2s ease;width:100%}.search-container input:focus{border-color:#2196f3;outline:none}.search-icon{color:#7f8c8d;font-size:14px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{border:1px solid #e0e6ed;border-radius:20px;color:#6c757d;font-size:13px;font-weight:500;padding:8px 16px}.filter-btn:hover{background-color:#f8f9fa;border-color:#2196f3;color:#2196f3}.filter-btn.active{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff}.bulk-actions{align-items:center;animation:slideInDown .3s ease;background:linear-gradient(135deg,#fff3e0,#fff);border:1px solid #ffb74d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 24px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-info{color:#e65100;font-size:14px;font-weight:600}.bulk-buttons{display:flex;gap:8px}.notifications-content{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden}.empty-state{color:#7f8c8d;padding:80px 20px;text-align:center}.empty-icon{color:#e0e6ed;margin-bottom:20px}.empty-state h3{color:#2c3e50;margin-bottom:8px}.error-message{color:#e74c3c;padding:40px 20px;text-align:center}.error-message button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.notifications-list{min-height:200px}.selection-header{background-color:#f8f9fa;border-bottom:1px solid #e0e6ed;padding:16px 24px}.checkbox-container{align-items:center;color:#6c757d;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px}.checkbox-container input[type=checkbox]{border-radius:3px;cursor:pointer;height:16px;width:16px}.notification-row{align-items:flex-start;border-bottom:1px solid #f1f4f8;display:flex;gap:16px;padding:0 24px}.notification-row:last-child{border-bottom:none}.notification-row .checkbox-container{margin-top:8px;padding:16px 0}.notification-row .notification-item{border-bottom:none;flex:1 1;padding:16px 0}.load-more-container{border-top:1px solid #f1f4f8;padding:24px;text-align:center}.load-more-btn{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e6ed;border-radius:8px;color:#6c757d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#e9ecef,#dee2e6);color:#2196f3;transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.notifications-page{padding:16px}.page-header{flex-direction:column;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{align-items:stretch;flex-direction:column;gap:16px}.search-container{min-width:100%}.filter-buttons{justify-content:center}.bulk-actions{flex-direction:column;gap:12px;text-align:center}.notification-row{padding:0 16px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.support-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.support-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.header-left{align-items:center;gap:16px}.page-icon{color:#007bff;font-size:32px}.header-left h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 4px}.header-left p{color:#6c757d;font-size:14px;margin:0}.header-actions{display:flex;gap:12px}.filter-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s ease}.filter-btn:hover{background:#e9ecef;border-color:#adb5bd}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;gap:16px;padding:20px;transition:transform .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.stat-icon.total{background:linear-gradient(135deg,#007bff,#0056b3)}.stat-icon.open{background:linear-gradient(135deg,#dc3545,#c82333)}.stat-icon.progress{background:linear-gradient(135deg,#fd7e14,#e55a00)}.stat-icon.resolved{background:linear-gradient(135deg,#28a745,#1e7e34)}.stat-icon.unassigned{background:linear-gradient(135deg,#6c757d,#545b62)}.stat-icon.time{background:linear-gradient(135deg,#17a2b8,#138496)}.stat-content h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 4px}.stat-content p{color:#6c757d;font-size:14px;margin:0}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:24px;padding:24px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#495057;font-size:14px;font-weight:500}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:#6c757d;font-size:14px;left:12px;position:absolute}.search-input input{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 12px 10px 36px;width:100%}.search-input input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.filter-group select{background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px}.filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.filters-actions{display:flex;gap:12px;justify-content:flex-end}.btn-apply{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s ease}.btn-apply:hover{background:#0056b3}.btn-reset{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s ease}.btn-reset:hover{background:#545b62}.tickets-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014}.tickets-list{display:flex;flex-direction:column}.ticket-card{border-bottom:1px solid #dee2e6;cursor:pointer;padding:24px;transition:all .2s ease}.ticket-card:hover{background:#f8f9fa}.ticket-card:last-child{border-bottom:none}.ticket-header{margin-bottom:12px}.ticket-title h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 8px}.ticket-meta{font-size:12px;gap:12px}.ticket-id{padding:2px 8px}.ticket-user{align-items:center;display:flex;gap:4px}.ticket-badges{display:flex;gap:8px}.badge{font-size:11px;padding:4px 8px}.ticket-content{margin-bottom:16px}.ticket-description{color:#495057;line-height:1.5;margin:0}.ticket-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:12px}.ticket-info{display:flex;flex-direction:column;gap:4px}.category{color:#6c757d;font-size:12px}.messages{color:#007bff;font-size:12px;font-weight:500}.ticket-dates{display:flex;flex-direction:column;gap:4px;text-align:right}.created,.updated{color:#6c757d;font-size:11px}.ticket-assignment{align-items:center;border-top:1px solid #e9ecef;color:#495057;display:flex;font-size:12px;gap:8px;padding-top:12px}.empty-state,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#dee2e6;font-size:64px;margin-bottom:16px}.empty-state h3{color:#495057;font-size:20px;margin:0 0 8px}.empty-state p{color:#6c757d;margin:0;max-width:400px}.pagination{align-items:center;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:20px;justify-content:center;padding:24px}.pagination-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#0056b3}.pagination-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.pagination-info{color:#495057;font-size:14px;line-height:1.4;text-align:center}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}@media (max-width:768px){.support-page{padding:16px}.support-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-container{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-grid{gap:16px;grid-template-columns:1fr}.ticket-header{gap:12px}.ticket-footer,.ticket-header{align-items:flex-start;flex-direction:column}.ticket-footer{gap:8px}.ticket-dates{text-align:left}.pagination{flex-direction:column;gap:12px}}.support-detail-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.ticket-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;justify-content:space-between;margin-bottom:24px;padding:24px}.header-left,.ticket-header{align-items:flex-start;display:flex}.header-left{gap:20px}.back-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;height:fit-content;padding:10px 16px;transition:all .2s ease}.back-btn:hover{background:#545b62}.ticket-info h1{color:#2c3e50;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px}.ticket-meta{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:16px}.ticket-id{background:#e9ecef;border-radius:12px;font-family:monospace;font-size:12px;padding:4px 8px}.ticket-email,.ticket-user{align-items:center;display:flex;gap:6px}.header-right{display:flex;gap:12px}.edit-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background .2s ease}.edit-btn:hover{background:#0056b3}.edit-actions,.save-btn{display:flex;gap:8px}.save-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s ease}.save-btn:hover{background:#1e7e34}.cancel-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background .2s ease}.cancel-btn:hover{background:#c82333}.ticket-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr}.ticket-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;height:fit-content}.ticket-details{padding:24px}.ticket-details h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.detail-group{margin-bottom:20px}.detail-group label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.detail-group input,.detail-group select{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.detail-group input:focus,.detail-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;padding:6px 12px;text-transform:capitalize}.assigned-value,.category-value,.date-value,.user-type{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px}.user-type{background:#e9ecef;border-radius:12px;padding:6px 12px;text-transform:capitalize;width:fit-content}.conversation-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;height:800px}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.conversation-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.message-count{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:14px;padding:4px 8px}.messages-container{flex:1 1;margin-bottom:20px;overflow-y:auto;padding:0 24px}.message{border-left:4px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:16px}.message.initial-message{background:#f8f9fa;border-left-color:#007bff}.message.admin{background:#e3f2fd;border-left-color:#2196f3}.message.user{background:#fff3e0;border-left-color:#ff9800}.message.internal{background:#fce4ec;border-left-color:#e91e63}.message-header{justify-content:space-between;margin-bottom:12px}.message-header,.sender-info{align-items:center;display:flex}.sender-info{font-size:14px;gap:8px}.sender-name{color:#2c3e50;font-weight:600}.sender-type{color:#6c757d;font-size:12px;text-transform:capitalize}.internal-badge{background:#e91e63;border-radius:8px;color:#fff;font-size:10px;font-weight:500;padding:2px 8px;text-transform:uppercase}.message-date{color:#6c757d;font-size:12px}.message-content h4{color:#2c3e50;font-size:16px;margin:0 0 8px}.message-content p{color:#495057;line-height:1.5;margin:0;white-space:pre-wrap}.message-form{border-top:1px solid #dee2e6;padding:24px}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.form-header h4{color:#2c3e50;font-size:16px;margin:0}.internal-checkbox{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px}.internal-checkbox input{width:auto}.form-body{display:flex;flex-direction:column;gap:12px}.form-body textarea{border:1px solid #dee2e6;border-radius:6px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.form-body textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-body button{align-items:center;align-self:flex-end;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.form-body button:hover:not(:disabled){background:#0056b3}.form-body button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.error-container,.loading-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container p{color:#dc3545;font-size:16px;margin-bottom:20px}.error-container button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s ease}.error-container button:hover{background:#0056b3}@media (max-width:1024px){.ticket-content{gap:20px;grid-template-columns:1fr}.conversation-section{height:600px}}@media (max-width:768px){.support-detail-page{padding:16px}.ticket-header{padding:20px}.header-left,.ticket-header{align-items:stretch;flex-direction:column;gap:16px}.back-btn{align-self:flex-start}.ticket-meta{flex-wrap:wrap;gap:8px}.header-right{align-self:flex-start}.edit-actions{flex-wrap:wrap}.ticket-content{gap:16px}.conversation-section{height:500px}.messages-container{padding:0 16px}.message-form{padding:16px}.form-header{align-items:flex-start;flex-direction:column;gap:12px}.form-body button{align-self:stretch}}
/*# sourceMappingURL=main.4cf1fb2f.css.map*/