@keyframes slideDownBanniere {from { transform: translateY(-100%); opacity: 0; }to   { transform: translateY(0);    opacity: 1; }}@keyframes slideUpBanniere {from { transform: translateY(0);    opacity: 1; }to   { transform: translateY(-100%); opacity: 0; }}:root {--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #f59e0b;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--bg: #fafafa;--surface: #ffffff;--surface-elevated: #ffffff;--text: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border: #e5e7eb;--border-light: #f3f4f6;--radius-sm: 8px;--radius: 16px;--radius-lg: 24px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-glow: 0 0 20px rgba(99, 102, 241, 0.3);}[data-theme="dark"] {--bg: #0d1117;--surface: #161b22;--surface-elevated: #21262d;--text: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #484f58;--border: #30363d;--border-light: #21262d;}* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }html {font-family: 'Inter', sans-serif;background: var(--bg);color: var(--text);overflow: hidden;height: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;}body {height: 100%;overflow: hidden;position: relative;background: var(--bg);-webkit-tap-highlight-color: transparent;}#app { height: 100vh; display: flex; flex-direction: column; position: relative; }.app-header {position: sticky; top: 0; z-index: 100;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border);padding: 13px 16px;}.header-content {display: flex; justify-content: space-between; align-items: center;}.brand {display: flex; align-items: center; gap: 8px;font-weight: 800; font-size: 22px;background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}.header-actions {display: flex; gap: 8px;}.icon-btn {width: 40px; height: 40px;border-radius: 50%; border: none;background: var(--bg); color: var(--text);display: flex; align-items: center; justify-content: center;cursor: pointer; position: relative;box-shadow: var(--shadow); transition: all 0.2s;}.icon-btn:active { transform: scale(0.95); }.badge {position: absolute; top: -2px; right: -2px;min-width: 18px; height: 18px;background: var(--secondary); color: white;border-radius: 50%; font-size: 10px;display: flex; align-items: center; justify-content: center;font-weight: 700; padding: 0 5px;}.content {flex: 1; overflow-y: auto; overflow-x: hidden;padding-bottom: 135px; scroll-behavior: smooth;}.welcome-section {padding: 18px 16px 16px;background: linear-gradient(135deg, #4f46e5 0%, #6366f1 60%, #7c3aed 100%);color: white; margin: 0px 16px 12px;border-radius: 20px; position: relative; overflow: hidden;}.welcome-section::before {content:''; position:absolute; top:-40px; right:-30px;width:130px; height:130px; background:rgba(255,255,255,0.08); border-radius:50%;}.welcome-section::after {content:''; position:absolute; bottom:-30px; right:30px;width:80px; height:80px; background:rgba(255,255,255,0.05); border-radius:50%;}.welcome-text { font-size:13px; opacity:0.85; margin-bottom:2px; }.welcome-name { font-size:22px; font-weight:800; margin-bottom:14px; }.quick-stats { display:flex; gap:0; }.quick-stat { display:flex; flex-direction:column; padding-right:20px; margin-right:20px; border-right:1px solid rgba(255,255,255,0.2); }.quick-stat:last-child { border-right:none; }.quick-stat-value { font-size:22px; font-weight:800; line-height:1; }.quick-stat-label { font-size:11px; opacity:0.8; margin-top:3px; }.ai-status-card {margin: 0 16px 12px;background: var(--surface); border-radius: 16px;padding: 14px 16px; display: flex; align-items: center; gap: 12px;box-shadow: 0 2px 10px rgba(99,102,241,0.1);border: 1px solid rgba(99,102,241,0.15);cursor: pointer; touch-action: manipulation;}.ai-status-card:active { transform: scale(0.98); }.ai-avatar {width: 46px; height: 46px; border-radius: 50%;background: linear-gradient(135deg, #6366f1, #ec4899);display: flex; align-items: center; justify-content: center;font-size: 22px; position: relative; flex-shrink:0;}.ai-avatar.pulse::after {content:''; position:absolute; inset:-4px; border-radius:50%;border:2px solid #6366f1; animation:pulse-ring 2s infinite;}@keyframes pulse-ring {0% { transform:scale(1); opacity:1; }100% { transform:scale(1.3); opacity:0; }}.ai-info { flex:1; min-width:0; }.ai-name { font-weight:700; font-size:15px; margin-bottom:2px; }.ai-status-text { font-size:12px; color:var(--text-secondary); display:flex; align-items:center; gap:5px; }.status-dot { width:7px; height:7px; background:#10b981; border-radius:50%; box-shadow:0 0 0 2px rgba(16,185,129,0.25); flex-shrink:0; }.status-dot.off { background:#9ca3af; box-shadow:none; }.ai-toggle {width:48px; height:27px; background:var(--success);border-radius:14px; position:relative; cursor:pointer;transition:background 0.3s; flex-shrink:0; touch-action:manipulation;}.ai-toggle.inactive { background:#d1d5db; }.toggle-handle {position:absolute; top:2px; left:2px; width:23px; height:23px;background:white; border-radius:50%; transition:transform 0.3s;box-shadow:0 1px 4px rgba(0,0,0,0.2);}.ai-toggle.active .toggle-handle { transform:translateX(21px); }.ai-toggle.inactive .toggle-handle { transform:translateX(0); }.section-header {display:flex; justify-content:space-between; align-items:center;padding: 14px 16px 8px;}.section-title { font-size:16px; font-weight:800; color:var(--text); }.see-all { color:var(--primary); font-size:13px; font-weight:600; text-decoration:none; display:flex; align-items:center; gap:3px; }.quick-actions {display:grid; grid-template-columns:repeat(4,1fr);gap:10px; padding:0 16px 14px;}.quick-action {display:flex; flex-direction:column; align-items:center; gap:7px;padding:14px 6px; background:var(--surface); border-radius:14px;border:1px solid var(--border); cursor:pointer;transition:transform 0.2s; touch-action:manipulation;}.quick-action:active { transform:scale(0.94); }.quick-action-icon {width:44px; height:44px; border-radius:12px;display:flex; align-items:center; justify-content:center; font-size:18px;}.quick-action-icon.primary   { color:#6366f1; background:rgba(99,102,241,0.1); }.quick-action-icon.success   { color:#10b981; background:rgba(16,185,129,0.1); }.quick-action-icon.warning   { color:#f59e0b; background:rgba(245,158,11,0.1); }.quick-action-icon.secondary { color:#ec4899; background:rgba(236,72,153,0.1); }.quick-action-label { font-size:10px; font-weight:600; color:var(--text-secondary); text-align:center; line-height:1.3; }.stats-row {display:grid; grid-template-columns:repeat(2,1fr);gap:10px; padding:0 16px 14px;}.stat-card {background:var(--surface); border-radius:16px;padding:14px; border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,0.05);}.stat-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }.stat-icon {width:32px; height:32px; border-radius:9px;display:flex; align-items:center; justify-content:center; font-size:14px;}.stat-icon.revenue    { background:rgba(99,102,241,0.1);  color:#6366f1; }.stat-icon.orders     { background:rgba(16,185,129,0.1);  color:#10b981; }.stat-icon.visitors   { background:rgba(245,158,11,0.1);  color:#f59e0b; }.stat-icon.conversion { background:rgba(236,72,153,0.1);  color:#ec4899; }.stat-trend { font-size:11px; font-weight:700; display:flex; align-items:center; gap:2px; }.stat-trend.up   { color:#10b981; }.stat-trend.down { color:#ef4444; }.stat-value { font-size:22px; font-weight:800; margin-bottom:2px; color:var(--text); }.stat-label { font-size:11px; color:var(--text-secondary); font-weight:500; }.orders-list { padding:0 16px 16px; display:flex; flex-direction:column; gap:8px; }.order-item {display:flex; align-items:center; gap:12px;padding:12px 14px; background:var(--surface);border-radius:14px; border:1px solid var(--border);cursor:pointer; touch-action:manipulation; transition:transform 0.2s;}.order-item:active { transform:scale(0.98); }.order-thumb {width:44px; height:44px; border-radius:10px;background:#f3f4f6; overflow:hidden; flex-shrink:0;display:flex; align-items:center; justify-content:center; font-size:18px;}.order-thumb img { width:100%; height:100%; object-fit:cover; }.order-info { flex:1; min-width:0; }.order-id { font-weight:700; font-size:13px; margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.order-meta { font-size:11px; color:var(--text-secondary); display:flex; align-items:center; gap:4px; }.order-amount { text-align:right; flex-shrink:0; }.order-price { font-weight:800; font-size:14px; color:#6366f1; }.order-status { font-size:10px; padding:2px 8px; border-radius:20px; font-weight:700; margin-top:3px; display:inline-block; }.order-status.paid    { background:#d1fae5; color:#059669; }.order-status.pending { background:#fef3c7; color:#d97706; }.order-status.new     { background:#ede9fe; color:#6366f1; }.order-status.livre   { background:#dbeafe; color:#2563eb; }.products-grid {display: grid; grid-template-columns: repeat(2, 1fr);gap: 12px; padding: 0 16px 16px;}.product-card {background: var(--surface); border-radius: 16px;overflow: hidden; border: 1px solid var(--border);box-shadow: 0 2px 10px rgba(0,0,0,0.06); cursor: pointer;transition: transform 0.2s;}.product-card:active { transform: scale(0.97); }.product-image {aspect-ratio: 1; position: relative; overflow: hidden;background: #f3f4f6;}.product-image img { width: 100%; height: 100%; object-fit: cover; }.product-badge {position: absolute; top: 8px; left: 8px;padding: 3px 8px; border-radius: 20px;font-size: 10px; font-weight: 700; color: white;}.product-badge.low  { background: var(--error); }.product-badge.promo{ background: var(--secondary); }.product-actions {position: absolute; bottom: 8px; right: 6px;display: flex; gap: 5px;}.action-btn-sm {width: 30px; height: 30px; border-radius: 50%;border: none; background: white; color: var(--text);display: flex; align-items: center; justify-content: center;cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.15);font-size: 12px; touch-action: manipulation;}.product-details { padding: 10px 12px 12px; }.product-name {font-weight: 700; font-size: 13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom: 3px; color: var(--text);}.product-price {font-size: 15px; font-weight: 800; color: var(--primary); margin-bottom: 4px;}.product-stock {font-size: 11px; color: var(--text-secondary);display: flex; align-items: center; gap: 4px;}@keyframes shimmer {0% { background-position: -400px 0; }100% { background-position: 400px 0; }}.skeleton {background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size: 400px 100%;animation: shimmer 1.4s infinite;border-radius: 8px;}.skeleton-card {background: var(--surface);border-radius: 16px;overflow: hidden;border: 1px solid var(--border);box-shadow: 0 2px 10px rgba(0,0,0,0.06);}.skeleton-img {width: 100%; aspect-ratio: 1;background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size: 400px 100%;animation: shimmer 1.4s infinite;}.skeleton-details { padding: 10px 12px 12px; }.skeleton-line {height: 12px; border-radius: 6px; margin-bottom: 8px;background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size: 400px 100%;animation: shimmer 1.4s infinite;}.skeleton-stat {background: var(--surface);border-radius: 16px;padding: 11px;border: 1px solid var(--border);box-shadow: 0 2px 8px rgba(0,0,0,0.05);}.skeleton-order-row {display: grid;grid-template-columns: 1fr 1fr 90px;padding: 11px 14px;border-bottom: 1px solid var(--border-light);align-items: center;gap: 8px;}.prod-filter-tabs {display: flex; gap: 6px; padding: 12px 16px 8px;overflow-x: auto; scrollbar-width: none;}.prod-filter-tabs::-webkit-scrollbar { display: none; }.prod-tab {padding: 6px 14px; border-radius: 20px; border: 1.5px solid var(--border);background: white; font-size: 12px; font-weight: 700; cursor: pointer;white-space: nowrap; touch-action: manipulation; transition: all 0.2s;color: var(--text-secondary);}.prod-tab.active {background: var(--primary); color: white; border-color: var(--primary);}.chat-container {display: flex; flex-direction: column; height: 100%;background: var(--bg);}.chat-header {padding: 12px 16px; background: var(--surface);border-bottom: 1px solid var(--border);display: flex; align-items: center; gap: 12px;}.back-btn {width: 40px; height: 40px; border-radius: 50%;border: none; background: transparent; color: var(--text);display: flex; align-items: center; justify-content: center;cursor: pointer;}.chat-messages {flex: 1; overflow-y: auto; padding: 16px;display: flex; flex-direction: column; gap: 12px;}.message {max-width: 80%; padding: 12px 16px;border-radius: 16px; font-size: 14px; line-height: 1.5;animation: messageIn 0.3s ease;}@keyframes messageIn {from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: translateY(0); }}@keyframes msgIn {from { opacity: 0; transform: translateY(6px); }to   { opacity: 1; transform: translateY(0); }}.message.received {align-self: flex-start; background: var(--surface);border-bottom-left-radius: 4px;border: 1px solid var(--border);}.message.sent {align-self: flex-end; background: var(--primary); color: white;border-bottom-right-radius: 4px;}.message-time {font-size: 11px; opacity: 0.7; margin-top: 4px;}.typing-indicator {display: flex; gap: 4px; padding: 12px 16px;align-self: flex-start; background: var(--surface);border-radius: 16px; border-bottom-left-radius: 4px;}.sk-conv-list {display:flex;align-items:center;gap:12px;background:white;border-radius:16px;padding:14px;border:1px solid #f0f0f0;margin-bottom:8px;}.sk-conv-list::before {content:'';display:block;width:48px;height:48px;border-radius:12px;flex-shrink:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;}.sk-conv-list::after {content:'';display:block;flex:1;height:42px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;}@keyframes shimmer {0%{background-position:200% 0}100%{background-position:-200% 0}}.typing-dot {width: 8px; height: 8px; background: var(--text-tertiary);border-radius: 50%; animation: typingBounce 1.4s infinite;}.typing-dot:nth-child(1) { animation-delay: -0.32s; }.typing-dot:nth-child(2) { animation-delay: -0.16s; }@keyframes typingBounce {0%, 80%, 100% { transform: scale(0); }40% { transform: scale(1); }}.chat-input-container {padding: 12px 16px; background: var(--surface);border-top: 1px solid var(--border);display: flex; gap: 8px; align-items: center;}.chat-input {flex: 1; padding: 12px 16px;border: 1px solid var(--border); border-radius: 24px;font-size: 15px; background: var(--bg);}.chat-input:focus { outline: none; border-color: var(--primary); }.send-btn {width: 44px; height: 44px; border-radius: 50%;border: none; background: var(--primary); color: white;cursor: pointer; display: flex; align-items: center; justify-content: center;}.ai-page {padding: 12px 14px;}.ai-config-card {background: var(--surface); border-radius: 18px;padding: 16px; margin-bottom: 12px;border: 1px solid var(--border); box-shadow: 0 2px 12px rgba(99,102,241,0.07);}.ai-config-title {font-weight: 700; font-size: 15px; margin-bottom: 14px;display: flex; align-items: center; gap: 8px;color: var(--text);}.ia-input {width: 100%; padding: 11px 14px;border: 1.5px solid var(--border); border-radius: 12px;font-size: 14px; font-family: 'Inter', sans-serif;background: #fafafa; color: var(--text);transition: border-color 0.2s, box-shadow 0.2s;outline: none;}.ia-input:focus {border-color: var(--primary);box-shadow: 0 0 0 3px rgba(99,102,241,0.1);background: white;}.ia-label {font-size: 12px; font-weight: 700; color: var(--text-secondary);display: block; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px;}.ia-row {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px;}.ia-btn-save {width: 100%; padding: 13px;background: linear-gradient(135deg, var(--primary), var(--primary-dark));color: white; border: none; border-radius: 13px;font-size: 14px; font-weight: 700; cursor: pointer;display: flex; align-items: center; justify-content: center; gap: 8px;touch-action: manipulation; transition: opacity 0.2s;}.ia-btn-save:active { opacity: 0.85; }.ia-status-badge {display: inline-flex; align-items: center; gap: 5px;padding: 4px 10px; border-radius: 20px;font-size: 11px; font-weight: 700;background: rgba(16,185,129,0.12); color: #059669;}.ia-stat-box {background: #f9fafb; border-radius: 12px; padding: 12px 8px;text-align: center; border: 1px solid var(--border);}.filtre-date-btn {padding: 6px 12px; border-radius: 20px;border: 1.5px solid var(--border); background: white;color: var(--text); font-size: 12px; font-weight: 600;cursor: pointer; touch-action: manipulation;transition: all 0.2s;}.config-item {display: flex; justify-content: space-between; align-items: center;padding: 12px 0; border-bottom: 1px solid var(--border-light);}.config-item:last-child { border-bottom: none; padding-bottom: 0; }.config-item:first-child { padding-top: 0; }.config-label {display: flex; flex-direction: column;}.config-name { font-weight: 500; font-size: 14px; }.config-desc { font-size: 12px; color: var(--text-secondary); margin-top: 2px; }.profile-header {background: linear-gradient(145deg, #0f0c29 0%, #1a1060 40%, #2d1b69 70%, #1e0a3c 100%);color: white; padding: 0 16px 14px; text-align: center;margin: 0 16px 10px; border-radius: 20px;position: relative; overflow: hidden;box-shadow: 0 8px 32px rgba(99,102,241,0.45), 0 2px 8px rgba(0,0,0,0.4);}.profile-header::before {content: ''; position: absolute; top: -50px; right: -50px;width: 180px; height: 180px; background: rgba(255,255,255,0.06);border-radius: 50%; pointer-events: none;}.profile-header::after {content: ''; position: absolute; bottom: -40px; left: -40px;width: 140px; height: 140px; background: rgba(255,255,255,0.04);border-radius: 50%; pointer-events: none;}.profile-cover-actions {display: flex; justify-content: flex-end; padding: 12px 0 0;position: relative; z-index: 2;}.profile-cover-btn {background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3);color: white; padding: 6px 14px; border-radius: 20px; font-size: 12px;cursor: pointer; font-weight: 700; backdrop-filter: blur(10px);display: flex; align-items: center; gap: 5px;}.profile-avatar-wrap {position: relative; width: 86px; margin: 4px auto 10px;z-index: 2;}.profile-avatar {width: 86px; height: 86px; border-radius: 50%;background: rgba(255,255,255,0.2); margin: 0 auto;display: flex; align-items: center; justify-content: center;font-size: 34px; border: 3px solid rgba(255,255,255,0.6);overflow: hidden; cursor: pointer;box-shadow: 0 4px 20px rgba(0,0,0,0.25);}.profile-avatar img { width: 100%; height: 100%; object-fit: cover; }.profile-avatar-edit {position: absolute; bottom: 0; right: 0;width: 26px; height: 26px; background: white; border-radius: 50%;display: flex; align-items: center; justify-content: center;font-size: 11px; color: var(--primary); cursor: pointer;box-shadow: 0 2px 8px rgba(0,0,0,0.25);}.profile-name { font-size: 20px; font-weight: 800; margin-bottom: 2px; position: relative; z-index: 2; letter-spacing: -0.3px; }.profile-shop { font-size: 13px; opacity: 0.85; margin-bottom: 10px; position: relative; z-index: 2; }.profile-badges {display: flex; justify-content: center; gap: 7px; flex-wrap: wrap;margin-bottom: 14px; position: relative; z-index: 2;}.verified { color: #3b82f6; }.badge-id-ok {display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#059669,#10b981);color:white;border-radius:20px;padding:2px 7px;font-size:8px;font-weight:800;box-shadow:0 1px 4px rgba(16,185,129,0.35);white-space:nowrap;flex-shrink:0;vertical-align:middle;}.badge-id-warn {display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#d97706,#f59e0b);color:white;border-radius:20px;padding:2px 7px;font-size:8px;font-weight:800;box-shadow:0 1px 4px rgba(245,158,11,0.3);white-space:nowrap;flex-shrink:0;vertical-align:middle;}.badge-verifie {display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#059669,#10b981);color:white;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;box-shadow:0 2px 8px rgba(16,185,129,0.35);}.badge-non-verifie {display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#dc2626,#ef4444);color:white;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;box-shadow:0 2px 8px rgba(239,68,68,0.3);}.badge-en-attente-verif {display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#d97706,#f59e0b);color:white;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;}.profile-badge-tag {padding: 4px 11px; border-radius: 20px; font-size: 11px;font-weight: 700; background: rgba(255,255,255,0.18);backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.3);}.profile-stats-row {display: grid; grid-template-columns: repeat(5, 1fr);gap: 1px; background: rgba(255,255,255,0.12);border-radius: 14px; overflow: hidden;margin: 0 0 10px; position: relative; z-index: 2;}.profile-stat-item {padding: 9px 4px; text-align: center;background: rgba(255,255,255,0.08);}.profile-stat-val { font-size: 14px; font-weight: 800; line-height: 1.2; }.profile-stat-lbl { font-size: 8px; opacity: 0.75; margin-top: 2px; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 600; }.profile-modal-overlay {position: fixed; inset: 0; background: rgba(0,0,0,0.5);z-index: 9999; display: flex; align-items: flex-end;animation: fadeIn 0.2s ease;}.profile-modal {background: white; border-radius: 24px 24px 0 0;width: 100%; max-height: 90vh; overflow-y: auto;padding: 24px 20px; animation: slideUp 0.3s ease;}@keyframes slideUp {from { transform: translateY(100%); }to { transform: translateY(0); }}@keyframes fadeIn {from { opacity: 0; } to { opacity: 1; }}.modal-handle {width: 40px; height: 4px; background: #e5e7eb;border-radius: 4px; margin: 0 auto 20px;}.modal-title {font-size: 18px; font-weight: 800; margin-bottom: 20px;display: flex; align-items: center; gap: 8px;}.profile-form-group { margin-bottom: 16px; }.profile-form-label {font-size: 12px; font-weight: 700; color: var(--text-secondary);text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; display: block;}.profile-form-input {width: 100%; padding: 12px 14px;border: 1.5px solid var(--border); border-radius: 12px;font-size: 15px; font-family: 'Inter', sans-serif;transition: border-color 0.2s; background: var(--bg);}.profile-form-input:focus { outline: none; border-color: var(--primary); background: white; }.profile-save-btn {width: 100%; padding: 15px; background: linear-gradient(135deg, var(--primary), var(--primary-dark));color: white; border: none; border-radius: 12px;font-size: 15px; font-weight: 700; cursor: pointer; margin-top: 8px;}.sponsor-card {margin: 0 16px 16px; border-radius: var(--radius);background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);padding: 16px; color: white; position: relative; overflow: hidden;}.sponsor-card::before {content: '🚀'; position: absolute; right: 16px; top: 50%;transform: translateY(-50%); font-size: 48px; opacity: 0.3;}.sponsor-soon {display: inline-block; background: rgba(255,255,255,0.25);padding: 3px 10px; border-radius: 20px; font-size: 10px;font-weight: 800; letter-spacing: 1px; margin-bottom: 6px;border: 1px solid rgba(255,255,255,0.4);}.sponsor-title { font-size: 16px; font-weight: 800; margin-bottom: 4px; }.sponsor-desc { font-size: 12px; opacity: 0.9; }.menu-list {background: var(--surface); border-radius: var(--radius);margin: 0 16px 16px; overflow: hidden;border: 1px solid var(--border); box-shadow: var(--shadow);}.menu-item {display: flex; align-items: center; gap: 12px;padding: 16px; border-bottom: 1px solid var(--border-light);cursor: pointer; transition: background 0.2s;}.menu-item:last-child { border-bottom: none; }.menu-item:active { background: var(--border-light); }.menu-icon {width: 40px; height: 40px; border-radius: 10px;display: flex; align-items: center; justify-content: center;font-size: 18px; background: var(--bg);}.menu-icon.primary { color: var(--primary); }.menu-icon.success { color: var(--success); }.menu-icon.warning { color: var(--warning); }.menu-icon.error { color: var(--error); }.menu-content { flex: 1; }.menu-title { font-weight: 500; font-size: 15px; }.menu-subtitle { font-size: 13px; color: var(--text-secondary); margin-top: 2px; }.menu-arrow { color: var(--text-tertiary); }.menu-badge-new {background: var(--error); color: white; font-size: 9px;font-weight: 800; padding: 2px 7px; border-radius: 10px;}.bottom-nav {position: fixed; bottom: 0; left: 0; right: 0;height: 70px; background: var(--surface);border-top: 1px solid var(--border);display: flex; justify-content: space-around;align-items: center; padding-bottom: env(safe-area-inset-bottom);z-index: 1000;}.nav-item {flex: 1; display: flex; flex-direction: column;align-items: center; gap: 4px; padding: 10px 4px;color: var(--text-secondary); text-decoration: none;font-size: 11px; font-weight: 500; transition: color 0.2s;position: relative; cursor: pointer;-webkit-tap-highlight-color: transparent;touch-action: manipulation;user-select: none;min-height: 60px; justify-content: center;background: none; border: none; outline: none; font-family: inherit;}.nav-item.active { color: var(--primary); }.nav-item.active::before {content: ''; position: absolute; top: 0; width: 40px; height: 3px;background: var(--primary); border-radius: 0 0 4px 4px;}.nav-item i {font-size: 22px;height: 24px;width: 24px;display: flex;align-items: center;justify-content: center;transition: transform 0.2s;font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;font-weight: 900;}.nav-item:active i { transform: scale(0.9); }@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap');.auth-container {min-height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('fond.png') no-repeat center center;backdrop-filter: blur(2px);background-size: cover;position: relative;overflow: hidden;font-family: 'DM Sans', sans-serif;}.auth-header {padding: 20px 28px;text-align: center;color: white;position: relative;z-index: 2;}.auth-logo {width: 68px; height: 68px;border-radius: 22px;background: linear-gradient(135deg, #6366f1, #4f46e5);margin: 0 auto 18px;display: flex; align-items: center; justify-content: center;font-size: 30px;box-shadow: 0 8px 32px rgba(99,102,241,0.45);position: relative;}.auth-logo::after {content: '';position: absolute;inset: -3px;border-radius: 25px;background: linear-gradient(135deg, rgba(99,102,241,0.4), rgba(236,72,153,0.4));z-index: -1;filter: blur(8px);}.auth-title {font-family: 'Syne', sans-serif;font-size: 30px;font-weight: 800;margin-bottom: 6px;letter-spacing: -0.5px;background: #ffffff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 0 2px 10px rgba(0,0,0,0.5);}.auth-subtitle {font-size: 14px;color: rgba(255,255,255,0.45);font-weight: 500;letter-spacing: 0.3px;}.auth-badges {display: flex;justify-content: center;gap: 10px;margin-top: 16px;flex-wrap: wrap;}.auth-badge {display: flex;align-items: center;gap: 6px;padding: 5px 12px;background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.1);border-radius: 20px;font-size: 11px;color: rgba(255,255,255,0.65);font-weight: 600;backdrop-filter: blur(10px);}.auth-badge span { color: #a5b4fc; font-weight: 800; }.auth-card {background: transparent;backdrop-filter: none;border: none;border-radius: 28px;padding: 28px 24px 32px;width: 90%;max-width: 400px;margin: 0 auto;position: relative;z-index: 2;box-shadow: none;}.auth-handle {width: 36px; height: 4px;background: rgba(255,255,255,0.12);border-radius: 2px;margin: 0 auto 24px;}.auth-tabs {display: flex;gap: 0;margin-bottom: 24px;background: rgba(0, 0, 0, 0.3);backdrop-filter: blur(8px);padding: 4px;border-radius: 14px;border: 1px solid rgba(255,255,255,0.06);}.auth-tab {flex: 1; padding: 11px;text-align: center;border-radius: 10px;font-weight: 700;font-size: 14px;cursor: pointer;transition: all 0.25s;border: none;background: transparent;color: rgba(255, 255, 255, 0.8);opacity: 1;text-shadow: 0 1px 3px rgba(0,0,0,0.5);touch-action: manipulation;}.auth-tab.active {background: linear-gradient(135deg, #6366f1, #4f46e5);color: #ffffff;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);box-shadow: 0 4px 14px rgba(99,102,241,0.4);}.form-group { margin-bottom: 14px; }.form-label {display: block;margin-bottom: 8px;font-weight: 700;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: #ffffff;text-shadow: 0 1px 2px rgba(0,0,0,0.8), 0 0 5px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.3);font-weight: 800;}.form-input {width: 100%;padding: 13px 16px;border: 2px solid #ffffff;border-radius: 13px;font-size: 14px;background: rgba(0, 0, 0, 0.4);color: #ffffff;box-shadow: 0 4px 15px rgba(0,0,0,0.2);font-family: 'DM Sans', sans-serif;transition: all 0.2s;box-sizing: border-box;}.form-input::placeholder { color: rgba(255,255,255,0.2); }.form-input:focus {outline: none;border-color: #6366f1;background: rgba(99,102,241,0.08);box-shadow: 0 0 0 3px rgba(99,102,241,0.15);}#add-product-modal .form-input,#edit-produit-modal .form-input {color: #1f2937 !important;background: #f9fafb !important;border: 1.5px solid #e5e7eb !important;}#add-product-modal .form-input::placeholder,#edit-produit-modal .form-input::placeholder {color: #9ca3af !important;}#add-product-modal .form-input:focus,#edit-produit-modal .form-input:focus {background: white !important;border-color: #6366f1 !important;}.input-with-icon { position: relative; }.input-icon {position: absolute; left: 14px; top: 50%;transform: translateY(-50%);color: rgba(255,255,255,0.25);font-size: 13px;pointer-events: none;}.form-input.with-icon { padding-left: 42px; }.password-toggle {position: absolute; right: 14px; top: 50%;transform: translateY(-50%);color: rgba(255,255,255,0.3);cursor: pointer; border: none; background: none;padding: 4px; touch-action: manipulation;}.password-toggle:hover { color: rgba(255,255,255,0.7); }.btn-primary {width: 100%; padding: 14px;background: linear-gradient(135deg, #6366f1, #4f46e5);color: white; border: none;border-radius: 13px; font-size: 15px;font-weight: 700; cursor: pointer;display: flex; align-items: center; justify-content: center;gap: 8px; transition: all 0.2s;font-family: 'DM Sans', sans-serif;box-shadow: 0 4px 20px rgba(99,102,241,0.35);touch-action: manipulation;letter-spacing: 0.2px;}.btn-primary:active { transform: scale(0.98); opacity: 0.9; }.auth-divider {display: flex; align-items: center; gap: 12px;margin: 20px 0;color: rgba(255,255,255,0.2);font-size: 12px; font-weight: 600;text-transform: uppercase; letter-spacing: 1px;}.auth-divider::before, .auth-divider::after {content: ''; flex: 1; height: 1px;background: rgba(255,255,255,0.07);}.social-login {display: flex; gap: 10px; justify-content: center; margin-bottom: 20px;}.social-btn {flex: 1; height: 48px;border-radius: 12px;border: 1.5px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.04);display: flex; align-items: center; justify-content: center;cursor: pointer; font-size: 18px;transition: all 0.2s; touch-action: manipulation;color: white;}.social-btn:active { transform: scale(0.95); background: rgba(255,255,255,0.1); }.social-btn .fab.fa-google  { color: #EA4335; }.social-btn .fab.fa-facebook-f { color: #1877F2; }.social-btn .fab.fa-apple   { color: #fff; }.auth-footer {text-align: center;margin-top: 24px;font-size: 14px;color: #ffffff;text-shadow: 0 1px 3px rgba(0,0,0,0.8);}.auth-link {color: #818cf8; font-weight: 700;text-decoration: none;}.auth-link:hover { color: #a5b4fc; }.step-indicator {display: flex; justify-content: center; gap: 6px; margin-bottom: 22px;}.step-dot {width: 8px; height: 8px; border-radius: 4px;background: rgba(255,255,255,0.12); transition: all 0.3s;}.step-dot.active {background: #6366f1; width: 24px; border-radius: 4px;box-shadow: 0 0 10px rgba(99,102,241,0.5);}.form-row {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}.pwd-strength {display: flex; gap: 4px; margin-top: 8px;}.pwd-bar {flex: 1; height: 3px; border-radius: 2px;background: rgba(255,255,255,0.08); transition: background 0.3s;}.pwd-bar.weak   { background: #ef4444; }.pwd-bar.medium { background: #f59e0b; }.pwd-bar.strong { background: #10b981; }.pwd-hint {font-size: 11px; color: rgba(255,255,255,0.3);margin-top: 5px; display: flex; gap: 10px; flex-wrap: wrap;}.pwd-check { color: rgba(255,255,255,0.25); transition: color 0.2s; }.pwd-check.ok { color: #10b981; }.auth-row {display: flex; justify-content: space-between; align-items: center;margin-bottom: 18px;}.auth-checkbox {display: flex; align-items: center; gap: 8px;font-size: 13px; color: rgba(255,255,255,0.4); cursor: pointer;}.auth-checkbox input[type="checkbox"] {width: 16px; height: 16px;accent-color: #6366f1; cursor: pointer;}.auth-error {background: rgba(239,68,68,0.1);border: 1px solid rgba(239,68,68,0.25);color: #fca5a5;padding: 10px 14px;border-radius: 10px;font-size: 13px;margin-bottom: 14px;display: none;}.step-indicator {display: flex; justify-content: center; gap: 8px;margin-bottom: 24px;}.step-dot {width: 8px; height: 8px; border-radius: 50%;background: var(--border); transition: all 0.3s;}.step-dot.active { background: var(--primary); width: 24px; border-radius: 4px; }.form-row {display: grid; grid-template-columns: 1fr 1fr;gap: 12px;}.hidden { display: none !important; }.text-center { text-align: center; }.mt-4 { margin-top: 16px; }.mb-4 { margin-bottom: 16px; }.toast {position: fixed; bottom: 100px; left: 50%;transform: translateX(-50%) translateY(100px);background: #1f2937; color: white;padding: 12px 24px; border-radius: 24px;font-size: 14px; z-index: 999999;opacity: 0; transition: all 0.3s;box-shadow: var(--shadow-lg);pointer-events: none;}.toast.show {opacity: 1; transform: translateX(-50%) translateY(0);}@media (min-width: 768px) {.products-grid { grid-template-columns: repeat(3, 1fr); }.stats-row { grid-template-columns: repeat(4, 1fr); }}@keyframes badgePulse {0%   { transform: scale(1); box-shadow: 0 2px 6px rgba(239,68,68,0.5); }50%  { transform: scale(1.15); box-shadow: 0 2px 12px rgba(239,68,68,0.8); }100% { transform: scale(1); box-shadow: 0 2px 6px rgba(239,68,68,0.5); }}#maintenance-screen-v {position: fixed; inset: 0; z-index: 99999;background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);display: none; flex-direction: column;align-items: center; justify-content: center;padding: 32px 24px; text-align: center;}#maintenance-screen-v.active { display: flex; }.mv-icon {width: 100px; height: 100px; border-radius: 50%;background: linear-gradient(135deg, #6366f1, #ec4899);display: flex; align-items: center; justify-content: center;font-size: 48px; margin-bottom: 28px;box-shadow: 0 0 0 16px rgba(99,102,241,0.1), 0 0 0 32px rgba(99,102,241,0.05);animation: mvPulse 2s ease-in-out infinite;}@keyframes mvPulse {0%, 100% { box-shadow: 0 0 0 16px rgba(99,102,241,0.1), 0 0 0 32px rgba(99,102,241,0.05); }50% { box-shadow: 0 0 0 22px rgba(99,102,241,0.15), 0 0 0 44px rgba(99,102,241,0.07); }}.mv-badge {display: inline-flex; align-items: center; gap: 6px;background: rgba(99,102,241,0.15); border: 1px solid rgba(99,102,241,0.35);color: #818cf8; border-radius: 20px; padding: 5px 16px;font-size: 12px; font-weight: 700; margin-bottom: 20px;text-transform: uppercase; letter-spacing: 0.05em;}.mv-title { font-size: 24px; font-weight: 800; color: #f8fafc; margin-bottom: 10px; }.mv-sub { font-size: 14px; color: #94a3b8; margin-bottom: 24px; }.mv-msg {font-size: 14px; color: #cbd5e1; line-height: 1.7;max-width: 320px; margin-bottom: 28px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 16px; padding: 18px 20px;}.mv-dots { display:flex; gap:8px; justify-content:center; margin-bottom:20px; }.mv-dot {width:8px; height:8px; border-radius:50%; background:#6366f1;animation: mvDot 1.4s ease-in-out infinite;}.mv-dot:nth-child(2) { animation-delay:0.2s; }.mv-dot:nth-child(3) { animation-delay:0.4s; }@keyframes mvDot {0%,80%,100% { transform:scale(0.6); opacity:0.4; }40% { transform:scale(1); opacity:1; }}#tour-overlay {position: fixed; inset: 0; z-index: 999998;background: transparent; pointer-events: none;}#tour-overlay.active { pointer-events: all; }.tour-highlight {position: fixed; z-index: 999999;border-radius: 14px;box-shadow: 0 0 0 4px #6366f1, 0 0 0 9999px rgba(0,0,0,0.7);pointer-events: none;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);animation: tourPulse 2s infinite;}@keyframes tourPulse {0%,100% { box-shadow: 0 0 0 4px #6366f1, 0 0 0 9999px rgba(0,0,0,0.7); }50%      { box-shadow: 0 0 0 8px rgba(99, 102, 241, 0.5), 0 0 0 9999px rgba(0,0,0,0.7); }}.tour-tooltip {position: fixed; z-index: 1000000;background: white; border-radius: 24px;padding: 20px;max-width: 300px; width: calc(100vw - 40px);box-shadow: 0 20px 50px rgba(0,0,0,0.4);animation: tourTooltipIn 0.4s cubic-bezier(0.34,1.56,0.64,1);pointer-events: all;}@keyframes tourTooltipIn {from { opacity: 0; transform: scale(0.9) translateY(20px); }to   { opacity: 1; transform: scale(1) translateY(0); }}.tour-tooltip::before {content: '';position: absolute;width: 16px; height: 16px;background: white;transform: rotate(45deg);left: var(--arrow-left, 50%);margin-left: -8px;}.tour-tooltip.arrow-bottom::before { bottom: -8px; }.tour-tooltip.arrow-top::before    { top: -8px; }.tour-emoji { font-size: 36px; display: block; margin-bottom: 10px; }.tour-step-label { font-size: 11px; font-weight: 800; color: #6366f1; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }.tour-title { font-size: 18px; font-weight: 900; color: #1f2937; margin-bottom: 8px; line-height: 1.2; }.tour-desc { font-size: 14px; color: #4b5563; line-height: 1.5; margin-bottom: 18px; }.tour-progress { display: flex; gap: 6px; margin-bottom: 18px; }.tour-dot { height: 5px; border-radius: 3px; flex: 1; background: #f3f4f6; transition: all 0.3s; }.tour-dot.done { background: #6366f1; }.tour-actions { display: flex; gap: 10px; }.tour-btn-skip { flex: 1; padding: 12px; background: #f9fafb; color: #9ca3af; border: 1px solid #f3f4f6; border-radius: 14px; font-size: 14px; font-weight: 700; cursor: pointer; }.tour-btn-next { flex: 2; padding: 12px; background: #6366f1; color: white; border: none; border-radius: 14px; font-size: 15px; font-weight: 800; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 4px 12px rgba(99,102,241,0.3); }[data-theme="dark"] .app-header {background: rgba(22, 27, 34, 0.95);}[data-theme="dark"] .order-thumb {background: var(--surface-elevated);}[data-theme="dark"] .product-image {background: var(--surface-elevated);}[data-theme="dark"] .prod-tab {background: var(--surface);color: var(--text-secondary);}[data-theme="dark"] .sk-conv-list {background: var(--surface);border-color: var(--border);}[data-theme="dark"] .sk-conv-list::before,[data-theme="dark"] .sk-conv-list::after,[data-theme="dark"] .skeleton,[data-theme="dark"] .skeleton-img,[data-theme="dark"] .skeleton-line {background: linear-gradient(90deg, var(--surface-elevated) 25%, var(--border) 50%, var(--surface-elevated) 75%);background-size: 400px 100%;}[data-theme="dark"] .ia-input {background: var(--surface-elevated);color: var(--text);border-color: var(--border);}[data-theme="dark"] .ia-input:focus {background: var(--surface);border-color: var(--primary);}[data-theme="dark"] .ia-stat-box {background: var(--surface-elevated);color: var(--text);}[data-theme="dark"] .filtre-date-btn {background: var(--surface);color: var(--text);border-color: var(--border);}[data-theme="dark"] .profile-modal {background: var(--surface);color: var(--text);}[data-theme="dark"] .modal-handle {background: var(--border);}[data-theme="dark"] .profile-form-input {background: var(--surface-elevated);color: var(--text);border-color: var(--border);}[data-theme="dark"] .profile-form-input:focus {background: var(--surface);}[data-theme="dark"] #add-product-modal .form-input,[data-theme="dark"] #edit-produit-modal .form-input {color: var(--text) !important;background: var(--surface-elevated) !important;border-color: var(--border) !important;}[data-theme="dark"] #add-product-modal .form-input::placeholder,[data-theme="dark"] #edit-produit-modal .form-input::placeholder {color: var(--text-tertiary) !important;}[data-theme="dark"] #add-product-modal .form-input:focus,[data-theme="dark"] #edit-produit-modal .form-input:focus {background: var(--surface) !important;}[data-theme="dark"] .profile-avatar-edit {background: var(--surface-elevated);}[data-theme="dark"] .action-btn-sm {background: var(--surface-elevated);color: var(--text);}[data-theme="dark"] .tour-tooltip,[data-theme="dark"] .tour-tooltip::before {background: var(--surface);}[data-theme="dark"] .tour-title {color: var(--text);}[data-theme="dark"] .tour-desc {color: var(--text-secondary);}[data-theme="dark"] .tour-dot {background: var(--border);}[data-theme="dark"] .tour-btn-skip {background: var(--surface-elevated);color: var(--text-secondary);border-color: var(--border);}[data-theme="dark"] .menu-item:active {background: var(--surface-elevated);}[data-theme="dark"] #header-logo {background: white;padding: 3px 8px;border-radius: 10px;}[data-theme="dark"] #chat-vendeur-modal {background: var(--bg) !important;}[data-theme="dark"] #chat-vendeur-modal > div:first-child {background: var(--surface) !important;border-bottom-color: var(--border) !important;}[data-theme="dark"] #chat-vendeur-modal > div:last-child {background: var(--surface) !important;border-top-color: var(--border) !important;}[data-theme="dark"] #chat-vendeur-modal textarea {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}[data-theme="dark"] #chat-vendeur-modal [style*="background:white"] {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}[data-theme="dark"] #chat-vendeur-modal [style*="color:#111"] {color: var(--text) !important;}[data-theme="dark"] #chat-vendeur-modal [style*="color:#374151"] {color: var(--text) !important;}[data-theme="dark"] #chat-vendeur-modal [style*="color:#9ca3af"] {color: var(--text-secondary) !important;}[data-theme="dark"] #chat-vendeur-modal [style*="background:#f3f4f6"],[data-theme="dark"] #chat-vendeur-modal [style*="background:#f5f6fa"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #chat-vendeur-modal [style*="border:1px solid #e5e7eb"],[data-theme="dark"] #chat-vendeur-modal [style*="border: 1px solid #e5e7eb"] {border-color: var(--border) !important;}[data-theme="dark"] #detail-produit-modal > div {background: var(--surface) !important;}[data-theme="dark"] #detail-produit-modal [style*="background:#f9fafb"],[data-theme="dark"] #detail-produit-modal [style*="background: #f9fafb"] {background: var(--surface-elevated) !important;border-color: var(--border) !important;}[data-theme="dark"] #detail-produit-modal [style*="color:#9ca3af"] {color: var(--text-tertiary) !important;}[data-theme="dark"] #detail-produit-modal [style*="border:1px solid #e5e7eb"],[data-theme="dark"] #detail-produit-modal [style*="border: 1px solid #e5e7eb"] {border-color: var(--border) !important;}[data-theme="dark"] #msg-header-bar {background: var(--surface) !important;border-bottom-color: var(--border) !important;}[data-theme="dark"] #msg-header-bar .back-btn {background: var(--surface-elevated) !important;color: var(--text) !important;}[data-theme="dark"] #msg-header-bar [style*="color:#111"] {color: var(--text) !important;}[data-theme="dark"] #msg-header-bar [style*="color:#9ca3af"] {color: var(--text-secondary) !important;}[data-theme="dark"] #msg-header-bar [style*="background:#f5f5f5"],[data-theme="dark"] #msg-header-bar [style*="background:#f3f4f6"] {background: var(--surface-elevated) !important;color: var(--text-secondary) !important;}[data-theme="dark"] #msg-tabs-pill {background: var(--surface-elevated) !important;}[data-theme="dark"] #tab-commandes > div,[data-theme="dark"] #tab-messages > div {background: var(--surface) !important;border-color: var(--border) !important;}[data-theme="dark"] #tab-commandes [style*="background:#f3f4f6"],[data-theme="dark"] #tab-messages [style*="background:#f3f4f6"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #tab-commandes [style*="color:#111"],[data-theme="dark"] #tab-messages [style*="color:#111"] {color: var(--text) !important;}[data-theme="dark"] #tab-commandes [style*="color:#9ca3af"],[data-theme="dark"] #tab-messages [style*="color:#9ca3af"] {color: var(--text-secondary) !important;}[data-theme="dark"] #tab-commandes [style*="color:#374151"],[data-theme="dark"] #tab-messages [style*="color:#374151"] {color: var(--text) !important;}[data-theme="dark"] #tab-commandes > div[style*="background:white"],[data-theme="dark"] #tab-messages > div[style*="background:white"] {background: var(--surface) !important;border-color: var(--border) !important;}[data-theme="dark"] #ia-activite-liste > div {background: var(--surface-elevated) !important;}[data-theme="dark"] #ia-activite-liste [style*="color:#111"] {color: var(--text) !important;}[data-theme="dark"] #ia-activite-liste [style*="color:#9ca3af"] {color: var(--text-secondary) !important;}[data-theme="dark"] #boutique-modal-overlay > div {background: var(--surface) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="background:white"],[data-theme="dark"] #boutique-modal-overlay [style*="background: white"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #boutique-modal-overlay input,[data-theme="dark"] #boutique-modal-overlay textarea,[data-theme="dark"] #boutique-modal-overlay select {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="color:#111"],[data-theme="dark"] #boutique-modal-overlay [style*="color: #111"] {color: var(--text) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="background:#e5e7eb"],[data-theme="dark"] #boutique-modal-overlay [style*="border:1px solid #e5e7eb"],[data-theme="dark"] #boutique-modal-overlay [style*="border: 1px solid #e5e7eb"] {background: var(--border) !important;border-color: var(--border) !important;}[data-theme="dark"] #edit-produit-modal > div {background: var(--surface) !important;}[data-theme="dark"] #edit-produit-modal [style*="background:white"],[data-theme="dark"] #edit-produit-modal [style*="background: white"],[data-theme="dark"] #edit-produit-modal [style*="background:#f9fafb"],[data-theme="dark"] #edit-produit-modal [style*="background:#f8f9fa"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #edit-produit-modal input,[data-theme="dark"] #edit-produit-modal textarea,[data-theme="dark"] #edit-produit-modal select {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}[data-theme="dark"] #edit-produit-modal [style*="color:#374151"],[data-theme="dark"] #edit-produit-modal [style*="color:#111"],[data-theme="dark"] #edit-produit-modal [style*="color: #111"] {color: var(--text) !important;}[data-theme="dark"] #edit-produit-modal [style*="color:#9ca3af"],[data-theme="dark"] #edit-produit-modal [style*="color:#6b7280"] {color: var(--text-secondary) !important;}[data-theme="dark"] #edit-produit-modal [style*="border:1px solid #e5e7eb"],[data-theme="dark"] #edit-produit-modal [style*="border: 1px solid #e5e7eb"],[data-theme="dark"] #edit-produit-modal [style*="background:#e5e7eb"] {border-color: var(--border) !important;background: var(--border) !important;}[data-theme="dark"] #edit-produit-modal [style*="background:#fffbeb"] {background: rgba(245,158,11,0.1) !important;border-color: rgba(245,158,11,0.3) !important;}[data-theme="dark"] #edit-produit-modal [style*="color:#92400e"] {color: #fbbf24 !important;}[data-theme="dark"] #edit-produit-modal button[style*="background:#f3f4f6"] {background: var(--surface-elevated) !important;color: var(--text) !important;}[data-theme="dark"] #add-product-modal > div {background: var(--surface) !important;}[data-theme="dark"] #add-product-modal [style*="background:white"],[data-theme="dark"] #add-product-modal [style*="background:#f8f9fa"],[data-theme="dark"] #add-product-modal [style*="background:#f9fafb"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #add-product-modal input,[data-theme="dark"] #add-product-modal textarea,[data-theme="dark"] #add-product-modal select {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}[data-theme="dark"] #add-product-modal [style*="color:#374151"],[data-theme="dark"] #add-product-modal [style*="color:#111"] {color: var(--text) !important;}[data-theme="dark"] #add-product-modal [style*="color:#9ca3af"],[data-theme="dark"] #add-product-modal [style*="color:#6b7280"] {color: var(--text-secondary) !important;}[data-theme="dark"] #add-product-modal button[style*="background:#f3f4f6"],[data-theme="dark"] #add-product-modal button[style*="background:white"] {background: var(--surface-elevated) !important;color: var(--text-secondary) !important;}[data-theme="dark"] #popup-statut-selection > div {background: var(--surface) !important;}[data-theme="dark"] #popup-statut-selection [style*="background:#e5e7eb"] {background: var(--border) !important;}[data-theme="dark"] #popup-statut-selection [style*="border-bottom:1px solid #f3f4f6"] {border-bottom-color: var(--border) !important;}[data-theme="dark"] #popup-statut-selection label[style*="background:white"] {background: var(--surface-elevated) !important;border-color: var(--border) !important;color: var(--text) !important;}[data-theme="dark"] #popup-statut-selection [style*="color:#111"] {color: var(--text) !important;}[data-theme="dark"] #popup-statut-selection [style*="color:#9ca3af"],[data-theme="dark"] #popup-statut-selection [style*="color:#6b7280"] {color: var(--text-secondary) !important;}[data-theme="dark"] #popup-statut-selection [style*="background:#f3f4f6"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #popup-statut-selection div[style*="background:#f3f4f6"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #msg-tabs-pill {background: var(--surface-elevated) !important;}[data-theme="dark"] #msg-tab-commandes[style*="background:white"],[data-theme="dark"] #msg-tab-commandes {background: var(--surface) !important;color: var(--text) !important;}[data-theme="dark"] #msg-tab-messages {color: var(--text-secondary) !important;}[data-theme="dark"] #msg-header-bar [style*="color:#111"],[data-theme="dark"] #msg-header-bar [style*="color: #111"],[data-theme="dark"] #msg-header-bar [style*="color:#1f2937"] {color: var(--text) !important;}[data-theme="dark"] #msg-header-bar [style*="background:#f5f5f5"],[data-theme="dark"] #msg-header-bar [style*="background:#f3f4f6"],[data-theme="dark"] #msg-header-bar button[style*="background:#f5f5f5"] {background: var(--surface-elevated) !important;color: var(--text-secondary) !important;}[data-theme="dark"] #compte-rendu-result > div {border-color: var(--border) !important;background: var(--surface) !important;}[data-theme="dark"] #compte-rendu-result [style*="background:white"],[data-theme="dark"] #compte-rendu-result [style*="background:#fafafa"],[data-theme="dark"] #compte-rendu-result [style*="background:#f9fafb"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #compte-rendu-result [style*="border-bottom:1px solid #f3f4f6"] {border-bottom-color: var(--border) !important;}[data-theme="dark"] #compte-rendu-result [style*="color:#6b7280"],[data-theme="dark"] #compte-rendu-result [style*="color:#9ca3af"] {color: var(--text-secondary) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="background:#f9fafb"] {background: var(--surface-elevated) !important;border-color: var(--border) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="background:#f8faff"],[data-theme="dark"] #boutique-modal-overlay [style*="background:#f0fdf4"],[data-theme="dark"] #boutique-modal-overlay [style*="background:#fefce8"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="color:#374151"] {color: var(--text) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="border:1px solid #f0f0f0"],[data-theme="dark"] #boutique-modal-overlay [style*="border: 1px solid #f0f0f0"] {border-color: var(--border) !important;}[data-theme="dark"] #boutique-modal-overlay input,[data-theme="dark"] #boutique-modal-overlay textarea {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}[data-theme="dark"] #edit-produit-modal > div {background: var(--surface) !important;}[data-theme="dark"] #edit-produit-modal [style*="background:white"],[data-theme="dark"] #edit-produit-modal [style*="background: white"],[data-theme="dark"] #edit-produit-modal [style*="background:#f9fafb"],[data-theme="dark"] #edit-produit-modal [style*="background:#f8f9fa"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #edit-produit-modal input,[data-theme="dark"] #edit-produit-modal textarea,[data-theme="dark"] #edit-produit-modal select {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}[data-theme="dark"] #edit-produit-modal [style*="color:#374151"],[data-theme="dark"] #edit-produit-modal [style*="color:#111"],[data-theme="dark"] #edit-produit-modal [style*="color: #111"] {color: var(--text) !important;}[data-theme="dark"] #edit-produit-modal [style*="color:#9ca3af"],[data-theme="dark"] #edit-produit-modal [style*="color:#6b7280"] {color: var(--text-secondary) !important;}[data-theme="dark"] #edit-produit-modal [style*="border:1px solid #e5e7eb"],[data-theme="dark"] #edit-produit-modal [style*="border: 1px solid #e5e7eb"],[data-theme="dark"] #edit-produit-modal [style*="background:#e5e7eb"] {border-color: var(--border) !important;background: var(--border) !important;}[data-theme="dark"] #edit-produit-modal [style*="background:#fffbeb"] {background: rgba(245,158,11,0.1) !important;border-color: rgba(245,158,11,0.3) !important;}[data-theme="dark"] #edit-produit-modal [style*="color:#92400e"] {color: #fbbf24 !important;}[data-theme="dark"] #edit-produit-modal button[style*="background:#f3f4f6"] {background: var(--surface-elevated) !important;color: var(--text) !important;}[data-theme="dark"] #add-product-modal > div {background: var(--surface) !important;}[data-theme="dark"] #add-product-modal [style*="background:white"],[data-theme="dark"] #add-product-modal [style*="background:#f8f9fa"],[data-theme="dark"] #add-product-modal [style*="background:#f9fafb"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #add-product-modal input,[data-theme="dark"] #add-product-modal textarea,[data-theme="dark"] #add-product-modal select {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}[data-theme="dark"] #add-product-modal [style*="color:#374151"],[data-theme="dark"] #add-product-modal [style*="color:#111"] {color: var(--text) !important;}[data-theme="dark"] #add-product-modal [style*="color:#9ca3af"],[data-theme="dark"] #add-product-modal [style*="color:#6b7280"] {color: var(--text-secondary) !important;}[data-theme="dark"] #add-product-modal button[style*="background:#f3f4f6"],[data-theme="dark"] #add-product-modal button[style*="background:white"] {background: var(--surface-elevated) !important;color: var(--text-secondary) !important;}[data-theme="dark"] #popup-statut-selection > div {background: var(--surface) !important;}[data-theme="dark"] #popup-statut-selection [style*="background:#e5e7eb"] {background: var(--border) !important;}[data-theme="dark"] #popup-statut-selection [style*="border-bottom:1px solid #f3f4f6"] {border-bottom-color: var(--border) !important;}[data-theme="dark"] #popup-statut-selection label[style*="background:white"] {background: var(--surface-elevated) !important;border-color: var(--border) !important;color: var(--text) !important;}[data-theme="dark"] #popup-statut-selection [style*="color:#111"] {color: var(--text) !important;}[data-theme="dark"] #popup-statut-selection [style*="color:#9ca3af"],[data-theme="dark"] #popup-statut-selection [style*="color:#6b7280"] {color: var(--text-secondary) !important;}[data-theme="dark"] #popup-statut-selection [style*="background:#f3f4f6"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #popup-statut-selection div[style*="background:#f3f4f6"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #msg-tabs-pill {background: var(--surface-elevated) !important;}[data-theme="dark"] #msg-tab-commandes[style*="background:white"],[data-theme="dark"] #msg-tab-commandes {background: var(--surface) !important;color: var(--text) !important;}[data-theme="dark"] #msg-tab-messages {color: var(--text-secondary) !important;}[data-theme="dark"] #msg-header-bar [style*="color:#111"],[data-theme="dark"] #msg-header-bar [style*="color: #111"],[data-theme="dark"] #msg-header-bar [style*="color:#1f2937"] {color: var(--text) !important;}[data-theme="dark"] #msg-header-bar [style*="background:#f5f5f5"],[data-theme="dark"] #msg-header-bar [style*="background:#f3f4f6"],[data-theme="dark"] #msg-header-bar button[style*="background:#f5f5f5"] {background: var(--surface-elevated) !important;color: var(--text-secondary) !important;}[data-theme="dark"] #compte-rendu-result > div {border-color: var(--border) !important;background: var(--surface) !important;}[data-theme="dark"] #compte-rendu-result [style*="background:white"],[data-theme="dark"] #compte-rendu-result [style*="background:#fafafa"],[data-theme="dark"] #compte-rendu-result [style*="background:#f9fafb"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #compte-rendu-result [style*="border-bottom:1px solid #f3f4f6"] {border-bottom-color: var(--border) !important;}[data-theme="dark"] #compte-rendu-result [style*="color:#6b7280"],[data-theme="dark"] #compte-rendu-result [style*="color:#9ca3af"] {color: var(--text-secondary) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="background:#f9fafb"] {background: var(--surface-elevated) !important;border-color: var(--border) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="background:#f8faff"],[data-theme="dark"] #boutique-modal-overlay [style*="background:#f0fdf4"],[data-theme="dark"] #boutique-modal-overlay [style*="background:#fefce8"] {background: var(--surface-elevated) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="color:#374151"] {color: var(--text) !important;}[data-theme="dark"] #boutique-modal-overlay [style*="border:1px solid #f0f0f0"],[data-theme="dark"] #boutique-modal-overlay [style*="border: 1px solid #f0f0f0"] {border-color: var(--border) !important;}[data-theme="dark"] #boutique-modal-overlay input,[data-theme="dark"] #boutique-modal-overlay textarea {background: var(--surface-elevated) !important;color: var(--text) !important;border-color: var(--border) !important;}@keyframes limitDotV{0%,80%,100%{transform:scale(0.6);opacity:0.4}40%{transform:scale(1);opacity:1}}@keyframes splashLogoPulse {0%   { transform: scale(1); opacity: 0.95; }50%  { transform: scale(1.05); opacity: 1; }100% { transform: scale(1); opacity: 0.95; }}@keyframes splashLoadingBar {0%   { transform: translateX(-100%); }100% { transform: translateX(100%); }}@keyframes pwaInstallPop {from { opacity:0; transform:translateX(-50%) translateY(20px); }to   { opacity:1; transform:translateX(-50%) translateY(0); }@keyframes pwaSlideDownV {from { transform: translateY(-100%); opacity: 0; }to   { transform: translateY(0);    opacity: 1; }