:root{--primary:#e94560;--primary-dark:#c73e54;--primary-light:#ff6b7a;--secondary:#0f3460;--secondary-light:#16213e;--accent:#00d9ff;--accent-gold:#f4b942;--bg-dark:#1a1a2e;--bg-card:#ffffff0d;--bg-card-hover:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--border:#ffffff1a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--radius:16px;--radius-sm:8px;--shadow:0 4px 24px #0000004d;--shadow-lg:0 8px 40px #0006;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background:linear-gradient(135deg,var(--bg-dark) 0,var(--secondary-light) 50%,var(--secondary) 100%);color:#fff;color:var(--text-primary);direction:rtl;font-family:Cairo,sans-serif}.app,body{min-height:100vh}.app{padding:20px}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.header,.header-title{align-items:center;display:flex;gap:16px}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e94560,#00d9ff);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.header-title .emoji{font-size:2.5rem}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#e94560,#c73e54);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #e945604d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #e9456066;transform:translateY(-2px)}.btn-secondary{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);color:#fff;color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;background:var(--bg-card-hover);border-color:#e94560;border-color:var(--primary)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error) 0,#dc2626 100%);color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning) 0,#d97706 100%);color:#fff}.btn-sm{font-size:.85rem;padding:8px 16px}.btn:disabled,.btn[disabled]{box-shadow:none!important;cursor:not-allowed;opacity:.6;pointer-events:none;transform:none!important}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{border-color:#e94560;border-color:var(--primary);box-shadow:0 4px 24px #0000004d;box-shadow:var(--shadow);transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d9ff,#e94560);background:linear-gradient(135deg,var(--accent) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.stat-label{color:#ffffffb3;color:var(--text-secondary);font-size:.95rem;margin-top:8px}.filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px 24px}.filter-group,.filters{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#fff;font-size:.95rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.filter-group select{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:500;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filter-group select option{background:#0f3460;background:var(--secondary);color:#fff;font-weight:500}.filter-group select:focus,.filter-group select:hover{background:#fff3;border-color:#e94560;border-color:var(--primary);outline:none}.search-group{flex:1 1;min-width:250px}.search-input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-sm);color:#fff;flex:1 1;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:500;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input::placeholder{color:#ffffff80}.search-input:focus,.search-input:hover{background:#fff3;border-color:#e94560;border-color:var(--primary);outline:none}.table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{background:#e945601a;color:#e94560;color:var(--primary);font-size:.95rem;font-weight:700;text-align:right}.table td,.table th{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);padding:16px 20px}.table td{vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover{background:#ffffff1a;background:var(--bg-card-hover)}.status-badge{border-radius:50px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 14px}.status-nouveau{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6;color:var(--info)}.status-info_collectees,.status-photo_recue,.status-rib_envoye{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--warning)}.status-virement_en_attente{background:#e9456026;border:1px solid #e945604d;color:#e94560;color:var(--primary)}.status-valide{background:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--success)}.status-verifie{background:#10b98140;border:2px solid #10b98180;color:#047857;font-weight:700}.status-rejete{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--error)}.niveau-badge{border-radius:50px;display:inline-block;font-size:.85rem;font-weight:700;padding:6px 14px}.niveau-3AC{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.niveau-1BAC{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.niveau-2BAC{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#16213e;background:var(--secondary-light);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 8px 40px #0006;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#e94560;color:var(--primary);font-size:1.5rem}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.modal-close:hover{background:#ffffff1a;background:var(--bg-card-hover);color:#e94560;color:var(--primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-start;padding:24px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.detail-item{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);padding:16px 20px}.detail-label{color:#ffffff80;color:var(--text-muted);font-size:.85rem;margin-bottom:6px}.detail-value{font-size:1.1rem;font-weight:600}.images-section{margin-top:24px}.images-section h3{color:#00d9ff;color:var(--accent);font-size:1.1rem;margin-bottom:16px}.images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image-card{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.image-card:hover{border-color:#e94560;border-color:var(--primary);transform:scale(1.02)}.image-card img{cursor:pointer;height:200px;object-fit:cover;width:100%}.image-card-label{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);color:#ffffffb3;color:var(--text-secondary);font-size:.9rem;padding:12px;text-align:center}.qr-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);margin-bottom:24px;padding:24px}.qr-section h2{color:#e94560;color:var(--primary);margin-bottom:20px;text-align:center}.qr-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.qr-card{background:#ffffff1a;background:var(--bg-card-hover);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);padding:24px;text-align:center}.qr-card h3{font-size:1.2rem;margin-bottom:16px}.qr-card img{border-radius:8px;border-radius:var(--radius-sm);margin-bottom:16px;max-width:250px}.qr-status{align-items:center;display:flex;font-size:.95rem;gap:8px;justify-content:center}.qr-status.connected{color:#10b981;color:var(--success)}.qr-status.waiting{color:#f59e0b;color:var(--warning)}.qr-status-dot{animation:pulse 2s infinite;border-radius:50%;height:10px;width:10px}.connected .qr-status-dot{background:#10b981;background:var(--success)}.waiting .qr-status-dot{background:#f59e0b;background:var(--warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{color:#ffffffb3;color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-state .emoji{font-size:4rem;margin-bottom:16px}.empty-state h3{color:#fff;color:var(--text-primary);font-size:1.3rem;margin-bottom:8px}.loading{align-items:center;display:flex;justify-content:center;padding:60px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-top-color:#e94560;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.header{padding:16px 20px}.header-title h1{font-size:1.5rem}.filters{align-items:stretch;flex-direction:column}.table-container{overflow-x:auto}.table{min-width:700px}.modal{margin:10px;max-width:100%}}.filiere-select-group{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);margin-top:20px;padding:16px}.filiere-select-group label{color:#ffffffb3;color:var(--text-secondary);display:block;margin-bottom:8px}.filiere-select-group select{background:#0f3460;background:var(--secondary);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;font-family:Cairo,sans-serif;font-size:1rem;padding:12px 16px;width:100%}.actions-cell,.image-links{display:flex;flex-wrap:wrap;gap:8px}.image-link{background:#00d9ff1a;border-radius:4px;color:#00d9ff;color:var(--accent);font-size:.85rem;padding:4px 10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.image-link:hover{background:#00d9ff33}.login-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);background:linear-gradient(135deg,var(--bg-dark) 0,var(--secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 8px 40px #0006;box-shadow:var(--shadow-lg);max-width:420px;padding:48px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#e94560;color:var(--primary);font-size:2.5rem;margin-bottom:8px}.login-header p{color:#ffffffb3;color:var(--text-secondary);font-size:1.1rem}.login-box .form-group{margin-bottom:20px}.login-box label{color:#ffffffb3;color:var(--text-secondary);display:block;font-size:.95rem;margin-bottom:8px}.login-box input{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:1rem;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.login-box input:focus{background:#ffffff14;border-color:#e94560;border-color:var(--primary);outline:none}.login-box input::placeholder{color:#ffffff80;color:var(--text-muted)}.login-error{background:#ef444426;border:1px solid #ef4444;border:1px solid var(--error);border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--error);margin-bottom:20px;padding:12px;text-align:center}.login-btn{font-size:1.1rem;margin-top:8px;padding:16px;width:100%}.login-btn:disabled{cursor:not-allowed;opacity:.7}
/*# sourceMappingURL=main.c4b3ee21.css.map*/