:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}:root{--primary: #0f5c9e;--primary-dark: #0a4070;--primary-light: #1a7fd4;--primary-bg: #e8f2fb;--secondary: #1a3a5c;--accent: #e8680a;--accent-light: #f07c2a;--success: #16a34a;--success-bg: #dcfce7;--warning: #d97706;--warning-bg: #fef3c7;--error: #dc2626;--error-bg: #fee2e2;--info: #0369a1;--info-bg: #e0f2fe;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--bg: #f8fafc;--surface: #ffffff;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}input,select,textarea{font-size:max(16px,1em)}#root{min-height:100vh}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.main-content{min-height:calc(100vh - 64px - var(--sat));padding-top:calc(64px + var(--sat));padding-bottom:var(--sab);padding-left:var(--sal);padding-right:var(--sar)}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:1.875rem;font-weight:700;color:var(--text);line-height:1.2}.page-subtitle{color:var(--text-muted);margin-top:var(--space-2);font-size:1rem}.navbar{position:fixed;top:0;left:0;right:0;height:calc(64px + var(--sat));padding-top:var(--sat);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm)}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.navbar-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:1.25rem;color:var(--primary);flex-shrink:0}.brand-icon{font-size:1.5rem}.navbar-links{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all .15s ease;white-space:nowrap}.nav-link:hover{color:var(--primary);background:var(--primary-bg)}.nav-link.active{color:var(--primary);background:var(--primary-bg);font-weight:600}.nav-link.btn-primary{background:var(--primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.nav-link.btn-primary:hover{background:var(--primary-dark);color:#fff}.btn-logout{color:var(--error);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all .15s}.btn-logout:hover{background:var(--error-bg)}.lang-switcher{display:flex;gap:var(--space-1);margin-left:var(--space-2);border-left:1px solid var(--border);padding-left:var(--space-2)}.lang-btn{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-muted);transition:all .15s}.lang-btn:hover,.lang-btn.active{background:var(--primary-bg);color:var(--primary)}.navbar-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2)}.navbar-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border-radius:var(--radius);font-size:.9375rem;font-weight:600;transition:all .15s;border:2px solid transparent}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.btn-full{width:100%}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);background:#fff;color:var(--text);border:2px solid var(--border);border-radius:var(--radius);font-size:.9375rem;font-weight:600;transition:all .15s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-success{padding:var(--space-2) var(--space-4);background:var(--success);color:#fff;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:all .15s}.btn-success:hover:not(:disabled){opacity:.85}.btn-success:disabled{opacity:.6;cursor:not-allowed}.btn-danger{padding:var(--space-2) var(--space-4);background:var(--error);color:#fff;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:all .15s}.btn-danger:hover:not(:disabled){opacity:.85}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn-upload{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background:var(--primary-bg);color:var(--primary);border:1.5px dashed var(--primary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;margin-top:var(--space-3)}.btn-upload:hover{background:var(--primary);color:#fff}.btn-upload.uploading{opacity:.6;cursor:wait}.btn-copy{padding:var(--space-1) var(--space-3);background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;transition:all .15s}.btn-copy:hover{background:var(--primary-dark)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-label{font-size:.875rem;font-weight:600;color:var(--neutral-700)}.form-hint{font-size:.875rem;color:var(--text-muted);font-style:italic}.form-input{padding:var(--space-3) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s;font-family:inherit;width:100%}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f5c9e1f}.form-input::placeholder{color:var(--neutral-400)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-error{padding:var(--space-3) var(--space-4);background:var(--error-bg);color:var(--error);border-radius:var(--radius-sm);font-size:.875rem;border:1px solid rgba(220,38,38,.2)}.form-success{padding:var(--space-3) var(--space-4);background:var(--success-bg);color:var(--success);border-radius:var(--radius-sm);font-size:.875rem;border:1px solid rgba(22,163,74,.2)}.input-error{border-color:var(--error)!important}.price-hint{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-left:6px;font-style:italic}.price-error-hint{font-size:.775rem;color:var(--error);margin-top:4px}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;cursor:pointer;margin-bottom:var(--space-3)}.auth-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--primary-bg) 0%,#f0f9ff 100%)}.auth-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-10);width:100%;max-width:440px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-5)}.auth-card-wide{max-width:580px}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--space-2)}.auth-title{font-size:1.75rem;font-weight:700;text-align:center;color:var(--text)}.auth-subtitle{text-align:center;color:var(--text-muted);font-size:.9375rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-links{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.auth-link{font-size:.875rem;color:var(--primary);font-weight:500;transition:color .15s}.auth-link:hover{color:var(--primary-dark);text-decoration:underline}.method-toggle{display:flex;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.method-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:.8125rem;font-weight:600;color:var(--text-muted);transition:all .15s;text-align:center}.method-btn.active{background:var(--primary);color:#fff}.method-btn:not(.active):hover{background:var(--neutral-100)}.steps-indicator{display:flex;justify-content:center;gap:var(--space-3);align-items:center}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;background:var(--neutral-200);color:var(--text-muted);transition:all .2s}.step-dot.active{background:var(--primary);color:#fff}.step-dot.done{background:var(--success);color:#fff}.step-title{font-size:1rem;font-weight:700;color:var(--primary);border-bottom:2px solid var(--primary-bg);padding-bottom:var(--space-2)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-page{overflow-x:hidden}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;max-width:1200px;margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-12)}.hero-badge{display:inline-block;padding:var(--space-1) var(--space-4);background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;margin-bottom:var(--space-5)}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;color:var(--secondary);margin-bottom:var(--space-5)}.hero-accent{color:var(--primary)}.hero-subtitle{font-size:1.125rem;color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-8);max-width:480px}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-hero-primary{padding:var(--space-4) var(--space-8);background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #0f5c9e59}.btn-hero-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0f5c9e73}.btn-hero-secondary{padding:var(--space-4) var(--space-8);background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-full);font-size:1rem;font-weight:700;transition:all .2s}.btn-hero-secondary:hover{background:var(--primary-bg);transform:translateY(-1px)}.hero-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);aspect-ratio:4/3}.hero-image img{width:100%;height:100%;object-fit:cover}.features-section{padding:var(--space-16) var(--space-6);background:#fff;text-align:center}.section-title{font-size:2rem;font-weight:700;color:var(--secondary);margin-bottom:var(--space-10)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1100px;margin:0 auto}.feature-card{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--border);text-align:left;transition:all .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-icon{font-size:2rem;margin-bottom:var(--space-4)}.feature-card h3{font-size:1.0625rem;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.feature-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.scoring-section{max-width:900px;margin:0 auto;padding:var(--space-16) var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.scoring-content h2{font-size:1.75rem;font-weight:700;color:var(--secondary);margin-bottom:var(--space-4)}.scoring-content p{color:var(--text-muted);line-height:1.6}.scoring-table{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.scoring-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--neutral-100);font-size:.9rem}.scoring-pts{font-weight:700;color:var(--primary)}.scoring-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--secondary);color:#fff;font-weight:700;font-size:1rem}.cta-section{text-align:center;padding:var(--space-16) var(--space-6);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.cta-section h2{font-size:2.25rem;font-weight:800;margin-bottom:var(--space-4)}.cta-section p{font-size:1.125rem;opacity:.85;margin-bottom:var(--space-8)}.cta-section .btn-hero-primary{background:#fff;color:var(--primary);box-shadow:none}.cta-section .btn-hero-primary:hover{background:var(--neutral-100)}.dashboard-hero{padding:var(--space-8) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.dashboard-welcome h1{font-size:1.75rem;font-weight:700}.dashboard-subtitle{color:var(--text-muted);margin-top:var(--space-1)}.dashboard-status-pills{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.status-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600}.status-pill.complete{background:var(--success-bg);color:var(--success);border:1px solid rgba(22,163,74,.2)}.status-pill.incomplete{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(217,119,6,.2)}.dashboard-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-8);align-items:start}.dashboard-cards{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;position:relative}.dashboard-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translate(4px)}.card-icon{font-size:2rem;flex-shrink:0}.card-content{flex:1;min-width:0}.card-title{font-size:1rem;font-weight:700}.card-desc{font-size:.875rem;color:var(--text-muted);margin-top:2px}.card-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--warning-bg);color:var(--warning)}.card-badge.VALIDE{background:var(--success-bg);color:var(--success)}.card-badge.REFUSE{background:var(--error-bg);color:var(--error)}.card-arrow{color:var(--text-muted);font-size:1.125rem;flex-shrink:0;transition:transform .15s}.dashboard-card:hover .card-arrow{transform:translate(4px);color:var(--primary)}:root{--livreur: #06b6d4;--receveur: #10b981;--admin-color: #1e3a5f}.db-root{padding:var(--space-6) 0 var(--space-10);max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.db-header{border-radius:var(--radius-lg);padding:var(--space-7) var(--space-7);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.db-header-client{background:linear-gradient(135deg,#0f5c9e,#1a7fd4);color:#fff}.db-header-livreur{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff}.db-header-receveur{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.db-header-admin{background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff}.db-header-content{display:flex;align-items:center;gap:var(--space-4)}.db-avatar{width:52px;height:52px;border-radius:50%;background:#ffffff40;color:#fff;font-size:1.4rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.4)}.db-avatar-livreur,.db-avatar-receveur{background:#fff3}.db-avatar-admin{background:#ffffff26}.db-avatar-super{background:#ef444466;border-color:#ef444499}.db-greeting{font-size:1.5rem;font-weight:800;margin:0;color:#fff}.db-role-label{font-size:.875rem;opacity:.85;margin:0;color:#ffffffe6}.db-header-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.db-badge{padding:5px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;border:1px solid transparent;text-decoration:none}.db-badge-today{background:#fff3;color:#fff;border-color:#ffffff4d}.db-badge-warn{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b66}.db-badge-info{background:#2563eb33;color:#93c5fd;border-color:#2563eb66}.db-badge-danger{background:#ef444433;color:#fca5a5;border-color:#ef444466}.db-badge-notif{background:#06b6d433;color:#67e8f9;border-color:#06b6d466}.db-badge-super{background:#ef444433;color:#fca5a5;border-color:#ef444480}.db-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.db-kpi-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);border-top:4px solid var(--neutral-300);transition:box-shadow .15s}.db-kpi-card:hover{box-shadow:var(--shadow)}.db-kpi-blue{border-top-color:#2563eb}.db-kpi-green{border-top-color:#10b981}.db-kpi-amber{border-top-color:#f59e0b}.db-kpi-cyan{border-top-color:#06b6d4}.db-kpi-slate{border-top-color:var(--neutral-400)}.db-kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.db-kpi-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.db-kpi-value{font-size:1.75rem;font-weight:900;color:var(--text);line-height:1.1}.db-kpi-sub{font-size:.78rem;color:var(--text-muted);margin-top:4px}.db-main-row{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-5)}.db-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.db-section-title{font-size:.875rem;font-weight:700;color:var(--text);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:.04em}.db-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.db-section-head .db-section-title{margin-bottom:0}.db-see-all{font-size:.8rem;color:var(--primary);font-weight:600;text-decoration:none}.db-see-all:hover{text-decoration:underline}.db-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.db-quick-grid-2{grid-template-columns:repeat(2,1fr)}.db-action-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:var(--space-4) var(--space-3);background:var(--neutral-50);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:all .18s;position:relative}.db-action-tile:hover{background:#fff;border-color:var(--primary);box-shadow:0 2px 12px #0f5c9e1a;transform:translateY(-2px)}.db-action-tile-lg{padding:var(--space-5)}.db-action-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.db-action-tile-lg .db-action-icon{width:52px;height:52px;font-size:1.6rem;border-radius:var(--radius-lg)}.db-action-label{font-size:.82rem;font-weight:700;color:var(--text)}.db-action-sub{font-size:.72rem;color:var(--text-muted)}.db-action-urgent{border-color:var(--warning)!important}.db-urgent-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--error);border-radius:50%}.db-order-list{display:flex;flex-direction:column;gap:0}.db-order-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--neutral-100);cursor:pointer;border-radius:var(--radius);transition:background .12s}.db-order-row:last-child{border-bottom:none}.db-order-row:hover{background:var(--neutral-50)}.db-order-icon{font-size:1.25rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border-radius:8px}.db-order-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.db-order-ref{font-size:.82rem;font-weight:700;color:var(--text);font-family:monospace}.db-order-date{font-size:.72rem;color:var(--text-muted)}.db-order-amount{font-size:.875rem;font-weight:700;color:var(--text);white-space:nowrap}.db-order-status{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);white-space:nowrap}.db-score-section{padding:var(--space-5)}.db-score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.db-score-num{font-size:1.25rem;font-weight:800}.db-score-bar-bg{height:10px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.db-score-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.db-score-labels{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;margin-top:4px}.db-week-chart{display:flex;gap:var(--space-2);align-items:flex-end;height:100px}.db-week-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.db-week-bar-wrap{flex:1;display:flex;align-items:flex-end;width:100%}.db-week-bar{width:100%;border-radius:4px 4px 0 0;min-height:4px;transition:height .4s ease;position:relative;display:flex;align-items:flex-start;justify-content:center}.db-week-val{font-size:.65rem;font-weight:700;color:#fff;padding-top:3px}.db-week-label{font-size:.72rem;color:var(--text-muted);margin-top:4px}.db-alert-bar{background:var(--error-bg);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius);padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:.875rem;color:var(--error)}.db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--text-muted);font-size:.875rem;text-align:center;gap:4px}.db-nav-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:all .15s}.db-nav-row:hover{background:#fff;border-color:var(--primary);box-shadow:0 2px 8px #0f5c9e14}.db-nav-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.db-nav-label{font-size:.875rem;font-weight:700;color:var(--text)}.db-nav-desc{font-size:.775rem;color:var(--text-muted);margin-top:1px}.db-nav-arrow{margin-left:auto;color:var(--text-muted);font-size:1rem}.db-nav-row:hover .db-nav-arrow{color:var(--primary)}@media(max-width:900px){.db-kpi-row{grid-template-columns:1fr 1fr}.db-main-row{grid-template-columns:1fr}.db-quick-grid{grid-template-columns:repeat(2,1fr)}.db-header{flex-direction:column;align-items:flex-start}}@media(max-width:540px){.db-kpi-row{grid-template-columns:1fr}.db-quick-grid{grid-template-columns:repeat(2,1fr)}.db-quick-grid-2{grid-template-columns:1fr}}.score-widget{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.score-label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.score-value{font-size:1.5rem;font-weight:800;color:var(--text)}.score-bar-bg{height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.score-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.score-decision{margin-top:var(--space-2);font-size:.875rem;font-weight:600}.score-criteria{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-4)}.criteria-row{display:flex;justify-content:space-between;font-size:.8125rem}.criteria-label{color:var(--text-muted)}.criteria-max{font-weight:700;color:var(--text)}.kyc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.kyc-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow .15s}.kyc-card:hover{box-shadow:var(--shadow)}.kyc-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.kyc-doc-name{font-weight:700;color:var(--text)}.kyc-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.kyc-badge.required{background:var(--error-bg);color:var(--error)}.kyc-badge.optional{background:var(--neutral-100);color:var(--text-muted)}.kyc-status{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:.9rem}.kyc-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kyc-refusal{font-size:.8125rem;color:var(--error);background:var(--error-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.kyc-uploaded{font-size:.8125rem;color:var(--text-muted)}.kyc-no-doc{font-size:.875rem;color:var(--text-muted);font-style:italic}.kyc-info-box{background:var(--info-bg);border:1px solid rgba(3,105,161,.15);border-radius:var(--radius-lg);padding:var(--space-6)}.kyc-info-box h3{font-size:1rem;font-weight:700;color:var(--info);margin-bottom:var(--space-3)}.kyc-info-box ol{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.kyc-info-box li{font-size:.9rem;color:var(--text-muted)}.credit-prereqs{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.credit-prereqs h3{font-size:1rem;font-weight:700;margin-bottom:var(--space-4)}.prereq-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.prereq-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.prereq-item.met{background:var(--success-bg);color:var(--success)}.prereq-item.unmet{background:var(--error-bg);color:var(--error)}.prereq-icon{font-size:1rem;flex-shrink:0}.conditions-box{background:var(--warning-bg);border:1px solid rgba(217,119,6,.2);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-4)}.conditions-box h4{font-weight:700;margin-bottom:var(--space-3)}.conditions-text{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-4)}.conditions-text ul{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.vip-access-banner{display:flex;align-items:center;gap:var(--space-5);background:linear-gradient(135deg,#1a3a5c,#0f5c9e);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);color:#fff;margin-bottom:var(--space-4)}.vip-badge-large{background:#f59e0b;color:#1a1a1a;font-size:.8rem;font-weight:800;padding:6px 14px;border-radius:20px;letter-spacing:.1em;flex-shrink:0}.vip-access-text strong{display:block;font-size:1rem;font-weight:700;margin-bottom:var(--space-1)}.vip-access-text p{font-size:.875rem;opacity:.85;margin:0}.vip-badge-inline{background:#f59e0b;color:#1a1a1a;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:10px;letter-spacing:.08em;vertical-align:middle}.credit-form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.credit-form-card h3{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-5)}.credit-summary{background:var(--primary-bg);border-radius:var(--radius);padding:var(--space-4);display:flex;gap:var(--space-6)}.summary-item{display:flex;flex-direction:column;gap:var(--space-1)}.summary-item span{font-size:.8rem;color:var(--text-muted)}.summary-item strong{font-size:1.125rem;font-weight:700;color:var(--primary)}.references-section{border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-4)}.references-section h4{font-weight:700;margin-bottom:var(--space-4)}.reference-card{background:var(--neutral-50);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3)}.credits-list{margin-top:var(--space-8)}.credits-list h3{font-size:1rem;font-weight:700;margin-bottom:var(--space-4)}.credit-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-3);transition:box-shadow .15s}.credit-item:hover{box-shadow:var(--shadow)}.credit-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.credit-amount{font-size:1.25rem;font-weight:800}.credit-status{font-size:.875rem;font-weight:700}.credit-details{display:flex;gap:var(--space-5);font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-2);flex-wrap:wrap}.credit-purpose{font-size:.9rem;color:var(--text)}.credit-refusal{font-size:.8125rem;color:var(--error);background:var(--error-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-2)}.credit-date{font-size:.8rem;color:var(--neutral-400);margin-top:var(--space-2)}.loyalty-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.loyalty-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}.points-icon{font-size:3rem}.points-value{font-size:3rem;font-weight:900;color:var(--primary);line-height:1}.points-label{font-size:.9rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.points-usd{font-size:1.25rem;font-weight:700;color:var(--accent)}.points-hint{font-size:.8125rem;color:var(--text-muted)}.points-unlock{font-size:.875rem;color:var(--warning);background:var(--warning-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.referral-icon{font-size:2.5rem}.referral-card{align-items:flex-start;text-align:left}.referral-card h3{font-size:1rem;font-weight:700}.referral-card p{font-size:.875rem;color:var(--text-muted)}.filleul-info{font-size:.8125rem;color:var(--text-muted)}.referral-code-box{width:100%}.referral-code-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.referral-code-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.referral-code{flex:1;font-family:monospace;font-size:1.25rem;font-weight:800;letter-spacing:.1em;color:var(--primary);background:var(--primary-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.referral-stats{display:flex;gap:var(--space-6);width:100%}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text)}.stat-label{font-size:.8rem;color:var(--text-muted)}.loyalty-history h3{font-size:1rem;font-weight:700;margin-bottom:var(--space-4)}.transaction-list{display:flex;flex-direction:column;gap:var(--space-2)}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.tx-info{display:flex;flex-direction:column;gap:2px}.tx-reason{font-size:.9rem;font-weight:500}.tx-date{font-size:.8rem;color:var(--text-muted)}.tx-points{font-weight:800;font-size:1rem}.tx-points.credit{color:var(--success)}.tx-points.debit{color:var(--error)}.deliveries-list{display:flex;flex-direction:column;gap:var(--space-3)}.delivery-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow .15s}.delivery-item:hover{box-shadow:var(--shadow)}.delivery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.delivery-id{font-weight:700;font-family:monospace}.delivery-status{font-size:.875rem;font-weight:700}.delivery-date,.delivery-confirmed{font-size:.8125rem;color:var(--text-muted)}.delivery-notes{font-size:.875rem;color:var(--text);margin:var(--space-2) 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-6);animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-content h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-5)}.canvas-container{display:flex;flex-direction:column;gap:var(--space-2)}.signature-canvas{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;background:#fff;width:100%;max-width:300px}.photo-preview{width:100%;max-width:200px;border-radius:var(--radius-sm);margin-top:var(--space-2)}.admin-tabs{display:flex;gap:var(--space-2);border-bottom:2px solid var(--border);margin-bottom:var(--space-8);overflow-x:auto}.admin-tab{padding:var(--space-3) var(--space-5);font-size:.9375rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;white-space:nowrap}.admin-tab:hover{color:var(--primary)}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.badge-superadmin{padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700}.stats-section{margin-bottom:var(--space-8)}.stats-section h3{font-size:1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);transition:box-shadow .15s}.stat-card:hover{box-shadow:var(--shadow)}.stat-card.success{border-left:4px solid var(--success)}.stat-card.warning{border-left:4px solid var(--warning)}.stat-card.error{border-left:4px solid var(--error)}.stat-card.neutral{border-left:4px solid var(--neutral-400)}.stat-card .stat-icon{font-size:2rem}.stat-card .stat-value{font-size:2rem;font-weight:900;color:var(--text)}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-bottom:var(--space-5)}.stat-card.kpi{align-items:flex-start;text-align:left;padding:var(--space-5);gap:var(--space-1)}.stat-card.kpi .kpi-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:var(--space-1)}.stat-card.kpi .kpi-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-card.kpi .kpi-value{font-size:1.75rem;font-weight:900;color:var(--text);line-height:1.1}.stat-card.kpi .kpi-sub{font-size:.78rem;color:var(--text-muted)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.charts-row-3{grid-template-columns:2fr 1fr 1fr}.chart-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);min-width:0}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.chart-title{font-size:.875rem;font-weight:700;color:var(--text);margin:0}.chart-badge{font-size:.7rem;font-weight:600;background:var(--neutral-100);color:var(--text-muted);padding:2px 8px;border-radius:20px}.chart-wide{grid-column:span 1}.chart-donut{display:flex;flex-direction:column}@media(max-width:900px){.charts-row,.charts-row-3{grid-template-columns:1fr}.chart-wide{grid-column:span 1}}.stat-card .stat-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.admin-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-list h3{font-size:1.0625rem;font-weight:700;margin-bottom:var(--space-4)}.admin-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap}.admin-item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:200px}.admin-item-info strong{font-size:1rem}.admin-item-info span{font-size:.875rem;color:var(--text-muted)}.doc-type,.credit-amount-admin{font-weight:600;color:var(--text)}.admin-item-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.refusal-input{max-width:200px;padding:var(--space-2) var(--space-3);font-size:.8125rem}.kyc-badge-sm{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;background:var(--warning-bg);color:var(--warning)}.kyc-badge-sm.VALIDE{background:var(--success-bg);color:var(--success)}.kyc-badge-sm.REFUSE{background:var(--error-bg);color:var(--error)}.clients-table{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}.table-header,.table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1.5fr;gap:var(--space-4);padding:var(--space-3) var(--space-5)}.table-header{background:var(--neutral-50);border-bottom:1px solid var(--border);font-size:.8125rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.table-row{border-bottom:1px solid var(--neutral-100);font-size:.875rem;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--neutral-50)}.audit-filter{margin-bottom:var(--space-5);max-width:400px}.audit-table{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}.audit-table-header,.audit-row{display:grid;grid-template-columns:1.5fr 2fr 1.5fr 1.5fr 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-5)}.audit-table-header{background:var(--neutral-50);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.audit-row{border-bottom:1px solid var(--neutral-100);font-size:.8rem;align-items:start}.audit-row:hover{background:var(--neutral-50)}.audit-date{font-size:.8rem}.audit-time{color:var(--text-muted);font-size:.75rem}.audit-action{font-weight:600}.entity-id{font-size:.75rem;color:var(--text-muted);font-family:monospace}.audit-ip{font-family:monospace;font-size:.75rem;color:var(--text-muted)}.empty-state{text-align:center;color:var(--text-muted);padding:var(--space-10);font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.hero-section{grid-template-columns:1fr;gap:var(--space-8);padding-top:var(--space-10)}.hero-image{max-width:480px;margin:0 auto;width:100%}.features-grid{grid-template-columns:repeat(2,1fr)}.scoring-section{grid-template-columns:1fr;gap:var(--space-8)}.dashboard-grid,.loyalty-grid{grid-template-columns:1fr}}@media(max-width:640px){.navbar-toggle{display:flex}.navbar-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);flex-direction:column;align-items:stretch;gap:var(--space-2);box-shadow:var(--shadow)}.navbar-links.open{display:flex}.nav-link{padding:var(--space-3) var(--space-4)}.lang-switcher{justify-content:center;margin-left:0;border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:var(--space-3)}.auth-card{padding:var(--space-6)}.form-row,.features-grid{grid-template-columns:1fr}.page-container{padding:var(--space-5) var(--space-4)}.stats-grid{grid-template-columns:1fr 1fr}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr}.table-header span:nth-child(n+4),.table-row span:nth-child(n+4){display:none}.audit-table-header,.audit-row{grid-template-columns:1fr 1.5fr 1fr}.audit-table-header span:nth-child(n+4),.audit-row span:nth-child(n+4){display:none}}.terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.terms-dialog{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000059;overflow:hidden}.terms-header{padding:var(--space-6) var(--space-8);background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);color:#fff;display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.terms-header-icon{font-size:2rem}.terms-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 var(--space-1)}.terms-subtitle{font-size:.8125rem;color:#ffffffbf;margin:0}.terms-notice{padding:var(--space-3) var(--space-8);background:var(--info-bg);color:var(--info);font-size:.8125rem;font-weight:500;border-bottom:1px solid rgba(3,105,161,.15);flex-shrink:0}.terms-body{padding:var(--space-6) var(--space-8);overflow-y:auto;flex:1;min-height:0;scroll-behavior:smooth}.terms-body::-webkit-scrollbar{width:6px}.terms-body::-webkit-scrollbar-track{background:var(--neutral-100)}.terms-body::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}.terms-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.terms-section-last{border-bottom:none;margin-bottom:0;padding-bottom:0}.terms-section h3{font-size:.9375rem;font-weight:700;color:var(--secondary);margin-bottom:var(--space-3);padding-left:var(--space-3);border-left:3px solid var(--primary)}.terms-section p{font-size:.875rem;color:var(--text);line-height:1.7;margin-bottom:var(--space-3)}.terms-section ul{padding-left:var(--space-6);margin-bottom:var(--space-3)}.terms-section ul li{font-size:.875rem;color:var(--text);line-height:1.7;margin-bottom:var(--space-1)}.terms-warning{background:var(--warning-bg);border:1px solid #fcd34d;border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--warning);font-size:.8125rem!important}.terms-part-divider{margin:var(--space-8) 0 var(--space-6);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--primary),#1d4ed8);border-radius:var(--radius-lg);color:#fff;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.terms-part-divider span:first-child{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:.8}.terms-part-divider strong{font-size:1rem;font-weight:800}.terms-part-divider span:last-child{font-size:.8rem;opacity:.75;font-style:italic}.terms-sub-h{font-size:.875rem;font-weight:700;color:var(--text);margin:var(--space-4) 0 var(--space-2);padding:var(--space-2) var(--space-3);background:var(--neutral-100);border-radius:var(--radius);border-left:3px solid var(--primary)}.terms-section ol{padding-left:var(--space-6);margin-bottom:var(--space-3)}.terms-section ol li{font-size:.875rem;color:var(--text);line-height:1.7;margin-bottom:var(--space-2)}.terms-scroll-hint{text-align:center;padding:var(--space-2) var(--space-4);background:var(--neutral-100);color:var(--text-muted);font-size:.8125rem;flex-shrink:0;border-top:1px solid var(--border);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.terms-footer{padding:var(--space-5) var(--space-8);border-top:2px solid var(--border);background:var(--neutral-50);flex-shrink:0}.terms-checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:.875rem;color:var(--text);line-height:1.5;margin-bottom:var(--space-5)}.terms-checkbox-label.disabled{opacity:.45;cursor:not-allowed}.terms-checkbox-label input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--primary);margin-top:2px}.terms-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.btn-terms-decline{padding:var(--space-3) var(--space-6);background:#fff;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);font-size:.9375rem;font-weight:600;transition:all .2s;cursor:pointer}.btn-terms-decline:hover{background:var(--neutral-100);border-color:var(--neutral-400)}.btn-terms-accept{padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:700;transition:all .2s;cursor:pointer;box-shadow:0 2px 8px #0f5c9e4d}.btn-terms-accept:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 14px #0f5c9e66;transform:translateY(-1px)}.btn-terms-accept:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:0;min-height:calc(100vh - 64px)}.shop-sidebar{background:#fff;border-right:1px solid var(--border);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-1)}.category-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-muted);transition:all .15s;text-align:left}.category-btn:hover{background:var(--neutral-100);color:var(--text)}.category-btn.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.radio-label{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;cursor:pointer;padding:var(--space-1) 0;color:var(--text-muted)}.radio-label:hover{color:var(--text)}.shop-main{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.shop-topbar{display:flex;align-items:center;gap:var(--space-4)}.shop-search-wrap{position:relative;flex:1}.shop-search{padding-right:var(--space-10)}.search-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.cart-btn{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--primary);color:#fff;border-radius:var(--radius);font-weight:600;font-size:.9375rem;transition:all .15s;white-space:nowrap}.cart-btn:hover{background:var(--primary-dark)}.cart-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--accent);color:#fff;border-radius:50%;font-size:.6875rem;font-weight:800;display:flex;align-items:center;justify-content:center}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5)}.product-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--primary-light)}.product-image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--neutral-100)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.04)}.product-condition-badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.6875rem;font-weight:700}.product-condition-badge.new{background:var(--success-bg);color:var(--success)}.product-condition-badge.used{background:var(--warning-bg);color:var(--warning)}.credit-eligible-badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:2px var(--space-2);background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);font-size:.6875rem;font-weight:700}.product-info{padding:var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.product-category{font-size:.75rem;color:var(--text-muted)}.product-name{font-weight:700;font-size:.9375rem;color:var(--text);line-height:1.3}.product-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:var(--space-2)}.product-price{font-size:1.25rem;font-weight:800;color:var(--primary);display:block}.product-stock{font-size:.75rem;color:var(--success);display:block}.product-stock.out{color:var(--error)}.product-actions{display:flex;flex-direction:column;gap:var(--space-1)}.btn-add-cart{padding:var(--space-2) var(--space-3);background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;transition:all .15s;white-space:nowrap}.btn-add-cart:hover:not(:disabled){background:var(--primary-dark)}.btn-add-cart:disabled{opacity:.5;cursor:not-allowed}.cart-drawer{background:#fff;width:100%;max-width:420px;margin-left:auto;height:100%;display:flex;flex-direction:column;border-radius:var(--radius-xl) 0 0 var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border)}.cart-header h2{font-size:1.125rem;font-weight:700}.cart-close{font-size:1.25rem;color:var(--text-muted);padding:var(--space-1);transition:color .15s}.cart-close:hover{color:var(--text)}.cart-items{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.cart-item{display:flex;align-items:center;gap:var(--space-3)}.cart-item-img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:.875rem;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:.875rem;color:var(--primary);font-weight:700}.cart-qty{display:flex;align-items:center;gap:var(--space-1)}.cart-qty button{width:28px;height:28px;border-radius:50%;background:var(--neutral-100);color:var(--text);font-size:1rem;font-weight:700;transition:background .15s;display:flex;align-items:center;justify-content:center}.cart-qty button:hover{background:var(--primary);color:#fff}.cart-qty span{width:28px;text-align:center;font-weight:700}.cart-summary{padding:var(--space-5);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3)}.cart-total-row{display:flex;justify-content:space-between;align-items:center;font-size:1.0625rem}.btn-credit{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border-radius:var(--radius);font-size:.9375rem;font-weight:600;transition:all .15s}.btn-credit:hover{background:var(--accent-light)}.toast-notification{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--neutral-800);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:.9rem;font-weight:500;z-index:1000;animation:slideUp .3s ease,fadeOut .3s ease 2.7s forwards;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0}}.checkout-steps{display:flex;align-items:center;gap:0;margin-bottom:var(--space-8);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6)}.checkout-step{display:flex;align-items:center;gap:var(--space-3);flex:1}.checkout-step:not(:last-child):after{content:"→";flex:1;text-align:center;color:var(--neutral-300)}.checkout-step-num{width:28px;height:28px;border-radius:50%;background:var(--neutral-200);color:var(--text-muted);font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkout-step.active .checkout-step-num{background:var(--primary);color:#fff}.checkout-step.done .checkout-step-num{background:var(--success);color:#fff}.checkout-step-label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.checkout-step.active .checkout-step-label{color:var(--primary)}.checkout-step.done .checkout-step-label{color:var(--success)}.checkout-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);align-items:start}.checkout-form{display:flex;flex-direction:column}.checkout-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.checkout-card h3{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-5)}.checkout-summary{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);position:sticky;top:80px}.checkout-summary h3{font-size:1rem;font-weight:700;margin-bottom:var(--space-4)}.summary-line{display:flex;justify-content:space-between;font-size:.9rem;padding:var(--space-2) 0}.summary-line.bold{font-weight:700;font-size:1rem;border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-2)}.summary-line.muted{color:var(--text-muted);font-size:.8125rem}.summary-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.credit-info-box{background:var(--primary-bg);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:.9375rem}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.duration-btn{padding:var(--space-3);background:var(--neutral-100);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--text-muted);transition:all .15s;text-align:center;line-height:1.4}.duration-btn:hover{background:var(--primary-bg);color:var(--primary)}.duration-btn.active{background:var(--primary);color:#fff}.duration-btn small{font-weight:400;opacity:.85}.confirm-section{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-100)}.confirm-section h4{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.confirm-item{display:flex;justify-content:space-between;font-size:.9rem;padding:var(--space-2) 0}.confirm-detail{font-size:.9375rem;color:var(--text)}.confirm-note{font-size:.875rem;color:var(--text-muted);font-style:italic}.confirm-total{display:flex;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:700;padding:var(--space-4) 0;border-top:2px solid var(--border);margin-top:var(--space-3)}.orders-list{display:flex;flex-direction:column;gap:var(--space-3)}.order-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all .2s}.order-card:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translate(4px)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.order-id{font-family:monospace;font-weight:700;font-size:.9375rem}.order-status-badge{padding:3px var(--space-3);border-radius:var(--radius-full);font-size:.8125rem;font-weight:700}.order-card-meta{display:flex;gap:var(--space-5);font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--space-3)}.order-pay-status{font-weight:600}.order-card-footer{display:flex;justify-content:space-between;align-items:center}.order-total{font-size:1.125rem;font-weight:800;color:var(--primary)}.order-detail-link{font-size:.875rem;color:var(--text-muted)}.modal-wide{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.25rem;font-weight:700}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-2) 0;border-bottom:1px solid var(--neutral-100)}.detail-label{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.detail-value{font-size:.875rem;font-weight:500;text-align:right;max-width:60%}.section-label{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.order-item-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--neutral-100)}.order-item-img{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.order-item-info{flex:1;display:flex;flex-direction:column;gap:2px;font-size:.875rem}.order-item-total{font-weight:700;font-size:.9375rem}.order-total-row{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;padding:var(--space-3) 0;border-top:2px solid var(--border);margin-top:var(--space-2)}.muted-text{color:var(--text-muted)}.schedule-section{border-top:1px solid var(--border);padding-top:var(--space-5)}.schedule-list{display:flex;flex-direction:column;gap:var(--space-2)}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--neutral-50);border-radius:var(--radius);border:1px solid var(--border)}.schedule-item.late{background:var(--error-bg);border-color:#dc262633}.schedule-item-left{display:flex;align-items:center;gap:var(--space-3)}.installment-num{width:28px;height:28px;background:var(--primary-bg);color:var(--primary);border-radius:50%;font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.schedule-date{font-size:.8125rem;color:var(--text-muted)}.schedule-amount{font-weight:700}.schedule-item-right{display:flex;align-items:center;gap:var(--space-3)}.schedule-status{font-size:.8125rem;font-weight:700}.paid-date{font-size:.8125rem;color:var(--success)}.schedule-preview{margin-top:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font-size:.85rem}.schedule-preview-compact{margin-top:var(--space-3);font-size:.8rem}.schedule-preview-title{background:var(--neutral-50);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-4);font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.schedule-preview-header{display:grid;grid-template-columns:36px 1fr 80px 80px;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--neutral-100);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.schedule-preview-compact .schedule-preview-header{grid-template-columns:36px 1fr 80px}.schedule-preview-row{display:grid;grid-template-columns:36px 1fr 80px 80px;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--neutral-100);align-items:center}.schedule-preview-compact .schedule-preview-row{grid-template-columns:36px 1fr 80px}.schedule-preview-row:last-of-type{border-bottom:none}.schedule-preview-row:hover{background:var(--neutral-50)}.inst-num{font-size:.75rem;font-weight:700;color:var(--primary);background:var(--primary-bg);border-radius:4px;padding:2px 5px;text-align:center}.inst-amount{font-weight:700;color:var(--text-primary);text-align:right}.inst-status{font-size:.75rem;font-weight:600;padding:2px 7px;border-radius:999px;text-align:center}.inst-status.pending{background:var(--warning-bg);color:var(--warning)}.schedule-preview-footer{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--neutral-50);border-top:2px solid var(--border);font-weight:700;font-size:.875rem;color:var(--primary)}.empty-state-wrap{text-align:center;padding:var(--space-16) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.payment-amount-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.payment-amount-label{font-size:.875rem;opacity:.85;margin-bottom:var(--space-2)}.payment-amount-value{font-size:2.5rem;font-weight:900}.payment-amount-meta{font-size:.8125rem;opacity:.75;margin-top:var(--space-2)}.payment-success-icon{display:flex;justify-content:center;margin-bottom:var(--space-4)}.payment-selector{display:flex;flex-direction:column;gap:var(--space-5)}.payment-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.payment-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--neutral-100);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;color:var(--text-muted);transition:all .18s;cursor:pointer}.payment-type-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.payment-type-btn.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.payment-type-icon{font-size:.65rem;font-weight:800;letter-spacing:.06em;padding:4px 8px;border-radius:4px;background:var(--neutral-300);color:var(--neutral-700)}.payment-type-btn.active .payment-type-icon{background:var(--primary);color:#fff}.payment-section-label{font-size:.8125rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.provider-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.provider-cards-sm{grid-template-columns:repeat(2,1fr)}.provider-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:#fff;border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .18s;position:relative}.provider-card:hover{border-color:var(--neutral-400);transform:translateY(-1px)}.provider-card.active{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.provider-logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900}.provider-name{font-size:.8rem;font-weight:700;color:var(--text-primary)}.provider-ussd{font-size:.7rem;color:var(--text-muted);font-family:monospace}.provider-check{position:absolute;top:6px;right:8px;font-size:.875rem;font-weight:700}.phone-input-wrap{display:flex;align-items:center}.phone-prefix{padding:0 var(--space-3);height:42px;display:flex;align-items:center;background:var(--neutral-100);border:1.5px solid var(--border);border-right:none;border-radius:var(--radius) 0 0 var(--radius);font-weight:600;color:var(--text-muted)}.phone-input{border-radius:0 var(--radius) var(--radius) 0!important}.card-form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.card-number-input{font-family:monospace;letter-spacing:.1em}.card-security-note{font-size:.775rem;color:var(--text-muted);margin-top:var(--space-1)}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:var(--space-2)}.payment-provider-section{display:flex;flex-direction:column}.credit-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--neutral-100);font-size:.9rem}.credit-info-row:last-child{border-bottom:none}.credit-info-row.total{font-weight:700;font-size:1rem;color:var(--primary);border-top:2px solid var(--border);margin-top:var(--space-1);padding-top:var(--space-3)}.credit-summary-box h3{margin-bottom:var(--space-4)}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.provider-btn{padding:var(--space-3);background:var(--neutral-100);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--text-muted);transition:all .15s;text-align:center}.provider-btn:hover{background:var(--primary-bg);color:var(--primary)}.provider-btn.active{background:var(--primary);color:#fff}.notifications-list{display:flex;flex-direction:column;gap:var(--space-2)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .15s}.notification-item.unread{background:var(--primary-bg);border-color:#0f5c9e26}.notification-item:hover{box-shadow:var(--shadow)}.notif-icon{font-size:1.5rem;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-title{font-weight:700;font-size:.9375rem}.notif-message{font-size:.875rem;color:var(--text-muted);margin-top:2px}.notif-date{font-size:.75rem;color:var(--neutral-400);margin-top:var(--space-1)}.notif-dot{width:10px;height:10px;background:var(--primary);border-radius:50%;flex-shrink:0;margin-top:4px}.notif-bell{position:relative;padding:var(--space-2);font-size:1.125rem;color:var(--text-muted);transition:color .15s;border-radius:var(--radius-sm)}.notif-bell:hover{color:var(--primary);background:var(--primary-bg)}.notif-bell-badge{position:absolute;top:0;right:0;width:18px;height:18px;background:var(--error);color:#fff;border-radius:50%;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center}.period-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);width:fit-content}.period-tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text-muted);transition:all .15s}.period-tab:hover{color:var(--primary)}.period-tab.active{background:var(--primary);color:#fff}.reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.report-kpi-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);transition:box-shadow .15s}.report-kpi-card:hover{box-shadow:var(--shadow)}.report-kpi-card.primary{border-top:4px solid var(--primary)}.report-kpi-card.success{border-top:4px solid var(--success)}.report-kpi-card.accent{border-top:4px solid var(--accent)}.kpi-icon{font-size:2rem}.kpi-value{font-size:1.75rem;font-weight:900;color:var(--text)}.kpi-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.reports-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.report-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.report-section h3{font-size:1rem;font-weight:700;margin-bottom:var(--space-5)}.breakdown-bars{display:flex;flex-direction:column;gap:var(--space-4)}.breakdown-row{display:flex;align-items:center;gap:var(--space-3)}.breakdown-label{width:140px;flex-shrink:0;font-size:.8125rem;font-weight:600}.breakdown-bar-bg{flex:1;height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.breakdown-value{width:80px;text-align:right;font-size:.8125rem;font-weight:700}.top-products-list{display:flex;flex-direction:column;gap:var(--space-2)}.top-product-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100);font-size:.875rem}.top-product-rank{width:24px;height:24px;background:var(--primary-bg);color:var(--primary);border-radius:50%;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-product-name{flex:1;font-weight:500}.top-product-qty{color:var(--text-muted);font-size:.8125rem}.top-product-rev{font-weight:700;color:var(--primary)}.tx-table{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}.tx-table-header,.tx-table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-5)}.tx-table-header{background:var(--neutral-50);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.tx-table-row{border-bottom:1px solid var(--neutral-100);font-size:.875rem;align-items:center}.tx-table-row:hover{background:var(--neutral-50)}.tx-status{font-weight:700;font-size:.8125rem}.tx-status.SUCCES{color:var(--success)}.tx-status.ECHEC{color:var(--error)}.tx-status.EN_ATTENTE{color:var(--warning)}.products-admin-table{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}.products-admin-header,.products-admin-row{display:grid;grid-template-columns:.8fr 2.5fr 1.2fr 1fr .6fr 1fr .5fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-5);align-items:center}.products-admin-header{background:var(--neutral-50);border-bottom:1px solid var(--border);font-size:.8125rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.products-admin-row{border-bottom:1px solid var(--neutral-100);font-size:.875rem}.products-admin-row:hover{background:var(--neutral-50)}.product-admin-name{display:flex;align-items:center;gap:var(--space-3)}.product-thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.product-price-cell{font-weight:700;color:var(--primary)}.text-error{color:var(--error);font-weight:700}.condition-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.condition-badge.new{background:var(--success-bg);color:var(--success)}.condition-badge.used{background:var(--warning-bg);color:var(--warning)}.toggle-btn{width:32px;height:32px;border-radius:50%;font-size:.875rem;font-weight:700;background:var(--error-bg);color:var(--error);transition:all .15s}.toggle-btn.active{background:var(--success-bg);color:var(--success)}@media(max-width:900px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:var(--space-4) var(--space-5);flex-wrap:wrap}.sidebar-section{flex-direction:row;flex-wrap:wrap;gap:var(--space-1)}.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.order-detail-grid,.reports-sections{grid-template-columns:1fr}.reports-grid{grid-template-columns:repeat(2,1fr)}.modal-wide{max-width:100%}}@media(max-width:640px){.products-grid,.duration-grid{grid-template-columns:repeat(2,1fr)}.provider-grid,.reports-grid{grid-template-columns:1fr 1fr}.tx-table-header,.tx-table-row{grid-template-columns:1fr 1fr 1fr}.tx-table-header span:nth-child(n+4),.tx-table-row span:nth-child(n+4){display:none}.checkout-steps{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.checkout-step:not(:last-child):after{display:none}.products-admin-header,.products-admin-row{grid-template-columns:2fr 1fr 1fr .5fr}.products-admin-header span:nth-child(n+4),.products-admin-row>span:nth-child(4),.products-admin-row>span:nth-child(5){display:none}}.image-count-badge{margin-left:var(--space-2);font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--primary-bg);color:var(--primary)}.image-count-badge.over{background:var(--error-bg);color:var(--error)}.image-count-badge.zero{background:var(--neutral-100);color:var(--text-muted)}.image-previews{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.image-preview-thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--neutral-100)}.img-uploader{display:flex;flex-direction:column;gap:var(--space-3)}.img-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--neutral-50);cursor:pointer;transition:border-color .15s,background .15s;padding:var(--space-6) var(--space-4);text-align:center}.img-dropzone:hover,.img-dropzone-active{border-color:var(--primary);background:#eff6ff}.img-dropzone-uploading{cursor:default;opacity:.7;pointer-events:none}.img-drop-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.875rem;font-weight:500}.img-drop-inner svg{color:var(--primary);opacity:.7}.img-drop-sub{font-size:.75rem;color:var(--neutral-400)}.img-errors{background:var(--error-bg);border:1px solid rgba(220,38,38,.25);border-radius:var(--radius);padding:var(--space-3) var(--space-4);list-style:none;margin:0;display:flex;flex-direction:column;gap:2px}.img-errors li{font-size:.8rem;color:var(--error)}.img-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--space-2)}.img-preview-item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1;background:var(--neutral-100);border:2px solid var(--border)}.img-preview-img{width:100%;height:100%;object-fit:cover;display:block}.img-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .15s;display:flex;align-items:flex-start;justify-content:space-between;padding:4px}.img-preview-item:hover .img-preview-overlay{background:#00000059}.img-preview-index{font-size:.65rem;font-weight:800;color:#fff;background:#0000008c;border-radius:4px;padding:1px 5px;opacity:0;transition:opacity .15s}.img-preview-item:hover .img-preview-index{opacity:1}.img-preview-remove{font-size:.65rem;font-weight:700;color:#fff;background:#dc2626d9;border:none;border-radius:4px;padding:1px 5px;cursor:pointer;opacity:0;transition:opacity .15s;line-height:1.4}.img-preview-item:hover .img-preview-remove{opacity:1}.img-preview-remove:hover{background:var(--error)}.product-ref{font-family:monospace;font-size:.8rem;color:var(--text-muted);background:var(--neutral-100);border-radius:var(--radius-sm);padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-actions-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.cart-actions-row .btn-danger{background:var(--error-bg);color:var(--error);border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.cart-actions-row .btn-danger:hover{background:var(--error);color:#fff}.accounts-notice{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-weight:600;margin-bottom:var(--space-5);text-align:center;letter-spacing:.05em}.accounts-formula{margin-top:var(--space-4);font-size:.85rem;color:var(--text-muted);font-family:monospace;background:var(--neutral-100);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.transfer-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.transfer-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);gap:var(--space-4);flex-wrap:wrap}.transfer-section-title{font-size:1rem;font-weight:700;margin:0 0 var(--space-1)}.transfer-section-sub{font-size:.8rem;color:var(--text-muted);margin:0}.bank-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-2)}.bank-account-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.bank-account-y{border-top:4px solid #10b981}.bank-account-x{border-top:4px solid #2563eb}.bank-account-company{border-top:4px solid var(--neutral-400)}.bank-account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.bank-type-badge{font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em}.bank-type-y{background:#d1fae5;color:#065f46}.bank-type-x{background:#dbeafe;color:#1e3a8a}.bank-type-company{background:var(--neutral-200);color:var(--neutral-700)}.bank-currency{font-size:.75rem;font-weight:700;color:var(--text-muted)}.bank-account-label{font-size:.92rem;font-weight:700;color:var(--text)}.bank-account-bank{font-size:.82rem;color:var(--text-muted)}.bank-account-holder{font-size:.82rem;color:var(--text);font-weight:600;margin-top:var(--space-1)}.bank-account-number{font-size:.8rem;font-family:monospace;background:var(--neutral-100);padding:3px 8px;border-radius:5px;color:var(--text);margin-top:2px;display:inline-block;letter-spacing:.04em}.bank-account-meta{font-size:.72rem;color:var(--text-muted);margin-top:2px}.transfer-history{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:var(--space-3)}.transfer-history-header{display:grid;grid-template-columns:100px 2fr 120px 100px 110px 90px;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-50);font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.transfer-history-row{display:grid;grid-template-columns:100px 2fr 120px 100px 110px 90px;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-100);align-items:center;font-size:.85rem}.transfer-history-row:last-child{border-bottom:none}.transfer-history-row:hover{background:var(--neutral-50)}.transfer-status{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full)}.transfer-status-en_attente{background:#fef3c7;color:#92400e}.transfer-status-confirme{background:#d1fae5;color:#065f46}.transfer-status-echec{background:#fee2e2;color:#991b1b}@media(max-width:900px){.transfer-history-header,.transfer-history-row{grid-template-columns:80px 1fr 90px 80px 90px 70px;font-size:.75rem}.bank-accounts-grid{grid-template-columns:1fr}}@media(max-width:640px){.transfer-history-header{display:none}.transfer-history-row{grid-template-columns:1fr 1fr;gap:var(--space-2)}}.inactivity-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;padding:var(--space-4)}.inactivity-modal{background:#fff;border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow-xl);animation:modalSlideUp .25s ease}@keyframes modalSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.inactivity-icon{font-size:3rem;margin-bottom:var(--space-4)}.inactivity-title{font-size:1.25rem;font-weight:700;color:var(--neutral-800);margin-bottom:var(--space-3)}.inactivity-message{color:var(--neutral-500);font-size:.95rem;margin-bottom:var(--space-4)}.inactivity-countdown{font-size:3rem;font-weight:800;color:var(--error);margin-bottom:var(--space-6);font-variant-numeric:tabular-nums}.nav-profile-link{display:flex;align-items:center;padding:0!important}.nav-profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:border-color .15s}.nav-profile-link.active .nav-profile-avatar,.nav-profile-link:hover .nav-profile-avatar{border-color:var(--primary-dark, var(--primary));box-shadow:0 0 0 2px var(--primary-bg)}.toast-container{position:fixed;top:80px;right:var(--space-4, 16px);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:360px;width:calc(100vw - 32px)}.toast{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 16px #00000024;pointer-events:all;animation:toast-in .28s cubic-bezier(.22,1,.36,1) both;border-left:4px solid transparent;background:#fff;font-size:.875rem;line-height:1.5;min-width:220px}@keyframes toast-in{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:var(--success, #22c55e);background:#f0fdf4}.toast-error{border-left-color:var(--error, #ef4444);background:#fef2f2}.toast-warning{border-left-color:var(--warning, #f59e0b);background:#fffbeb}.toast-info{border-left-color:var(--primary, #2563eb);background:#eff6ff}.toast-icon{flex-shrink:0;font-weight:700;font-size:.8125rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast-success .toast-icon{color:var(--success, #22c55e)}.toast-error .toast-icon{color:var(--error, #ef4444)}.toast-warning .toast-icon{color:var(--warning, #f59e0b)}.toast-info .toast-icon{color:var(--primary, #2563eb)}.toast-message{flex:1;color:var(--text, #1e293b)}.toast-close{flex-shrink:0;color:var(--text-muted, #64748b);font-size:.7rem;line-height:1;padding:2px 4px;border-radius:4px;margin-top:1px;transition:background .15s}.toast-close:hover{background:#0000000f;color:var(--text, #1e293b)}@media(max-width:640px){.toast-container{top:auto;bottom:80px;left:16px;right:16px;max-width:100%;width:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@keyframes bell-ring{0%{transform:rotate(0)}10%{transform:rotate(18deg)}20%{transform:rotate(-16deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}50%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(1deg)}to{transform:rotate(0)}}.notif-bell.ringing{animation:bell-ring .7s ease-in-out}.order-status-timeline{display:flex;align-items:flex-start;gap:0;padding:20px 0 16px;overflow-x:auto}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:70px}.timeline-dot{width:32px;height:32px;border-radius:50%;background:var(--neutral-200, #e2e8f0);color:var(--text-muted, #64748b);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;z-index:1;border:2px solid var(--neutral-300, #cbd5e1);transition:all .3s}.timeline-dot.done{background:var(--success, #22c55e);color:#fff;border-color:var(--success, #22c55e)}.timeline-dot.active{background:var(--primary, #2563eb);color:#fff;border-color:var(--primary, #2563eb);box-shadow:0 0 0 4px #2563eb26;animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px #2563eb26}50%{box-shadow:0 0 0 8px #2563eb1a}}.timeline-line{position:absolute;top:16px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:var(--neutral-200, #e2e8f0);z-index:0}.timeline-line.done{background:var(--success, #22c55e)}.timeline-label{font-size:.7rem;color:var(--text-muted, #64748b);text-align:center;margin-top:8px;font-weight:500}.timeline-label.active{color:var(--primary, #2563eb);font-weight:700}.timeline-label.done{color:var(--success, #22c55e)}.order-cancelled-banner{background:#fef2f2;color:var(--error, #ef4444);padding:12px 16px;border-radius:8px;font-weight:600;font-size:.875rem;text-align:center;margin:16px 0}.onboarding-card{background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 4px #0000000f}.onboarding-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.onboarding-title{font-size:1rem;font-weight:700;color:var(--text, #1e293b);margin-bottom:2px}.onboarding-subtitle{font-size:.8125rem;color:var(--text-muted, #64748b)}.onboarding-pct{font-size:1.5rem;font-weight:800;color:var(--primary, #2563eb)}.onboarding-progress-bar{height:6px;background:var(--neutral-100, #f1f5f9);border-radius:3px;margin-bottom:16px;overflow:hidden}.onboarding-progress-fill{height:100%;background:var(--primary, #2563eb);border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.onboarding-steps{display:flex;flex-direction:column;gap:8px}.onboarding-step{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--neutral-50, #f8fafc);text-decoration:none;transition:all .15s;cursor:pointer}.onboarding-step:hover{border-color:var(--primary, #2563eb);background:#eff6ff}.onboarding-step.done{background:#f0fdf4;border-color:#bbf7d0;opacity:.75}.onboarding-step.done:hover{opacity:1}.onboarding-step-icon{font-size:1.25rem;flex-shrink:0}.onboarding-step-text{flex:1;min-width:0}.onboarding-step-label{display:block;font-size:.875rem;font-weight:600;color:var(--text, #1e293b)}.onboarding-step-hint{display:block;font-size:.75rem;color:var(--text-muted, #64748b);margin-top:1px}.onboarding-step.done .onboarding-step-label{text-decoration:line-through;color:var(--text-muted, #64748b)}.onboarding-check{color:var(--success, #22c55e);font-weight:700;font-size:1rem}.onboarding-arrow{color:var(--primary, #2563eb);font-weight:700}.product-modal{background:#fff;border-radius:16px;max-width:780px;width:95vw;max-height:90vh;overflow-y:auto;position:relative}.product-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}@media(max-width:640px){.product-modal-body{grid-template-columns:1fr}}.product-modal-image-wrap{display:flex;flex-direction:column;gap:8px}.product-modal-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.product-modal-thumbs{display:flex;gap:8px;flex-wrap:wrap}.product-modal-thumb{width:52px;height:52px;object-fit:cover;border-radius:6px;border:2px solid var(--border, #e2e8f0);cursor:pointer}.product-modal-thumb:hover{border-color:var(--primary, #2563eb)}.product-modal-info{display:flex;flex-direction:column;gap:12px;padding-top:4px}.product-modal-name{font-size:1.25rem;font-weight:700;color:var(--text, #1e293b);line-height:1.3}.product-modal-badges{display:flex;gap:8px;flex-wrap:wrap}.product-modal-desc{font-size:.875rem;color:var(--text-muted, #64748b);line-height:1.6;flex:1}.product-modal-footer{display:flex;align-items:center;gap:16px}.product-modal-price{font-size:1.5rem!important}.shop-results-count{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:var(--text-muted, #64748b);padding:8px 0 12px}.clear-search-btn{font-size:.75rem;color:var(--primary, #2563eb);padding:2px 8px;border:1px solid var(--primary, #2563eb);border-radius:999px;background:#eff6ff;transition:all .15s}.clear-search-btn:hover{background:var(--primary, #2563eb);color:#fff}.profile-avatar-card{display:flex;align-items:center;gap:24px;padding:24px;background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:12px;margin-bottom:20px;box-shadow:0 1px 4px #0000000f}.profile-avatar-wrap{position:relative;width:80px;height:80px;border-radius:50%;flex-shrink:0;overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-initials{width:100%;height:100%;background:var(--primary, #2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;border-radius:50%}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:0;transition:opacity .2s;border-radius:50%}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-name{font-size:1.25rem;font-weight:700;color:var(--text, #1e293b);margin-bottom:4px}.profile-role-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--primary, #2563eb);color:#fff;text-transform:capitalize}.profile-kyc-badge{font-size:.8125rem;font-weight:600}.profile-info-card{background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:20px 24px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px}.profile-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.profile-info-title{font-size:.9375rem;font-weight:700;color:var(--text, #1e293b)}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}@media(max-width:560px){.profile-info-grid{grid-template-columns:1fr}}.profile-field{display:flex;flex-direction:column;gap:2px}.profile-field-label{font-size:.75rem;color:var(--text-muted, #64748b);font-weight:500}.profile-field-value{font-size:.875rem;color:var(--text, #1e293b);font-weight:500}.profile-edit-form .profile-info-grid .form-group{margin-bottom:0}