:root{--primary-red: #8B1A1A;--primary-red-light: #a52a2a;--primary-red-dark: #ce2525;--primary-red-darker: #4a0000;--primary-red-lighter: #ffebee;--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--success: #2e7d32;--success-light: #e8f5e9;--warning: #f57c00;--warning-light: #fff3e0;--error: #c62828;--error-light: #ffebee;--info: #1565c0;--info-light: #e3f2fd;--role-admin: #8B1A1A;--role-admin-bg: #ffebee;--role-checker: #7b1fa2;--role-checker-bg: #f3e5f5;--role-maker: #f57c00;--role-maker-bg: #fff3e0;--role-agent: #1976d2;--role-agent-bg: #e3f2fd;--role-partner: #00796b;--role-partner-bg: #e0f2f1;--role-client: #388e3c;--role-client-bg: #e8f5e9;--font-primary: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Playfair Display", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .3s ease}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff0d;border-radius:50%;animation:float 20s ease-in-out infinite}.login-container:after{content:"🍽️";position:absolute;font-size:400px;opacity:.03;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);pointer-events:none}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:40px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:32px;position:relative}.login-header .logo{width:120px;height:120px;margin:0 auto 16px;display:block;object-fit:contain;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-header h1{color:#333;font-size:28px;margin-bottom:8px;font-weight:700}.login-header h2{color:var(--primary-red);font-size:18px;font-weight:500;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.test-credentials{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px dashed #ff9800;border-radius:8px;padding:16px;margin-top:24px;text-align:center}.test-credentials h4{color:#e65100;margin:0 0 12px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.test-credentials p{margin:6px 0;font-size:13px;color:#555}.test-credentials p strong{color:#e65100;font-weight:600}.form-footer{display:flex;justify-content:flex-end}.forgot-password-link{color:var(--primary-red);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-normal)}.forgot-password-link:hover{color:var(--primary-red-darker)}.login-button{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);color:#fff;border:none;padding:14px;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.login-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.login-card{padding:24px}.login-header h1{font-size:24px}.login-header h2{font-size:16px}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);padding:20px;position:relative;overflow:hidden}.forgot-password-container:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff0d;border-radius:50%;animation:float 20s ease-in-out infinite}.forgot-password-container:after{content:"🍲";position:absolute;font-size:400px;opacity:.03;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);pointer-events:none}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,30px) rotate(240deg)}}.forgot-password-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:40px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forgot-password-header{text-align:center;margin-bottom:32px}.forgot-password-header h1{color:#333;font-size:28px;margin-bottom:12px;font-weight:700}.forgot-password-header p{color:#666;font-size:15px;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#333;font-weight:600;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s ease}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;text-align:center}.success-message{text-align:center;padding:20px 0}.success-icon{width:64px;height:64px;color:#4caf50;margin:0 auto 20px}.success-message h3{color:#333;font-size:24px;margin-bottom:12px}.success-message p{color:#666;font-size:15px;line-height:1.6;margin-bottom:24px}.back-to-login{display:inline-block;color:var(--primary-red);text-decoration:none;font-weight:600;font-size:16px;transition:color var(--transition-normal)}.back-to-login:hover{color:var(--primary-red-darker)}.submit-button{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);color:#fff;border:none;padding:14px;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;padding-top:8px}.back-link{color:var(--primary-red);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-normal)}.back-link:hover{color:var(--primary-red-darker)}@media(max-width:480px){.forgot-password-card{padding:24px}.forgot-password-header h1{font-size:24px}.forgot-password-header p{font-size:14px}}.badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap;text-align:center;transition:all .3s ease}.badge-cashier{background-color:#ffe5e5;color:#c44;border:1px solid #FF9999}.badge-storekeeper{background-color:#e0f7f6;color:#2c8b8a;border:1px solid #99E8E6}.badge-manager{background-color:#fffacc;color:#e0b600;border:1px solid #FFE680}.badge-admin{background-color:#e8f5e9;color:#43a047;border:1px solid #81C784}.badge-agent{background-color:#e3f2fd;color:#1565c0;border:1px solid #64B5F6}.badge-default{background-color:#f5f5f5;color:#666;border:1px solid #DDD}.badge-active{background-color:#e8f5e9;color:#2e7d32;border:1px solid #81C784}.badge-inactive{background-color:#ffebee;color:#c62828;border:1px solid #EF5350}.badge-sm{padding:2px 8px;font-size:11px}.badge-lg{padding:6px 16px;font-size:13px}.badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.badge-with-icon{display:inline-flex;align-items:center;gap:6px}.badge-with-icon .badge-icon{font-size:14px}.badge-active:before{content:"";display:inline-block;width:8px;height:8px;background-color:#4caf50;border-radius:50%;margin-right:4px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}.badge-pos{background-color:#f3e5f5;color:#6a1b9a;border:1px solid #CE93D8;display:inline-flex;align-items:center;gap:4px}.badge-pos.active{background-color:#e8f5e9;color:#2e7d32;border:1px solid #81C784}.badge-pos.inactive{background-color:#ffebee;color:#c62828;border:1px solid #EF5350}.badge-pos-none{background-color:#fff3e0;color:#e65100;border:1px solid #FFCC80;display:inline-flex;align-items:center;gap:4px}.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:var(--white);box-shadow:var(--shadow-lg);overflow-y:hidden;transition:width var(--transition-normal),transform var(--transition-normal);z-index:1000;display:flex;flex-direction:column}.sidebar.collapsed{width:80px}.sidebar-header{padding:var(--spacing-xl);text-align:center;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);color:var(--white);transition:padding var(--transition-normal);flex-shrink:0;top:0;z-index:10}.sidebar.collapsed .sidebar-header{padding:var(--spacing-md)}.sidebar-logo{width:80px;height:80px;border-radius:50%;margin-bottom:var(--spacing-md);object-fit:cover;border:3px solid var(--white);transition:width var(--transition-normal),height var(--transition-normal),margin var(--transition-normal)}.sidebar.collapsed .sidebar-logo{width:50px;height:50px;margin-bottom:0}.sidebar-header h3{font-size:var(--text-xl);margin:0 0 var(--spacing-xs) 0;font-weight:700;transition:opacity var(--transition-fast)}.sidebar-header p{font-size:var(--text-sm);margin:0;opacity:.9;transition:opacity var(--transition-fast)}.sidebar-nav{padding:var(--spacing-md);transition:padding var(--transition-normal);overflow-y:auto;flex:1}.sidebar.collapsed .sidebar-nav{padding:var(--spacing-sm)}.menu-title{display:flex;align-items:center;padding:var(--spacing-md);color:var(--gray-700);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-md);position:relative;margin-bottom:var(--spacing-xs)}.menu-title:hover{background:var(--gray-100)}.menu-arrow{margin-left:auto;font-size:var(--text-xs);transition:transform var(--transition-fast)}.sidebar.collapsed .menu-title{justify-content:center;padding:var(--spacing-sm)}.menu-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--gray-700);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;margin-bottom:var(--spacing-xs)}.sidebar.collapsed .menu-link{justify-content:center;padding:var(--spacing-sm)}.menu-link:hover{background:var(--primary-red-lighter);color:var(--primary-red)}.menu-link.active{background:var(--primary-red);color:var(--white)}.menu-icon{font-size:var(--text-xl);flex-shrink:0}.menu-text{white-space:nowrap;overflow:hidden;transition:opacity var(--transition-fast),width var(--transition-fast)}.sidebar.collapsed .menu-text{opacity:0;width:0;overflow:hidden}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding-left:var(--spacing-xl)}.submenu.open{max-height:500px;transition:max-height .4s ease-in}.sidebar.collapsed .submenu{padding-left:0}.submenu-link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--gray-600);text-decoration:none;font-size:var(--text-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-bottom:var(--spacing-xs)}.submenu-link:hover{background:var(--primary-red-lighter);color:var(--primary-red);padding-left:calc(var(--spacing-md) + var(--spacing-xs))}.submenu-link.active{background:var(--primary-red);color:var(--white);font-weight:600}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}}@media print{.sidebar,.sidebar-overlay{display:none!important}}.sidebar-user-card{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--gray-200, #e5e7eb);background:var(--white, #fff);flex-shrink:0;transition:padding var(--transition-normal, .3s)}.sidebar-user-card.collapsed{justify-content:center;padding:14px 8px}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red, #dc2626) 0%,var(--primary-red-darker, #b91c1c) 100%);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden}.sidebar-user-name{font-size:.82rem;font-weight:600;color:var(--gray-800, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.68rem!important;padding:2px 7px!important;white-space:nowrap;align-self:flex-start}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1f2937}.modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#1f2937}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-form{padding:24px}.modal-form .form-group{margin-bottom:20px}.modal-form .form-group:last-of-type{margin-bottom:24px}.modal-form label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.modal-form .password-input-wrapper{position:relative;display:flex;align-items:center}.modal-form input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#f9fafb}.modal-form input:focus{outline:none;border-color:var(--primary-red);background-color:#fff;box-shadow:0 0 0 3px #dc26261a}.modal-form input:disabled{opacity:.6;cursor:not-allowed;background-color:#f3f4f6}.modal-form .password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:20px;padding:4px 8px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.modal-form .password-toggle:hover{opacity:1}.modal-form .password-toggle:disabled{opacity:.3;cursor:not-allowed}.alert span{font-size:18px}.alert-error{background-color:#fee2e2;color:#dc2626;border-left:4px solid #dc2626}.alert-success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.modal-actions .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-primary{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}:root{--primary-red: #dc2626;--primary-red-darker: #b91c1c}.header{position:fixed;top:0;left:280px;right:0;height:70px;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);z-index:100;transition:left var(--transition-normal)}.header.sidebar-collapsed{left:80px}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.menu-toggle{display:none;background:none;border:none;font-size:var(--text-2xl);cursor:pointer;color:var(--primary-red);padding:var(--spacing-sm)}.menu-toggle:hover{background:var(--gray-100);border-radius:var(--radius-sm)}.collapse-toggle{background:none;border:1px solid var(--gray-300);font-size:18px;color:var(--gray-700);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .3s ease;margin-left:var(--spacing-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700}.collapse-toggle:hover{background:var(--primary-red);color:var(--white);border-color:var(--primary-red);transform:scale(1.05)}.header-title{font-size:var(--text-xl);color:var(--primary-red);margin:0;font-weight:700;display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.2}.header-title-main{display:inline-flex;align-items:center;gap:8px}.header-pos-name{font-size:14px;font-weight:600;color:#fff;background:var(--primary-red);padding:2px 10px;border-radius:20px;letter-spacing:.3px}.header-pos-type{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;letter-spacing:.3px;text-transform:uppercase;border:1px solid transparent}.header-pos-type--central{background:#fef3c7;color:#92400e;border-color:#fcd34d}.header-pos-type--regional{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.header-pos-type--internal{background:#dcfce7;color:#166534;border-color:#86efac}.header-pos-type--external{background:#f3e8ff;color:#6b21a8;border-color:#d8b4fe}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.notification-btn{position:relative;background:none;border:none;font-size:var(--text-2xl);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background var(--transition-fast)}.notification-btn:hover{background:var(--gray-100)}.notification-badge{position:absolute;top:0;right:0;background:var(--error);color:var(--white);font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-full);font-weight:600}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.user-btn:hover{background:var(--gray-100)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-red);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm)}.user-name{font-weight:600;color:var(--gray-700)}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.user-role-inline{font-size:10px;padding:1px 8px;pointer-events:none}.dropdown-arrow{font-size:var(--text-xs);color:var(--gray-500)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:200px;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);color:var(--gray-700);text-decoration:none;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background var(--transition-fast);font-size:var(--text-sm);font-family:inherit}.dropdown-item:hover{background:var(--gray-100)}.dropdown-item.logout{color:var(--error)}.dropdown-item.user-role-badge{cursor:default;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dropdown-item.user-role-badge:hover{background:transparent}.dropdown-item.user-role-badge .badge{margin:0}.dropdown-divider{margin:0;border:none;border-top:1px solid var(--gray-200)}@media(max-width:768px){.header{left:0}.menu-toggle{display:block}.header-title{font-size:var(--text-lg)}.user-name{display:none}}@media print{.header{display:none!important}}.main-layout{min-height:100vh;background:var(--gray-50)}.main-content{margin-left:280px;margin-top:70px;padding:var(--spacing-xl);min-height:calc(100vh - 70px);transition:margin-left var(--transition-normal)}.main-content.sidebar-collapsed{margin-left:80px}@media(max-width:768px){.main-content{margin-left:0;padding:var(--spacing-md)}}@media print{.main-layout{background:#fff}.main-content{margin-left:0;margin-top:0;padding:0}}.db{padding:2rem;max-width:1400px}.db-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.db-greeting{font-size:1.65rem;color:var(--gray-900);margin:0 0 .3rem;font-weight:400}.db-greeting strong{font-weight:800;color:var(--primary-red)}.db-date{font-size:.875rem;color:var(--gray-500);margin:0;text-transform:capitalize}.db-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.db-pos-info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.db-pos-name{font-size:.875rem;color:var(--gray-600);font-weight:600}.db-pos-chip{display:inline-block;padding:.2rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700}.db-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.75rem}.db-kpi-card{background:var(--white);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);border-left:4px solid transparent;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.db-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.db-kpi-card--success{border-left-color:var(--success)}.db-kpi-card--info{border-left-color:var(--info)}.db-kpi-card--warning{border-left-color:var(--warning)}.db-kpi-card--danger{border-left-color:var(--error)}.db-kpi-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-kpi-body{flex:1;min-width:0}.db-kpi-title{font-size:.75rem;color:var(--gray-500);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.db-kpi-value{font-size:1.5rem;font-weight:800;color:var(--gray-900);margin:0 0 .2rem;line-height:1.1}.db-kpi-sub{font-size:.78rem;color:var(--gray-400);margin:0}.db-section{margin-bottom:1.75rem}.db-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);margin:0 0 .75rem}.db-actions-grid{display:flex;flex-wrap:wrap;gap:.55rem}.db-action-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.1rem;border-radius:var(--radius-full);border:1.5px solid var(--gray-300);background:var(--white);color:var(--gray-700);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.db-action-btn:hover{border-color:var(--primary-red);background:#fff5f5;color:var(--primary-red)}.db-action-btn--primary{background:var(--primary-red);border-color:var(--primary-red);color:var(--white);box-shadow:0 2px 8px #8b1a1a47}.db-action-btn--primary:hover{background:var(--primary-red-light);border-color:var(--primary-red-light);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 14px #8b1a1a59}.db-action-icon{font-size:1.05rem;line-height:1}.db-action-text{line-height:1}.db-main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.25rem}.db-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition-fast)}.db-card:hover{box-shadow:var(--shadow-md)}.db-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--gray-100)}.db-card-title{font-size:.975rem;font-weight:700;color:var(--gray-800);margin:0;display:flex;align-items:center;gap:.5rem}.db-card-badge{font-size:.75rem;color:var(--gray-500);background:var(--gray-100);padding:.2rem .65rem;border-radius:var(--radius-full);font-weight:600}.db-card-footer{padding:.9rem 1.25rem;border-top:1px solid var(--gray-100);margin-top:auto}.db-link-btn{background:none;border:none;color:var(--primary-red);font-weight:700;font-size:.85rem;cursor:pointer;padding:0;letter-spacing:.01em;transition:color var(--transition-fast)}.db-link-btn:hover{color:var(--primary-red-light);text-decoration:underline}.db-table-wrap{overflow-x:auto}.db-table{width:100%;border-collapse:collapse;font-size:.875rem}.db-table thead tr{background:var(--gray-50)}.db-table th{text-align:left;padding:.6rem 1.1rem;color:var(--gray-500);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.db-table td{padding:.7rem 1.1rem;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.db-table-row{cursor:pointer;transition:background var(--transition-fast)}.db-table-row:hover td{background:#fff8f8}.db-table-row:last-child td{border-bottom:none}.db-ref{font-family:Courier New,monospace;font-size:.8rem;color:var(--gray-500);background:var(--gray-100);padding:.1rem .45rem;border-radius:4px}.db-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:capitalize}.db-badge--completed{background:#dcfce7;color:#166534}.db-badge--pending{background:#fef9c3;color:#854d0e}.db-badge--cancelled{background:#fee2e2;color:#991b1b}.db-badge--unknown{background:var(--gray-100);color:var(--gray-500)}.db-badge--approved{background:#dbeafe;color:#1e40af}.db-badge--shipped{background:#e0e7ff;color:#3730a3}.db-metric-list{padding:.9rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.db-metric-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:var(--radius-md);background:var(--gray-50);font-size:.9rem;color:var(--gray-700)}.db-metric-row--danger{background:#fef2f2;color:#b91c1c}.db-metric-row--warning{background:#fffbeb;color:#92400e}.db-metric-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.db-metric-dot--info{background:var(--info)}.db-metric-dot--danger{background:var(--error)}.db-metric-dot--warning{background:var(--warning)}.db-metric-val{margin-left:auto;font-size:1.1rem;font-weight:800}.db-stock-bar-wrap{padding:.25rem 1.25rem .9rem}.db-stock-bar-label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--gray-500);margin-bottom:.4rem;font-weight:600}.db-stock-bar{height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.db-stock-bar-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,#4ade80 100%);border-radius:var(--radius-full);transition:width .7s ease}.db-proc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.85rem 1.25rem}.db-proc-stat{display:flex;flex-direction:column;align-items:center;padding:.7rem .4rem;border-radius:var(--radius-md);background:var(--gray-50);text-align:center}.db-proc-stat--warning{background:#fffbeb}.db-proc-stat--info{background:#eff6ff}.db-proc-stat--success{background:#f0fdf4}.db-proc-stat--danger{background:#fef2f2}.db-proc-stat--neutral{background:#f3f4f6}.db-proc-stat-val{font-size:1.5rem;font-weight:800;color:var(--gray-800);line-height:1}.db-proc-stat--warning .db-proc-stat-val{color:#b45309}.db-proc-stat--info .db-proc-stat-val{color:#1d4ed8}.db-proc-stat--success .db-proc-stat-val{color:#166534}.db-proc-stat--danger .db-proc-stat-val{color:#991b1b}.db-proc-stat--neutral .db-proc-stat-val{color:#374151}.db-expense-bars{display:flex;flex-direction:column;gap:.6rem;margin:.75rem 0 .5rem}.db-expense-bar-row{display:flex;flex-direction:column;gap:.25rem}.db-expense-bar-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.72rem}.db-expense-bar-lbl{font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em}.db-expense-bar-val{color:var(--gray-700);font-weight:600}.db-expense-bar-val em{color:var(--gray-500);font-style:normal;font-weight:500}.db-expense-bar{height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden}.db-expense-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.db-expense-bar-fill--neutral{background:#9ca3af}.db-expense-bar-fill--info{background:#3b82f6}.db-expense-bar-fill--success{background:#22c55e}.db-expense-bar-fill--danger{background:#ef4444}.db-pagination{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.75rem;padding:.5rem .25rem;border-top:1px solid var(--gray-200, #e5e7eb)}.db-pagination-btn{background:#fff;border:1px solid var(--gray-300, #d1d5db);color:var(--gray-700, #374151);font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.db-pagination-btn:hover:not(:disabled){background:var(--gray-50, #f9fafb);border-color:var(--gray-400, #9ca3af)}.db-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.db-pagination-info{font-size:.75rem;color:var(--gray-600, #4b5563)}.db-pagination-info strong{color:var(--gray-800, #1f2937)}.db-pagination-info em{color:var(--gray-500, #6b7280);font-style:normal}.db-proc-stat-lbl{font-size:.68rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin-top:.3rem}.db-empty{display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem;text-align:center;flex:1}.db-empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.55}.db-empty p{margin:0 0 .2rem;font-size:.95rem;font-weight:600;color:var(--gray-600)}.db-empty-sub{font-size:.82rem;color:var(--gray-400);margin:0}.db-loading-rows{padding:.9rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.db-skeleton-row{height:40px;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:db-shimmer 1.5s infinite}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.db-main-grid{grid-template-columns:1fr}}@media(max-width:768px){.db{padding:1rem}.db-header{flex-direction:column;gap:1rem}.db-header-right{align-items:flex-start}.db-kpi-grid,.db-proc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.db-kpi-grid,.db-main-grid{grid-template-columns:1fr}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.dashboard-header h1{font-size:var(--text-3xl);color:var(--gray-900);margin-bottom:var(--spacing-xs)}.dashboard-header p{color:var(--gray-600);font-size:var(--text-base)}.db-header-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px;font-size:.88rem;color:var(--gray-600)}.db-role-badge{font-size:.78rem!important;padding:2px 10px!important;border-radius:20px!important;font-weight:600}.btn-quick-sale{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);color:var(--white);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--text-lg);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-md)}.btn-quick-sale:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.type-vente-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);background:var(--white);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tab-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:all var(--transition-fast);text-align:left}.tab-button:hover{border-color:var(--primary-red);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tab-button.active{border-color:var(--primary-red);background:linear-gradient(135deg,var(--primary-red) 0%,#b91c1c 100%);color:var(--white);box-shadow:0 4px 15px #dc26264d}.tab-icon{font-size:2rem;line-height:1}.tab-content{display:flex;flex-direction:column;gap:.25rem}.tab-title{font-size:var(--text-lg);font-weight:700}.tab-button.active .tab-title{color:var(--white)}.tab-subtitle{font-size:var(--text-sm);opacity:.8}.tab-button.active .tab-subtitle{color:var(--white);opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--gray-100)}.stat-card.success .stat-icon{background:var(--success-light)}.stat-card.warning .stat-icon{background:var(--warning-light)}.stat-card.info .stat-icon{background:var(--info-light)}.stat-card.primary .stat-icon{background:var(--primary-red-lighter)}.stat-content{flex:1}.stat-title{font-size:var(--text-sm);color:var(--gray-600);margin:0 0 var(--spacing-xs) 0}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-card{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dashboard-card.full-width{grid-column:1 / -1}.card-title{font-size:var(--text-lg);color:var(--gray-900);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--gray-200)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--gray-500)}.empty-state p{margin:var(--spacing-sm) 0}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-md)}.btn-quick-sale{width:100%;justify-content:center}.stats-grid,.dashboard-grid{grid-template-columns:1fr}}.db-pos-chip{display:inline-block;padding:.2rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;vertical-align:middle}.db-pos-chip--central{background:#fee2e2;color:#b91c1c}.db-pos-chip--regional{background:#fef3c7;color:#92400e}.db-header-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn-quick-action{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:none;font-weight:600;font-size:var(--text-base);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-md);text-decoration:none}.btn-quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-quick-action.btn-secondary{background:#fff;color:var(--primary-red);border:2px solid var(--primary-red);box-shadow:none}.btn-quick-action.btn-secondary:hover{background:#fef2f2}.stat-card.danger .stat-icon{background:#fee2e2}.db-info-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.db-info-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;background:#f9fafb;border-radius:8px;font-size:.95rem}.db-info-row--danger{background:#fef2f2;color:#b91c1c}.db-info-row--warning{background:#fffbeb;color:#92400e}.db-card-link{display:inline-block;background:none;border:none;color:var(--primary-red);font-weight:600;font-size:.9rem;cursor:pointer;padding:0;text-decoration:none}.db-card-link:hover{text-decoration:underline}.db-sales-table{width:100%;border-collapse:collapse;font-size:.9rem}.db-sales-table th{text-align:left;padding:.5rem .75rem;color:#6b7280;font-weight:600;border-bottom:2px solid #f3f4f6}.db-sales-table td{padding:.6rem .75rem;border-bottom:1px solid #f3f4f6}.db-status{display:inline-block;padding:.15rem .6rem;border-radius:12px;font-size:.78rem;font-weight:700;text-transform:capitalize}.db-status--completed{background:#dcfce7;color:#166534}.db-status--pending{background:#fef9c3;color:#854d0e}.db-status--cancelled{background:#fee2e2;color:#991b1b}.db-status--unknown{background:#f3f4f6;color:#6b7280}.db-status--approved{background:#dbeafe;color:#1e40af}.db-status--shipped{background:#e0e7ff;color:#3730a3}.vente-comptoir{display:grid;grid-template-columns:1fr 380px;gap:20px;padding:20px;max-width:1800px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f9f9f9,#f0f0f0)}.ventes-en-attente{grid-column:1 / -1;background:#fffbeb;border:2px solid #f59e0b;border-radius:10px;padding:15px;margin-bottom:10px}.ventes-attente-titre{font-size:16px;font-weight:700;color:#92400e;margin:0 0 12px}.ventes-attente-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.vente-attente-card{background:#fff;border-radius:8px;padding:12px;border:2px solid #fbbf24;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.vente-attente-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2433}.vente-attente-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.vente-attente-heure{font-size:12px;color:#666}.vente-attente-details{display:flex;flex-direction:column;gap:4px}.vente-articles{font-size:12px;color:#666;margin:0}.vente-client{font-size:12px;color:#333;margin:0;font-weight:500}.vente-total{font-size:14px;color:#dc2626;font-weight:700;margin:0}.vente-attente-actions{display:flex;gap:8px}.btn-reprendre{flex:1;padding:8px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reprendre:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-supprimer-attente{padding:8px 12px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-supprimer-attente:hover{background:#fecaca;color:#b91c1c}.vente-container{display:grid;grid-template-columns:1fr 380px;gap:20px;grid-column:1 / -1}.produits-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.loading-indicator{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:8px;padding:15px;margin:15px;color:#1e40af;text-align:center;font-weight:600;animation:pulse 2s infinite}.error-indicator{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:8px;padding:15px;margin:15px;color:#991b1b;text-align:center;font-weight:600}.categories-view{padding:30px}.section-header{text-align:center;padding:30px 0 40px}.section-header h2{font-size:28px;color:#1f2937;margin:0 0 10px}.section-header p{color:#6b7280;font-size:16px;margin:0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;max-width:900px;margin:0 auto}.category-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014;border:2px solid transparent}.category-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #dc262626;border-color:#dc2626}.category-card:active{transform:translateY(-4px)}.category-icon{font-size:60px;margin-bottom:15px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.category-card h3{font-size:18px;color:#1f2937;margin:0 0 8px;font-weight:600}.category-count{font-size:14px;color:#6b7280;margin:0}.products-view{display:flex;flex-direction:column;height:100%}.products-view-header{background:#fff;padding:15px;border-bottom:1px solid #e5e7eb}.selected-category-info{display:flex;align-items:center;gap:15px;margin-bottom:12px}.btn-back-categories{padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease}.btn-back-categories:hover{background:#e5e7eb;transform:translate(-2px)}.category-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.products-count{color:#6b7280;font-size:14px;margin-left:auto}.search-container{margin-top:0}.search-input{width:100%;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:20px;overflow-y:auto;flex:1}.article-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s;display:flex;flex-direction:column;border:1px solid #f0f0f0}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#dc2626}.article-image{width:100%;height:150px;border-radius:8px;overflow:hidden;background:#f3f4f6;margin-bottom:10px;position:relative}.article-image img{width:100%;height:100%;object-fit:contain;background:#f3f4f6}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;opacity:.3}.article-info h3{margin:0 0 6px;font-size:16px;color:#333;font-weight:600}.article-category{font-size:11px;color:#666;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.article-price{font-size:18px;font-weight:700;color:#dc2626;margin:6px 0}.price-to-select{font-size:13px;font-weight:500;color:#3b82f6;background:#eff6ff;padding:4px 8px;border-radius:4px}.article-stock{font-size:12px;margin:4px 0 6px;color:#666}.btn-add-product{width:100%;padding:10px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.btn-add-product:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.btn-add-product:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.article-card.out-of-stock{opacity:.6;filter:grayscale(30%);border-color:#d1d5db}.article-card.out-of-stock:hover{transform:none;box-shadow:0 2px 8px #0000001a;border-color:#d1d5db}.out-of-stock-badge{position:absolute;top:8px;right:8px;background:#ef4444;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.category-card.all-out-of-stock{opacity:.5;filter:grayscale(50%);border-color:#e5e7eb}.category-card.all-out-of-stock:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.category-card.all-out-of-stock .category-count{color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h2{margin:0 0 10px;color:#333;font-size:22px}.empty-state p{margin:0;color:#666;font-size:16px}.panier-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.panier-header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b91c1c}.panier-header h2{margin:0;font-size:18px;font-weight:600}.panier-badge{background:#ffffff4d;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700}.panier-vide{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:30px 20px;color:#999;text-align:center}.panier-empty-icon{font-size:48px;margin-bottom:10px;opacity:.3}.panier-items{flex:1;overflow-y:auto;border-bottom:1px solid #e5e7eb}.panier-item{padding:10px 12px;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:6px}.panier-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.panier-item-thumb{width:36px;height:36px;border-radius:6px;overflow:hidden;background:#f3f4f6;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb}.panier-item-thumb img{width:100%;height:100%;object-fit:cover}.panier-item-thumb-placeholder{font-size:18px;opacity:.6}.panier-item-nom{font-size:13px;font-weight:600;color:#1f2937;line-height:1.3;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.panier-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-price{font-size:12px;color:#6b7280;white-space:nowrap;min-width:70px}.panier-item-controls{display:flex;gap:4px;align-items:center}.qty-btn{width:28px;height:28px;border:1px solid #e0e0e0;background:#f9f9f9;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.qty-btn:hover{background:#e0e0e0;border-color:#333}.qty-display{min-width:20px;text-align:center;font-weight:600;font-size:12px}.btn-remove-item{padding:2px 4px;background:none;border:none;cursor:pointer;font-size:13px;flex-shrink:0;opacity:.6;transition:opacity .2s}.btn-remove-item:hover{opacity:1}.item-total{font-size:13px;color:#dc2626;font-weight:700;white-space:nowrap;text-align:right;min-width:70px}.panier-footer{padding:15px;background:#f9f9f9;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.panier-totals{background:#fff;padding:10px;border-radius:6px;border:1px solid #e0e0e0}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#333}.panier-client-info{background:#fff;padding:12px;border-radius:6px;border:1px solid #e0e0e0}.panier-client-info h4{margin:0 0 8px;font-size:13px;color:#333;font-weight:600}.client-form{display:flex;flex-direction:column;gap:8px}.client-form input,.client-form select{padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;font-family:inherit}.client-form input:focus,.client-form select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a}.payment-electronique-form{margin-top:8px;padding-top:8px;border-top:1px dashed #e0e0e0}.payment-electronique-form input{background:#fafafa}.payment-electronique-section{margin-top:12px;padding:10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px}.payment-electronique-section h4{margin:0 0 8px;font-size:13px;color:#c2410c;font-weight:600}.payment-electronique-section .client-form{gap:6px}.panier-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-attente{padding:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-attente:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.btn-valider{padding:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-valider:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}@media(max-width:1200px){.vente-comptoir,.vente-container{grid-template-columns:1fr}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.panier-section{position:fixed;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;max-height:50vh;z-index:100;box-shadow:0 -2px 16px #0000001a}}@media(max-width:768px){.vente-comptoir{padding:10px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px}.ventes-attente-list{grid-template-columns:1fr}.section-header{padding:20px 0 30px}.section-header h2{font-size:22px}}.qual-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:qualSlideUp .3s ease}.qual-variant-info{background:#f3f4f6;padding:.875rem 1rem;border-radius:10px;margin-bottom:1.25rem;font-size:.95rem;color:#374151}.qual-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.qual-item:hover:not(.no-price){border-color:#dc2626;background:#fff;box-shadow:0 2px 8px #dc26261a}.qual-item.no-price{opacity:.6;cursor:not-allowed}.qual-inactive-badge{display:inline-block;padding:.15rem .5rem;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:.7rem;font-weight:600;margin-left:.5rem}.qual-type-badge{display:inline;font-size:.85em;font-weight:500;color:#6b7280;margin-left:4px}.qual-name{font-weight:700;color:#1f2937;margin-bottom:.25rem;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.qual-desc{font-size:.8rem;color:#6b7280}.qual-prices{text-align:right}.qual-price-item{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.qual-price-label{font-size:.7rem;color:#9ca3af;text-transform:uppercase}.qual-price-item strong,.qual-prices{font-weight:700;color:#059669;font-size:.95rem}.qual-price-value{font-weight:700;color:#059669;font-size:1.1rem}.qual-no-price{font-size:.85rem;color:#9ca3af;font-style:italic}.qual-stock-badge{margin-left:.5rem;font-size:.78rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:1px 7px;border-radius:10px}.qual-stock-info{font-size:.85rem;color:#6b7280;margin-left:.4rem}.qual-quantity-section{margin-top:1.25rem;padding:1rem;background:#f0f9ff;border-radius:10px;border:1px solid #bae6fd}.qual-qty-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.qual-qty-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.qual-qty-btn{width:40px;height:40px;border:none;border-radius:10px;background:#dc2626;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.qual-qty-btn:hover{background:#b91c1c;transform:scale(1.05)}.qual-qty-input{width:80px;height:40px;border:2px solid #e5e7eb;border-radius:10px;text-align:center;font-size:1.1rem;font-weight:700;color:#1f2937}.qual-qty-input:focus{outline:none;border-color:#dc2626}.qual-summary h4{margin:0 0 .75rem;font-size:.9rem;color:#059669;font-weight:700}.qual-summary-total{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #a7f3d0}.qual-summary-total strong{font-size:1.1rem;color:#059669}.btn-qual-cancel{padding:.75rem 1.25rem;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#374151;font-weight:600;cursor:pointer;transition:all .2s}.btn-qual-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.btn-qual-confirm{padding:.75rem 1.5rem;border:none;border-radius:10px;background:#dc2626;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.btn-qual-confirm:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn-qual-confirm:disabled{background:#d1d5db;cursor:not-allowed}.panier-item-qual{display:inline-block;padding:.2rem .5rem;background:#dbeafe;color:#1d4ed8;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-left:.5rem}@media(max-width:480px){.qual-modal{max-width:95%;max-height:90vh;margin:0 10px}.qual-modal-header,.qual-modal-body{padding:1rem}.qual-modal-footer{flex-direction:column;gap:.5rem}.btn-qual-cancel,.btn-qual-confirm{width:100%;justify-content:center}}.client-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.client-type-btn{padding:12px 14px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;color:#555;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.client-type-btn:hover{border-color:#667eea;color:#667eea}.client-type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea59}.panier-client-search{margin-bottom:14px}.btn-search-client-main{width:100%;padding:14px;border:2px dashed #667eea;background:#f7f8ff;border-radius:10px;cursor:pointer;font-weight:600;color:#667eea;font-size:14px;transition:all .2s ease}.btn-search-client-main:hover{background:#eef0ff;border-style:solid}.selected-client-display{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,#f0f4ff,#f7efff);border:1px solid #d6def5}.selected-client-info{display:flex;flex-direction:column;gap:2px;min-width:0}.selected-client-info strong{color:#333;font-size:14px}.selected-client-meta{font-size:12px;color:#777}.btn-clear-client{background:#fff;border:1px solid #e0e0e0;width:30px;height:30px;border-radius:50%;cursor:pointer;color:#d33;font-weight:700;flex-shrink:0}.btn-clear-client:hover{background:#ffeaea;border-color:#d33}.payment-mode-section{margin-top:12px}.payment-mode-section h4{margin:0 0 8px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.4px}.payment-mode-select{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;cursor:pointer}.client-search-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.client-search-modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.client-search-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.client-search-header h3{margin:0;font-size:17px}.client-search-header .qual-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1}.client-search-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.client-search-input-row{display:flex;gap:8px}.client-search-input-row input{flex:1;padding:11px 14px;border:1px solid #d8d8d8;border-radius:8px;font-size:14px;outline:none}.client-search-input-row input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.btn-search-client-action{padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.btn-search-client-action:disabled{opacity:.5;cursor:not-allowed}.client-search-results{display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow-y:auto}.client-search-empty{text-align:center;padding:24px 12px;color:#999;font-size:14px;font-style:italic}.client-item{padding:12px 14px;border:1px solid #ececec;border-radius:10px;cursor:pointer;transition:all .15s ease;background:#fafafa}.client-item:hover{border-color:#667eea;background:#f7f8ff;transform:translateY(-1px)}.client-item-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.client-item-main strong{color:#333;font-size:14px}.client-item-code{font-size:12px;color:#667eea;background:#eef0ff;padding:2px 8px;border-radius:6px;font-weight:600}.client-item-phone{margin-top:4px;font-size:12px;color:#777}.client-type-buttons-3{grid-template-columns:repeat(3,1fr);gap:8px}.client-type-buttons-3 .client-type-btn{flex-direction:column;padding:10px 6px;gap:4px;font-size:12px;text-align:center;line-height:1.2}.client-type-buttons-3 .ct-icon{font-size:22px;line-height:1}.client-type-buttons-3 .ct-label{font-size:11px;font-weight:600}@media(max-width:480px){.client-type-buttons-3 .ct-label{font-size:10px}}.qual-variant-info{display:flex;align-items:center;gap:12px}.qual-variant-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;background:#f6f6f6;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #ececec}.qual-variant-thumb img{width:100%;height:100%;object-fit:contain}.qual-variant-text{flex:1;min-width:0}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:450px;width:90%;animation:slideUp .3s ease;overflow:hidden}.modal-header{padding:var(--spacing-xl);text-align:center;border-bottom:1px solid var(--gray-200)}.modal-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounceIn .5s ease}.modal-icon svg{width:40px;height:40px}.modal-success .modal-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:3px solid #a7f3d0}.modal-success .modal-icon svg{stroke:#059669}.modal-error .modal-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:3px solid #fecaca}.modal-error .modal-icon svg{stroke:#dc2626}.modal-warning .modal-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px solid #fde68a}.modal-warning .modal-icon svg{stroke:#d97706}.modal-confirm .modal-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:3px solid #bfdbfe}.modal-confirm .modal-icon svg{stroke:#2563eb}.modal-info .modal-icon{background:linear-gradient(135deg,#fef2f2,#fde8e8);border:3px solid #f8b4b4}.modal-info .modal-icon svg{stroke:var(--primary-red)}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-title{font-size:var(--text-xl);font-weight:700;margin:0}.modal-success .modal-title{color:#059669}.modal-error .modal-title{color:#dc2626}.modal-warning .modal-title{color:#d97706}.modal-confirm .modal-title{color:#2563eb}.modal-info .modal-title{color:var(--gray-900)}.modal-body{padding:var(--spacing-xl);text-align:center}.modal-body p{font-size:var(--text-base);color:var(--gray-700);margin:0;line-height:1.6}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);background:var(--gray-50);display:flex;gap:var(--spacing-md);justify-content:center}.modal-btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);min-width:120px}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.modal-btn:active{transform:translateY(0)}.modal-btn-cancel{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300)}.modal-btn-cancel:hover{background:var(--gray-100);border-color:var(--gray-400)}.modal-btn-confirm{color:#fff}.modal-btn-confirm.modal-success{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0596694d}.modal-btn-confirm.modal-success:hover{box-shadow:0 6px 16px #05966966}.modal-btn-confirm.modal-error{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.modal-btn-confirm.modal-error:hover{box-shadow:0 6px 16px #dc262666}.modal-btn-confirm.modal-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.modal-btn-confirm.modal-warning:hover{box-shadow:0 6px 16px #f59e0b66}.modal-btn-confirm.modal-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.modal-btn-confirm.modal-confirm:hover{box-shadow:0 6px 16px #3b82f666}.modal-btn-confirm.modal-info{background:linear-gradient(135deg,var(--primary-red) 0%,#b91c1c 100%);box-shadow:0 4px 12px #dc26264d}.modal-btn-confirm.modal-info:hover{box-shadow:0 6px 16px #dc262666}.recu-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.recu-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.recu-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--gray-50);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:10}.btn-pdf{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #0596694d}.btn-pdf:hover{transform:translateY(-2px);box-shadow:0 6px 16px #05966966}.btn-print{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-red) 0%,#b91c1c 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #dc26264d}.btn-print:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-close-recu{padding:var(--spacing-md) var(--spacing-lg);background:#fff;color:var(--gray-700);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-close-recu:hover{background:var(--gray-100);border-color:var(--gray-400)}.recu-content{padding:var(--spacing-xl);font-family:Courier New,monospace;background:#fff}.recu-header{text-align:center;margin-bottom:var(--spacing-lg)}.recu-logo{width:80px;height:80px;object-fit:contain;margin-bottom:var(--spacing-sm);border-radius:var(--radius-md)}.recu-company{font-size:2rem;font-weight:900;margin:0;color:var(--primary-red);letter-spacing:2px}.recu-tagline{font-size:var(--text-sm);color:var(--gray-600);margin:var(--spacing-xs) 0 0;font-weight:600}.recu-description{font-size:var(--text-sm);color:var(--gray-700);margin:var(--spacing-xs) 0 0;font-style:italic}.recu-address,.recu-phone,.recu-email,.recu-rccm{font-size:var(--text-xs);color:var(--gray-600);margin:2px 0 0}.recu-rccm{font-weight:600;color:var(--gray-700)}.recu-separator{border-top:2px dashed var(--gray-300);margin:var(--spacing-lg) 0}.recu-info{margin-bottom:var(--spacing-lg)}.info-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--text-sm)}.info-label{font-weight:700;color:var(--gray-700)}.info-value{color:var(--gray-900)}.recu-table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}.recu-table thead{border-bottom:2px solid var(--gray-900)}.recu-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-xs);font-weight:900;font-size:var(--text-sm);color:var(--gray-900)}.recu-table th:first-child,.recu-table td:first-child{text-align:center;width:50px}.recu-table th:last-child,.recu-table td:last-child{text-align:right}.recu-table tbody tr{border-bottom:1px solid var(--gray-200)}.recu-table td{padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--text-sm)}.qty-cell{font-weight:700;text-align:center}.product-cell{font-weight:600;color:var(--gray-900)}.price-cell,.total-cell{text-align:right;font-weight:600}.recu-totals{margin:var(--spacing-lg) 0}.total-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--text-base)}.total-row.grand-total{margin-top:var(--spacing-md);padding:var(--spacing-md) 0;border-top:2px solid var(--gray-900);border-bottom:2px solid var(--gray-900)}.total-row.grand-total .total-label,.total-row.grand-total .total-value{font-weight:900;font-size:var(--text-xl);color:var(--primary-red)}.recu-payment{margin:var(--spacing-lg) 0}.payment-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:var(--text-base)}.payment-label{font-weight:700;color:var(--gray-700)}.payment-value{font-weight:700;color:var(--gray-900)}.recu-footer{text-align:center;margin-top:var(--spacing-xl)}.footer-text{font-size:var(--text-lg);font-weight:700;margin:var(--spacing-xs) 0;color:var(--gray-900)}.footer-contact{font-size:var(--text-sm);color:var(--gray-600);margin:var(--spacing-xs) 0}@media print{*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;background:#fff}.recu-overlay{background:#fff;position:static;-webkit-backdrop-filter:none;backdrop-filter:none;display:block}.recu-modal{box-shadow:none;max-width:80mm;width:80mm;margin:0 auto;border-radius:0;max-height:none;overflow:visible;background:#fff}.no-print,.recu-actions{display:none!important}.recu-content{padding:3mm 5mm;font-size:10pt;line-height:1.4;font-family:Arial,Helvetica,sans-serif;color:#000;background:#fff}.recu-header{margin-bottom:2mm;padding-bottom:0;border-bottom:none}.recu-company{font-size:14pt;font-weight:700;color:#000;letter-spacing:.5px;margin-bottom:.5mm}.recu-tagline{font-size:9pt;color:#000;font-weight:400;margin-bottom:1mm}.recu-separator{border:none;margin:1mm 0;height:0;page-break-inside:avoid}.recu-info{margin-bottom:2mm;page-break-inside:avoid}.info-row{padding:.3mm 0;font-size:9pt;line-height:1.3}.info-label,.info-value{color:#000;font-weight:400}.recu-table{margin:2mm 0;font-size:9pt;page-break-inside:avoid;border-collapse:collapse}.recu-table thead{border-bottom:1px solid black}.recu-table th{padding:1mm;font-size:9pt;font-weight:700;color:#000;text-align:left}.recu-table th:first-child{text-align:center}.recu-table th:last-child,.recu-table th:nth-child(3),.recu-table th:nth-child(4){text-align:right}.recu-table tbody tr{border-bottom:none}.recu-table td{padding:.8mm 1mm;font-size:9pt;color:#000}.qty-cell{text-align:center;font-weight:400}.product-cell{font-weight:400}.price-cell,.total-cell{text-align:right;font-weight:400}.recu-totals{margin:2mm 0;page-break-inside:avoid}.total-row{padding:.5mm 0;font-size:9pt}.total-label{font-weight:400}.total-row.grand-total{margin-top:1mm;padding:1mm 0;border-top:none;border-bottom:none}.total-row.grand-total .total-label,.total-row.grand-total .total-value{font-size:12pt;font-weight:700;color:#000}.recu-payment{margin:2mm 0;page-break-inside:avoid}.payment-row{padding:.5mm 0;font-size:9pt}.payment-label,.payment-value{color:#000;font-weight:400}.recu-footer{margin-top:3mm;border-top:none;padding-top:2mm;page-break-inside:avoid}.footer-text{font-size:10pt;margin:.5mm 0;color:#000;font-weight:400}.footer-contact{font-size:8pt;color:#000;margin:.3mm 0}@page{size:80mm auto;margin:2mm 3mm}body{margin:0;padding:0;background:#fff!important}.recu-content{page-break-inside:avoid}}.pin-validation-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pin-validation-modal{background:#fff;border-radius:20px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}.pin-validation-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2.5rem 2rem 2rem;text-align:center;color:#fff;position:relative}.pin-icon{font-size:3.5rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pin-validation-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.pin-subtitle{margin:0;font-size:.95rem;opacity:.95;font-weight:400}.pin-close-btn{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--transition-fast)}.pin-close-btn:hover{background:#fff3}.pin-validation-body{padding:2.5rem 2rem 2rem}.pin-error{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181;border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-icon{font-size:1.5rem;flex-shrink:0}.pin-error span:last-child{color:#c53030;font-weight:500;font-size:.95rem}.pin-input-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.pin-digit-input{width:4rem;height:4.5rem;font-size:2rem;font-weight:700;text-align:center;border:3px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#2d3748;transition:all .3s ease;outline:none;font-family:Courier New,monospace;caret-color:#667eea}.pin-digit-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea33;transform:translateY(-2px)}.pin-digit-input:disabled{opacity:.6;cursor:not-allowed}.pin-digit-input:not(:placeholder-shown){animation:digitPop .2s ease-out}@keyframes digitPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pin-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancel,.btn-validate{flex:1;padding:1rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-cancel{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.btn-cancel:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-validate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.btn-validate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-validate:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-cancel:active:not(:disabled),.btn-validate:active:not(:disabled){transform:translateY(0)}@media(max-width:500px){.pin-validation-modal{width:95%;margin:1rem}.pin-validation-header{padding:2rem 1.5rem 1.5rem}.pin-icon{font-size:3rem}.pin-validation-header h3{font-size:1.3rem}.pin-subtitle{font-size:.9rem}.pin-validation-body{padding:2rem 1.5rem}.pin-input-container{gap:.75rem}.pin-digit-input{width:3.5rem;height:4rem;font-size:1.75rem}.pin-actions{flex-direction:column}.btn-cancel,.btn-validate{width:100%}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-validate:disabled:before{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loading .8s linear infinite;left:calc(50% - 10px);top:calc(50% - 10px)}.commandes-client-page{min-height:100vh;background:linear-gradient(135deg,#f9f9f9,#f0f0f0);padding:20px}.page-header{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #00000014}.page-header h1{margin:0 0 8px;font-size:28px;color:#1f2937}.page-header .subtitle{margin:0;color:#6b7280;font-size:14px}.client-balance .balance{font-size:14px;font-weight:700;color:#059669}.client-balance .balance.negative{color:#dc2626}.client-details-container .page-header{display:flex;align-items:center;gap:20px}.client-header-info h1{margin:0 0 8px}.client-meta{display:flex;gap:20px;font-size:14px;color:#6b7280}.client-meta .balance{font-weight:600;color:#059669}.client-meta .balance.negative{color:#dc2626}.tabs-container{display:flex;gap:8px;margin-bottom:20px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #00000014}.tab-btn{flex:1;padding:14px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#f3f4f6}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.orders-list{display:grid;gap:16px}.order-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .2s ease;overflow:hidden}.order-card.expanded{box-shadow:0 4px 16px #0000001f;border:2px solid #3b82f6}.order-header{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;cursor:pointer}.order-header .order-id{flex:1}.order-header .status-badge{flex-shrink:0}.order-header:hover{background:#f9fafb;margin:-10px -10px 12px;padding:10px 10px 12px;border-radius:8px 8px 0 0}.expand-icon{font-size:12px;color:#6b7280;transition:transform .2s ease}.order-id{font-size:16px;font-weight:700;color:#1f2937}.order-body{display:flex;justify-content:space-between;align-items:flex-start}.order-info{display:flex;gap:20px;font-size:13px;color:#6b7280}.order-totals{text-align:right}.order-subtotal,.order-shipping{font-size:12px;color:#6b7280;margin-bottom:4px}.subtotal-label,.shipping-label{margin-right:8px}.order-total{text-align:right}.total-label{display:block;font-size:12px;color:#9ca3af;margin-bottom:2px}.total-amount{font-size:18px;font-weight:700;color:#1f2937}.order-items-section{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.order-items-preview{display:flex;flex-wrap:wrap;gap:8px}.item-preview{background:#f3f4f6;padding:4px 10px;border-radius:6px;font-size:12px;color:#4b5563}.more-items{background:#e0e7ff;color:#4f46e5;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.order-items-full{margin-top:8px;background:#fafafa;border-radius:8px;padding:12px}.items-grid{display:flex;flex-direction:column;gap:0}.items-grid-header,.items-grid-row{display:grid;grid-template-columns:1fr 80px 120px 120px;gap:12px;align-items:center;padding:10px 12px}.items-grid-header{background:#e5e7eb;border-radius:6px;font-weight:600;font-size:12px;color:#374151;text-transform:uppercase}.items-grid-row{background:#fff;border-bottom:1px solid #f3f4f6;font-size:14px}.items-grid-row:last-child{border-bottom:none}.items-grid-row:hover{background:#f9fafb}.col-article{text-align:left;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-qty{text-align:center;font-weight:600;color:#4b5563}.col-price{text-align:right;color:#4b5563}.col-total{text-align:right;font-weight:700;color:#1f2937}@media(max-width:600px){.items-grid-header,.items-grid-row{grid-template-columns:1fr 50px 90px 90px;gap:8px;padding:8px 10px;font-size:12px}.items-grid-header{font-size:10px}}.ledger-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.ledger-table{width:100%;border-collapse:collapse;min-width:700px}.ledger-table th{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:14px 16px;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase}.ledger-table td{padding:14px 16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#374151}.ledger-table tr:last-child td{border-bottom:none}.ledger-table tr:nth-child(2n){background:#f9fafb}.ledger-table .debit{color:#dc2626;font-weight:600}.ledger-table .credit{color:#059669;font-weight:600}.ledger-table .balance{font-weight:700;color:#1f2937}.ledger-table .balance.negative{color:#dc2626}.ledger-table .entry-type{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.ledger-table .entry-type.debit{background:#fee2e2;color:#991b1b}.ledger-table .entry-type.credit{background:#d1fae5;color:#065f46}.ledger-table .amount.debit{color:#dc2626;font-weight:700}.ledger-table .amount.credit{color:#059669;font-weight:700}.ledger-table .reference{font-family:Courier New,monospace;font-size:12px;color:#6b7280}.reference-link{background:none;border:none;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;color:#3b82f6;cursor:pointer;text-decoration:none;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.reference-link:hover{background:#eff6ff;color:#1d4ed8;text-decoration:underline}.reference-link:active{background:#dbeafe}.ledger-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-btn{padding:6px 16px;border:1px solid #d1d5db;background:#fff;border-radius:20px;font-size:13px;cursor:pointer;color:#374151;transition:all .2s ease;font-weight:500}.filter-btn:hover{border-color:#6366f1;color:#6366f1}.filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.ledger-total-row{background:#f0f0ff!important;border-top:2px solid #6366f1}.ledger-total-row .total-footer-label{font-weight:700;color:#1f2937;text-align:right;padding-right:16px}.ledger-total-row .total-footer-amount{font-weight:800;font-size:15px}@media(max-width:768px){.page-header h1{font-size:22px}.client-details-container .page-header{flex-direction:column;align-items:flex-start;gap:12px}.client-meta{flex-direction:column;gap:8px}.tabs-container{flex-direction:column}.order-body{flex-direction:column;align-items:flex-start;gap:12px}.order-total{text-align:left}.ledger-table-container{overflow-x:auto}.ledger-table{min-width:600px}}@media(max-width:480px){.commandes-client-page{padding:12px}.page-header{padding:16px}.client-card{padding:12px}.client-avatar{width:40px;height:40px;font-size:24px}}.pos-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:10px 14px;margin:0 0 16px;background:#b91c1c0a;border:1px solid rgba(185,28,28,.15);border-radius:10px;font-size:14px}.pos-filter-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#1f2937;font-weight:500;-webkit-user-select:none;user-select:none}.pos-filter-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#b91c1c;cursor:pointer}.pos-filter-loading{color:#6b7280;font-size:13px;font-style:italic}.client-pos-orders-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 9px;font-size:12px;font-weight:600;color:#065f46;background:#d1fae5;border-radius:999px;border:1px solid #6ee7b7}.retours-client-page{min-height:100vh;background:linear-gradient(135deg,#f9f9f9,#f0f0f0);padding:20px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-spinner{font-size:48px;animation:spin 1s linear infinite}.error-icon{font-size:48px}.btn-retry{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.retours-client-page .page-header{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:20px}.retours-client-page .page-header h1{margin:0 0 8px;font-size:28px;color:#1f2937}.retours-client-page .page-header .subtitle{margin:0;color:#6b7280;font-size:14px}.btn-back{padding:10px 16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.client-header-info{flex:1}.client-header-info h1{margin:0 0 4px}.client-header-info .client-phone{margin:0;color:#6b7280;font-size:14px}.btn-new-return{padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-new-return:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.search-section{margin-bottom:20px}.search-input-container{display:flex;align-items:center;background:#fff;border-radius:10px;padding:12px 16px;box-shadow:0 2px 8px #00000014;gap:12px}.search-icon{font-size:18px;color:#9ca3af}.search-input{flex:1;border:none;outline:none;font-size:15px;color:#1f2937}.search-input::placeholder{color:#9ca3af}.clear-search{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.clients-grid{display:grid;gap:12px}.client-card{display:flex;align-items:center;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .2s ease;gap:16px}.client-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.client-avatar{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-radius:12px}.client-details{flex:1}.client-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.client-contact{margin:0 0 2px;font-size:13px;color:#6b7280}.client-phone{margin:0;font-size:13px;color:#9ca3af}.client-arrow{font-size:20px;color:#9ca3af}.no-results{text-align:center;padding:40px;color:#6b7280}.return-form-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #00000014;border-left:4px solid #10b981}.return-form-card h3{margin:0 0 20px;font-size:18px;color:#1f2937}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn-cancel{padding:12px 20px;background:#f3f4f6;color:#374151;border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit{padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.returns-section{margin-top:25px}.returns-section h2{margin:0 0 20px;font-size:20px;color:#1f2937}.date-filters{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.filter-mode{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:15px}.filter-mode label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151;padding:8px 12px;border-radius:8px;transition:all .2s ease}.filter-mode label:hover{background:#f3f4f6}.filter-mode input[type=radio]{accent-color:#dc2626;width:16px;height:16px}.date-inputs{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.date-field{display:flex;flex-direction:column;gap:6px}.date-field label{font-size:13px;color:#6b7280;font-weight:500}.date-field input[type=date]{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;transition:all .2s ease;min-width:160px}.date-field input[type=date]:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.btn-clear-filter{padding:10px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-clear-filter:hover{background:#e5e7eb;color:#374151}.filter-info{margin-top:12px;padding:10px 14px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;font-weight:500}.empty-state .btn-reset-filter{margin-top:15px;padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.empty-state .btn-reset-filter:hover{background:#b91c1c}@media(max-width:768px){.filter-mode{flex-direction:column;gap:10px}.date-inputs{flex-direction:column;align-items:stretch}.date-field input[type=date]{width:100%}}.loading-inline{text-align:center;padding:30px;color:#6b7280;font-size:14px}.empty-state{text-align:center;padding:50px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.empty-state p{margin:0;color:#6b7280;font-size:16px}.returns-list{display:grid;gap:16px}.return-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.return-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.return-id{font-size:16px;font-weight:700;color:#1f2937}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-info{background:#dbeafe;color:#1e40af}.badge-secondary{background:#e5e7eb;color:#4b5563}.badge-default{background:#f3f4f6;color:#374151}.return-body{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.return-info{flex:1}.return-info p{margin:0 0 8px;font-size:14px;color:#6b7280}.return-date{color:#9ca3af}.return-order{color:#3b82f6;font-weight:500}.return-reason{flex:2}.return-reason p.reason-label{margin:0 0 4px;font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase}.return-reason p.reason-text{margin:0;font-size:14px;color:#374151;line-height:1.5}.return-items{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.return-items strong{display:block;font-size:13px;color:#374151;margin-bottom:8px}.return-items ul{margin:0;padding:0;list-style:none}.return-items li{padding:8px 12px;background:#fff;border-radius:6px;margin-bottom:6px;font-size:14px;color:#1f2937;border:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.return-items li:last-child{margin-bottom:0}.return-items li strong{display:inline;color:#dc2626;margin-bottom:0}.return-actions{display:flex;gap:8px}.btn-approve{padding:8px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-approve:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.btn-approve:disabled{opacity:.5;cursor:not-allowed}.btn-reject{padding:8px 14px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-reject:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.btn-reject:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-return{padding:8px 14px;background:#f3f4f6;color:#374151;border:2px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel-return:hover:not(:disabled){background:#e5e7eb}.btn-cancel-return:disabled{opacity:.5;cursor:not-allowed}.reject-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.reject-modal{background:#fff;border-radius:16px;padding:30px;max-width:450px;width:90%;box-shadow:0 20px 40px #0003}.reject-modal h3{margin:0 0 12px;font-size:20px;color:#1f2937}.reject-modal p{margin:0 0 16px;color:#6b7280;font-size:14px}.reject-modal textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;resize:vertical;min-height:100px}.reject-modal textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media(max-width:768px){.retours-client-page .page-header h1{font-size:22px}.retours-client-page .page-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-new-return{width:100%;text-align:center}.return-body{flex-direction:column;gap:12px}.return-actions{width:100%;justify-content:flex-end}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;text-align:center}}@media(max-width:480px){.retours-client-page{padding:12px}.retours-client-page .page-header{padding:16px}.client-card{padding:12px}.client-avatar{width:40px;height:40px;font-size:24px}.return-actions{flex-direction:column}.btn-approve,.btn-reject,.btn-cancel-return{width:100%;text-align:center}}.procurements-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1{color:var(--primary-red);font-size:var(--text-3xl);margin:0 0 var(--spacing-xs) 0}.page-header p{color:var(--gray-600);font-size:var(--text-sm);margin:0}.page-header button{white-space:nowrap}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-red);border-radius:50%;animation:spin 1s linear infinite}.error-alert{background-color:#fee2e2;border:1px solid #FECACA;color:#dc2626;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.view-mode-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--gray-100);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.view-mode-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--gray-600);transition:all .2s ease}.view-mode-tab:hover{background:var(--gray-200);color:var(--gray-800)}.view-mode-tab.active{background:#fff;color:var(--primary-red);box-shadow:var(--shadow-sm)}.view-mode-tab.active:nth-child(2){background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.highlight-pending{background:linear-gradient(135deg,#fef3c7,#fffbeb)!important;animation:pulse-highlight 2s ease-in-out infinite}@keyframes pulse-highlight{0%,to{opacity:1}50%{opacity:.85}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-card{background:#fff!important;color:#111!important;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all .3s ease}.summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-red)}.summary-card.highlight-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#111}.summary-card.highlight-pending .summary-icon{background:#fbbf24;color:#fff}.summary-card.highlight-pending .summary-value{color:#92400e}.summary-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border-radius:var(--radius-md)}.summary-content{flex:1}.summary-value{font-size:var(--text-2xl);font-weight:700;color:#111!important}.summary-label{font-size:var(--text-sm);color:#111!important;margin-top:var(--spacing-xs);font-weight:600}.tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--gray-200)}.tab{background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-base);font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab:hover{color:var(--primary-red)}.tab-content{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.list-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.filters-section{display:flex;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.search-group{flex:1;min-width:250px}.search-input{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-red)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px}.filter-group label{font-weight:600;color:var(--gray-700);font-size:var(--text-sm)}.filter-group select{padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);background:#fff;cursor:pointer;transition:border-color var(--transition-fast)}.filter-group select:focus{outline:none;border-color:var(--primary-red)}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--gray-50);border-bottom:2px solid var(--gray-200)}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--gray-700);font-size:var(--text-sm)}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--gray-200);font-size:var(--text-sm)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table code{background:var(--gray-100);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;color:var(--primary-red)}.data-table .amount{text-align:right;font-weight:600;color:var(--primary-red)}.action-buttons{display:flex;gap:var(--spacing-sm)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray-100);border:none;font-size:16px;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.btn-icon.danger{background:#fee2e2;color:#dc2626}.btn-icon.danger:hover{background:#fecaca;box-shadow:0 2px 8px #dc26264d}.btn-icon.success{background:#d1fae5;color:#059669}.btn-icon.success:hover{background:#a7f3d0;box-shadow:0 2px 8px #0596694d}.text-muted{color:var(--gray-400)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--gray-500);background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border-radius:var(--radius-lg);border:2px dashed var(--gray-300)}.empty-state p{font-size:var(--text-lg);margin:0;font-weight:500}.create-section{max-width:1000px;margin:0 auto}.procurement-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.procurement-form h2{color:var(--gray-900);font-size:var(--text-2xl);margin:0;padding-bottom:var(--spacing-md);border-bottom:3px solid var(--primary-red);display:flex;align-items:center;gap:var(--spacing-md)}.procurement-form h2:before{content:"📦";font-size:var(--text-2xl)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-section h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-100);display:flex;align-items:center;gap:var(--spacing-sm)}.form-section h3:before{content:"";display:inline-block;width:4px;height:20px;background:var(--primary-red);border-radius:2px}.section-description{color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);border-left:3px solid var(--primary-red)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:600;color:var(--gray-700);font-size:var(--text-sm)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 4px #ff505026}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.form-row.two-cols{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.form-row,.form-row.two-cols{grid-template-columns:1fr}}.items-table{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:visible;box-shadow:var(--shadow-sm);position:relative}.items-header,.item-row{display:grid;grid-template-columns:2fr 120px 80px 120px 120px 50px;gap:var(--spacing-md);align-items:center}.items-header{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-red),#c0392b);font-weight:600;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.items-header span{display:flex;align-items:center}.item-row{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--gray-100);transition:background-color .2s ease;position:relative;overflow:visible}.item-row:hover{background-color:var(--gray-50)}.item-row:last-child{border-bottom:none}.item-row:nth-child(2n){background-color:var(--gray-50)}.item-row:nth-child(2n):hover{background-color:var(--gray-100)}.col-product{display:flex;flex-direction:column;gap:4px;min-width:0}.col-stock,.col-qualification{text-align:center}.col-qty{width:80px}.col-qty-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.qty-multiplier-hint{font-size:.75rem;font-weight:700;color:#6b7280;background:#f3f4f6;padding:1px 6px;border-radius:8px;white-space:nowrap}.col-price{width:120px;text-align:right}.col-total{text-align:right;font-weight:700;color:var(--primary-red);font-size:var(--text-base)}.col-action{display:flex;align-items:center;justify-content:center}.stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;box-shadow:0 2px 4px #10b9814d}.selected-product{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid #F59E0B}.selected-product:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.selected-product .product-name{font-weight:700;color:#92400e;font-size:var(--text-sm)}.selected-product .edit-hint{font-size:var(--text-xs);color:#b45309;opacity:.8}.btn-select-product{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border:2px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-600);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.btn-select-product:hover{background:linear-gradient(135deg,var(--gray-100),var(--gray-200));border-color:var(--primary-red);color:var(--primary-red)}.item-row input[type=number]{width:100%;padding:var(--spacing-sm);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-align:center;background:#fff;transition:all .2s ease}.item-row input[type=number]:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #ff505026}.item-row input[type=number]:read-only{background:var(--gray-50);color:var(--gray-600);cursor:not-allowed}.qty-error{border-color:#dc2626!important;background-color:#fef2f2!important;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);align-self:flex-start;margin-top:var(--spacing-md);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .2s ease}.btn-small:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.items-total{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);margin-top:var(--spacing-md);background:linear-gradient(135deg,#1f2937,#111827);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:600;color:#fff}.items-total strong{color:#fcd34d;font-size:var(--text-xl);font-weight:800}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl);background:var(--gray-50);border-radius:var(--radius-lg);margin-top:var(--spacing-md)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all .2s ease;min-width:160px}.btn-primary{background:linear-gradient(135deg,var(--primary-red),#c0392b);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-primary:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--gray-700);border:2px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-success:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-danger:active{transform:translateY(0)}.btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-info:active{transform:translateY(0)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-warning:active{transform:translateY(0)}.badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.badge-pending{background-color:#fef08a;color:#b45309;border:1px solid #FCD34D}.badge-approved{background-color:#d1fae5;color:#065f46;border:1px solid #6EE7B7}.badge-shipped{background-color:#dbeafe;color:#1e40af;border:1px solid #93C5FD}.badge-received,.badge-delivered{background-color:#dcfce7;color:#166534;border:1px solid #86EFAC}.badge-cancelled{background-color:#fee2e2;color:#991b1b;border:1px solid #FECACA}.badge-partial{background-color:#e0e7ff;color:#3730a3;border:1px solid #C7D2FE}.badge-default{background-color:#f3f4f6;color:#666;border:1px solid #D1D5DB}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-header button{width:100%}.summary-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-group,.filter-group{width:100%}.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding:var(--spacing-sm)}.items-header,.item-row{grid-template-columns:1fr}.col-total{margin-top:var(--spacing-sm)}.form-row{grid-template-columns:1fr}}.qualification-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.qualification-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.qualification-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.qualification-modal-header h3{margin:0;font-size:var(--text-lg);color:var(--gray-800)}.qualification-modal-header .close-btn{background:none;border:none;font-size:24px;color:var(--gray-500);cursor:pointer;padding:0;line-height:1}.qualification-modal-header .close-btn:hover{color:var(--gray-800)}.qualification-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.variant-info{background:var(--gray-100);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--text-sm)}.qualification-label{font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-md)}.qualification-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.qualification-item{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease}.qualification-item:hover{border-color:var(--primary-red);background:#fff}.qualification-item.inactive{background:#f9fafb;border-color:#d1d5db}.qualification-name{font-weight:600;color:var(--gray-800);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.inactive-badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:500;color:#dc2626;background:#fee2e2;border-radius:4px}.btn-activate-price{padding:6px 12px;font-size:12px;font-weight:500;color:#fff;background:#10b981;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-activate-price:hover{background:#059669;transform:scale(1.02)}.qualification-prices{display:flex;gap:var(--spacing-lg);font-size:var(--text-sm);color:var(--gray-600)}.qualification-form .form-group{margin-bottom:var(--spacing-md)}.qualification-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.selected-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#ecfdf5;border-radius:var(--radius-md);border:1px solid #A7F3D0}.selected-summary h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-sm);color:#059669}.summary-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--text-sm)}.summary-row span{color:var(--gray-600)}.summary-row strong{color:var(--gray-800)}.qualification-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--gray-200);background:var(--gray-50)}.status-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.status-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:550px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.status-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.status-modal-header h3{margin:0;font-size:var(--text-lg);color:var(--gray-800)}.status-modal-header .close-btn{background:none;border:none;font-size:24px;color:var(--gray-500);cursor:pointer;padding:0;line-height:1}.status-modal-header .close-btn:hover{color:var(--gray-800)}.status-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.status-modal-body .procurement-info{background:var(--gray-100);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.status-modal-body .info-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--text-sm)}.status-modal-body .info-row .label{color:var(--gray-600)}.status-modal-body .info-row strong{color:var(--gray-800)}.status-modal-body .form-group{margin-bottom:var(--spacing-md)}.status-modal-body .form-group label{display:block;font-weight:600;font-size:var(--text-sm);color:var(--gray-700);margin-bottom:var(--spacing-xs)}.status-modal-body .form-group select,.status-modal-body .form-group input,.status-modal-body .form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:#fff}.status-modal-body .form-group select:focus,.status-modal-body .form-group input:focus,.status-modal-body .form-group textarea:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #dc26261a}.status-modal-body .form-row{display:grid;gap:var(--spacing-md)}.status-modal-body .form-row.two-cols{grid-template-columns:1fr 1fr}.status-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--gray-200);background:var(--gray-50)}.btn-icon.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-icon.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.1)}.btn-icon.secondary{background:var(--gray-200);color:var(--gray-700)}.btn-icon.secondary:hover{background:var(--gray-300);transform:scale(1.1)}.btn-icon.info{background:var(--gray-100);color:var(--gray-600)}.btn-icon.info:hover{background:var(--gray-200);color:var(--primary-red);transform:scale(1.1)}.btn-icon.warning{background:#fff8e1;color:#f57c00}.btn-icon.warning:hover{background:#ffe0b2;color:#e65100;transform:scale(1.1)}.reference-link{background:none;border:none;color:var(--primary-red);font-family:monospace;font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s ease}.reference-link:hover{background:var(--gray-100);text-decoration:underline}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:var(--gray-50)}.detail-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.detail-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,#fef3c7,#fde68a)}.detail-modal-header h3{margin:0;font-size:var(--text-lg);color:#92400e}.detail-modal-header .close-btn{background:none;border:none;font-size:24px;color:var(--gray-500);cursor:pointer;padding:0;line-height:1}.detail-modal-header .close-btn:hover{color:var(--gray-800)}.detail-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--text-base);color:var(--gray-800);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-200)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item .label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.detail-item strong{font-size:var(--text-sm);color:var(--gray-800)}.detail-item.highlight{background:var(--gray-100);padding:var(--spacing-sm);border-radius:var(--radius-md);grid-column:span 2}.detail-item.highlight strong{font-size:var(--text-lg);color:var(--primary-red)}.detail-item.full-width{grid-column:span 2}.detail-item p{margin:0;font-size:var(--text-sm);color:var(--gray-700);background:var(--gray-50);padding:var(--spacing-sm);border-radius:var(--radius-sm)}.items-table-detail{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.items-table-detail th{background:var(--gray-100);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200)}.items-table-detail td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--gray-100);vertical-align:middle}.items-table-detail .product-info{display:flex;flex-direction:column;gap:4px}.items-table-detail .product-name{font-weight:500;color:var(--gray-800)}.items-table-detail .qualification-badge-small{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:10px;font-weight:600;border-radius:10px;width:fit-content}.items-table-detail .qty{font-weight:600;text-align:center}.items-table-detail .price,.items-table-detail .total{text-align:right;font-family:monospace}.items-table-detail .total{font-weight:600;color:var(--gray-800)}.items-table-detail tfoot tr{background:var(--gray-50)}.items-table-detail tfoot .total-label{text-align:right;font-weight:700;color:var(--gray-700)}.items-table-detail tfoot .total-value{text-align:right;font-weight:700;font-size:var(--text-base);color:var(--primary-red)}.no-items{text-align:center;padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius-md);color:var(--gray-500)}.detail-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--gray-200);background:var(--gray-50)}.col-product{position:relative}.variant-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:1000;display:none;max-height:350px;overflow:hidden}.variant-dropdown.show{display:block}.variant-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:1px solid var(--gray-200);font-size:var(--text-sm)}.variant-search:focus{outline:none;background:var(--gray-50)}.variant-options{max-height:300px;overflow-y:auto}.variant-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--text-sm);border-bottom:1px solid var(--gray-100)}.variant-option:hover{background:var(--gray-100)}.variant-option:last-child{border-bottom:none}.variant-option-with-image{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.variant-option-image{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.variant-option-image img{width:100%;height:100%;object-fit:cover}.variant-no-image{font-size:1.5rem;color:var(--gray-400)}.variant-option-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.variant-option-name{font-weight:500;color:var(--gray-800);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-option-stock{font-size:var(--text-xs);color:var(--gray-500)}.variant-option-stock .stock-qty{color:var(--success);font-weight:500}.variant-option-stock .stock-catalog{color:var(--info);font-style:italic}.qualification-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.col-qualification{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.qualification-modal{margin:var(--spacing-md);max-height:90vh}.items-header,.item-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.col-qualification{justify-content:flex-start}.col-qualification:before{content:"Qualification: ";font-weight:600;margin-right:var(--spacing-sm)}}.qualification-item{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.qualification-item:hover{border-color:var(--primary-red);background:#fff;box-shadow:0 2px 8px #dc26261a}.qualification-item.selected{border-color:var(--primary-red);background:#fef2f2}.qualification-item.no-price{border-style:dashed}.qualification-item.no-price:hover{border-style:solid}.qualification-item-main{flex:1}.qualification-name{font-weight:700;color:var(--gray-800);font-size:var(--text-base)}.qualification-desc{font-size:var(--text-sm);color:var(--gray-500);margin-top:2px}.qualification-prices{display:flex;flex-direction:column;gap:4px;text-align:right}.qualification-price-item{font-size:var(--text-sm);color:var(--gray-700)}.qualification-price-label{color:var(--gray-400);margin-right:4px}.qualification-no-price{background:#fef3c7;color:#92400e;padding:6px 12px;border-radius:8px;font-size:var(--text-xs);font-weight:600}.qualification-price-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-md)}.qualification-price-form-label{font-size:var(--text-sm);color:#92400e;margin-bottom:var(--spacing-sm)}.qualification-price-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.qualification-price-form .form-group{margin-bottom:0}.qualification-price-form .form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:#78350f;margin-bottom:4px}.qualification-price-form .form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #fcd34d;border-radius:var(--radius-sm);font-size:var(--text-sm);background:#fff}.qualification-price-form .form-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}@media(max-width:768px){.qualification-item{flex-direction:column;align-items:flex-start}.qualification-prices{text-align:left;flex-direction:row;gap:var(--spacing-md)}.qualification-price-form .form-row{grid-template-columns:1fr}}.supplier-info{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--text-sm);color:var(--gray-700);margin-top:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--radius-md);border-left:4px solid #10B981;font-weight:500}.info-message,.loading-message,.warning-message{padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;font-size:var(--text-base);font-weight:500}.info-message{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1px solid #93C5FD}.loading-message{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #FCD34D;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.warning-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #FCA5A5}.error-message{padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;font-size:var(--text-base);font-weight:500;background:linear-gradient(135deg,#fef2f2,#fecaca);color:#b91c1c;border:1px solid #F87171}.catalog-mode-badge{color:#7c3aed;font-weight:600}.stock-badge.catalog{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff;font-size:var(--text-xs)}.stock-badge.in-stock{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stock-badge.out-stock{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.variant-option{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin:2px 0;border-radius:var(--radius-sm);transition:background-color .15s ease}.variant-option:hover{background-color:var(--gray-100)}.inv-product{flex:1;font-weight:500;color:var(--gray-800)}.inv-stock{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:#fff;background:linear-gradient(135deg,#10b981,#059669);padding:2px 8px;border-radius:var(--radius-full);font-weight:700}.available-qty-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;font-weight:600;border:1px solid #6EE7B7}.available-qty-info.catalog-mode{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1px solid #93C5FD}@media(max-width:992px){.items-header,.item-row{grid-template-columns:1.5fr 60px 100px 70px 100px 100px 40px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.items-header{font-size:var(--text-xs)}}@media(max-width:768px){.items-header,.item-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.items-header{display:none}.item-row{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fff;margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.col-product{order:1}.col-stock,.col-qualification{order:2;display:inline-flex;gap:var(--spacing-sm)}.col-qty,.col-price{order:3;width:100%}.col-total{order:4;text-align:left;font-size:var(--text-lg)}.col-action{order:5;justify-content:flex-end}}.returns-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.returns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.returns-header h2{margin:0;color:var(--gray-800);font-size:var(--text-xl)}.btn-refresh{padding:var(--spacing-sm) var(--spacing-md);background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:var(--gray-200)}.returns-table .items-preview{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-xs)}.returns-table .item-name{color:var(--gray-500);font-size:11px;display:block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.returns-table .reference-link{color:var(--primary-red);font-weight:600;cursor:pointer}.returns-table .reference-link:hover{text-decoration:underline}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.btn-success{background:#10b981;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.btn-danger:hover{background:#dc2626}.badge-warning{background:#fef3c7;color:#92400e}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.badge-secondary{background:var(--gray-200);color:var(--gray-600)}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--gray-500);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-content .modal-header{position:relative;padding-right:40px}.receipt-upload-zone{border:2px dashed var(--gray-300);border-radius:8px;padding:20px;text-align:center;background:var(--gray-50);cursor:pointer;transition:all .2s ease}.receipt-upload-zone:hover{border-color:var(--primary-color);background:#fef2f2}.receipt-upload-zone.has-file{border-color:#16a34a;background:#f0fdf4}.receipt-preview-image{max-width:100%;max-height:150px;border-radius:4px;margin-bottom:10px}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;z-index:9999;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.toast-error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.toast-warning{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}.toast-info{background:#dbeafe;color:#1e40af;border-left:4px solid #3b82f6}.toast-icon{font-size:1.25rem;flex-shrink:0}.toast-message{flex:1;font-weight:500}.toast-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7;padding:0;line-height:1;transition:opacity .2s}.toast-close:hover{opacity:1}.providers-container{padding:2rem;max-width:100%;margin:0 auto;background:#f9fafb;min-height:100vh}.page-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;position:sticky;top:70px;z-index:90}.header-actions{display:flex;gap:1rem;align-items:center}.view-toggle{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:10px}.toggle-btn{padding:.625rem 1.25rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;color:#6b7280;transition:all .3s ease}.toggle-btn:hover{color:#2563eb}.toggle-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000001a}.btn-primary{padding:.875rem 1.75rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.filters-section{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem}.search-input{flex:1;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;cursor:pointer;min-width:200px;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.provider-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.provider-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed)}.provider-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.provider-avatar{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#1e40af}.provider-info h3{margin:0 0 .25rem;font-size:1.125rem;color:#1f2937}.provider-category{margin:0;color:#6b7280;font-size:.875rem}.card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-row .balance{color:#059669;font-size:1rem}.info-row .address{color:#1f2937;font-size:.8125rem;line-height:1.4;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.info-row .address div{margin-bottom:.125rem}.status-badge{padding:.375rem .875rem;border-radius:24px;font-size:.8125rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.card-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-view:hover{border-color:#3b82f6;background:#eff6ff}.btn-address:hover{border-color:#10b981;background:#ecfdf5}.btn-invoice:hover{border-color:#8b5cf6;background:#f5f3ff}.btn-delete:hover{border-color:#ef4444;background:#fef2f2}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.providers-table{width:100%;border-collapse:collapse}.providers-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb}.providers-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.providers-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.providers-table tbody tr:hover{background:#f9fafb}.providers-table td{padding:1rem 1.5rem;color:#1f2937;font-size:.9375rem}.provider-cell{display:flex;align-items:center;gap:1rem}.provider-avatar-small{width:45px;height:45px;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#1e40af}.provider-name{font-weight:600;color:#1f2937}.provider-id{font-size:.8125rem;color:#9ca3af}.contact-info div{font-size:.875rem;color:#6b7280}.address-info{font-size:.8125rem;color:#6b7280;line-height:1.4}.address-info div{margin-bottom:.25rem}.balance-cell{font-weight:700;color:#059669}.table-actions{display:flex;gap:.5rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:12px;padding:3rem;text-align:center}.empty-state p{margin:0 0 2rem;color:#6b7280;max-width:400px}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-content h3{margin:0 0 1rem;font-size:1.5rem;color:#1f2937}.modal-content p{margin:0 0 1rem;color:#6b7280}.modal-note{font-size:.875rem;color:#9ca3af;font-style:italic}.add-provider-container{padding:2rem;max-width:1200px;margin:0 auto;background:#f9fafb;min-height:100vh}.header-content h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:0;color:#6b7280;font-size:.9375rem;text-align:center}.provider-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.section-header h2{margin:0;font-size:1.5rem;color:#1f2937;display:flex;align-items:center;gap:.5rem}.toggle-switch{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:50px;height:26px;background:#e5e7eb;border-radius:26px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:.9375rem;font-weight:600;color:#374151}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group label{font-size:.9375rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.25rem}.required{color:#ef4444;font-weight:700}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=number],.form-group select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .3s ease;background:#fff;color:#000!important}.form-group input:disabled,.form-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.field-hint{font-size:.8125rem;color:#9ca3af;font-style:italic}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2563eb}.checkbox-label span{font-size:.9375rem;font-weight:600;color:#374151}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.btn-cancel{padding:.875rem 2rem;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#6b7280}.btn-cancel:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{padding:.875rem 2rem;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:.5rem}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.add-provider-container{padding:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.modifier-fournisseur{padding:2rem;max-width:900px;margin:0 auto}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #667eea33}.header-content{text-align:center;color:#fff}.btn-back{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease;margin-bottom:.75rem}.btn-back:hover{background:#ffffff4d;transform:translate(-4px)}.header-content h1{font-size:1.5rem;margin:.5rem 0 .25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.header-content h1 span{font-size:1.75rem}.header-content p{font-size:.875rem;opacity:.9;margin:0}.form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.provider-form{max-width:100%;margin:0 auto}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{font-size:1.25rem;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9375rem}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group input[type=number],.form-group select{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .3s ease;background:#f9fafb;color:#000!important}.form-group select option{color:#000!important;background:#fff;padding:.5rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.help-text{display:block;font-size:.8125rem;color:#6b7280;margin-top:.375rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer;position:relative}.toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{width:52px;height:28px;background:#d1d5db;border-radius:28px;position:relative;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-label input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.toggle-label input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-text{font-size:.9375rem;font-weight:600;color:#374151}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e5e7eb}.btn-cancel,.btn-submit{padding:.875rem 2rem;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:#6b7280;font-size:1rem}.custom-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-dialog-box{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;box-shadow:var(--shadow-xl);text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto var(--spacing-lg)}.dialog-icon.success{background:var(--success-light)}.dialog-icon.error{background:var(--error-light)}.dialog-icon.warning{background:var(--warning-light)}.dialog-icon.question{background:var(--info-light)}.dialog-icon.info{background:var(--gray-200)}.dialog-title{font-size:var(--text-xl);color:var(--gray-900);margin:0 0 var(--spacing-md) 0;font-weight:700}.dialog-message{font-size:var(--text-base);color:var(--gray-700);margin:0 0 var(--spacing-xl) 0;line-height:1.6}.dialog-actions{display:flex;gap:var(--spacing-md);justify-content:center}.dialog-btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-width:120px}.btn-cancel{background:var(--gray-200);color:var(--gray-700)}.btn-cancel:hover{background:var(--gray-300)}.btn-confirm{color:var(--white)}.btn-confirm.success{background:var(--success)}.btn-confirm.success:hover{background:#1b5e20}.btn-confirm.error{background:var(--error)}.btn-confirm.error:hover{background:#c62828}.btn-confirm.warning{background:var(--warning)}.btn-confirm.warning:hover{background:#f57c00}.btn-confirm.question,.btn-confirm.info{background:var(--primary-red)}.btn-confirm.question:hover,.btn-confirm.info:hover{background:var(--primary-red-darker)}.dialog-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.custom-dialog-form{max-width:600px;text-align:left;padding:var(--spacing-xl)}.custom-dialog-form .dialog-title{text-align:center;border-bottom:2px solid var(--border-color, #e0e0e0);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xl)}.dialog-content{max-height:70vh;overflow-y:auto;padding:0 var(--spacing-sm)}.dialog-content .form-group{margin-bottom:var(--spacing-lg)}.dialog-content .form-group label{display:block;font-weight:600;color:var(--text-primary, #333);margin-bottom:var(--spacing-sm);font-size:.95rem}.dialog-content .form-group input,.dialog-content .form-group select,.dialog-content .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:var(--border-radius, 4px);font-size:1rem;transition:border-color .3s ease}.dialog-content .form-group input:focus,.dialog-content .form-group select:focus,.dialog-content .form-group textarea:focus{outline:none;border-color:var(--primary-red, #8B1A1A);box-shadow:0 0 0 3px #8b1a1a1a}.dialog-content .modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color, #e0e0e0)}.dialog-content .modal-actions .btn{padding:.75rem 1.5rem;border-radius:var(--border-radius, 4px);font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem}.dialog-content .modal-actions .btn-outline{background:#fff;color:var(--text-primary, #333);border:1px solid var(--border-color, #ddd)}.dialog-content .modal-actions .btn-outline:hover{background:var(--background-light, #f5f5f5)}.dialog-content .modal-actions .btn-primary{background:var(--primary-red, #8B1A1A);color:#fff}.dialog-content .modal-actions .btn-primary:hover{opacity:.9}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.breadcrumb a{color:var(--primary-red);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.provider-meta{display:flex;align-items:center;gap:1rem;margin-top:.5rem;font-size:.9rem;color:var(--text-secondary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header h3{margin:0;color:var(--primary-red)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.info-item p{margin:0;color:var(--text-primary);font-size:1rem}.balance-display{text-align:center;padding:2rem}.balance-display h2{font-size:3rem;margin:0 0 .5rem;font-weight:700}.balance-display h2.positive{color:var(--success-color)}.balance-display h2.negative{color:var(--danger-color)}.balance-display p{color:var(--text-secondary);font-size:.9rem}.positive{color:var(--success-color);font-weight:600}.negative{color:var(--danger-color);font-weight:600}.addresses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.address-card{padding:1.5rem;background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius);position:relative}.address-card .badge{position:absolute;top:1rem;right:1rem}.address-card p{margin:.5rem 0;color:var(--text-primary)}.address-card .btn{margin-top:1rem}.address-actions{display:flex;gap:.5rem;margin-top:1rem}.address-actions .btn.danger{background:var(--danger-color);color:#fff}.address-actions .btn.danger:hover{background:#d32f2f}.performance-content{display:flex;flex-direction:column;gap:2rem}.quality-section{background:var(--background-light);padding:1.5rem;border-radius:var(--border-radius)}.quality-section h4{margin:0 0 1rem;color:var(--text-primary)}.quality-bar{height:20px;background:var(--border-color);border-radius:10px;overflow:hidden}.quality-fill{height:100%;border-radius:10px;transition:width .5s ease}.quality-value{text-align:center;margin-top:.5rem;font-weight:600;font-size:1.25rem}.monthly-stats h4{margin:0 0 1rem;color:var(--text-primary)}.balance{font-weight:600;padding:.25rem .5rem;border-radius:4px}.balance.positive{color:var(--success-color);background:#4caf501a}.balance.negative{color:var(--danger-color);background:#f443361a}@media(max-width:768px){.tabs{gap:.25rem}.tab{padding:.5rem 1rem;font-size:.85rem}.info-grid,.addresses-list{grid-template-columns:1fr}.balance-display h2{font-size:2rem}}.addresses-container{padding:2rem;max-width:1400px;margin:0 auto;background:#f9fafb;min-height:100vh}.page-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.back-btn{background:transparent;border:none;color:#6b7280;font-size:.9375rem;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;transition:color .3s ease}.back-btn:hover{color:#2563eb}.header-content h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-content h1 span{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header-content p{margin:0;color:#6b7280;font-size:.9375rem}.addresses-list{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.address-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease}.address-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.default-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.address-content{margin-bottom:1rem}.address-street{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.address-street2{font-size:.9375rem;color:#6b7280;margin:0 0 1rem}.address-location{font-size:.875rem;color:#6b7280;display:flex;flex-wrap:wrap;gap:.25rem}.address-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #f3f4f6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:3rem}.empty-state h3{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem}.empty-state p{margin:0 0 2rem;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto}.form-modal{max-width:800px}.modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;color:#1f2937}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9375rem;font-weight:600;color:#374151}.required{color:#ef4444}.form-group input,.form-group select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group select:disabled{background:#f3f4f6;cursor:not-allowed}.checkbox-group{display:flex;align-items:center;padding-top:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input{width:20px;height:20px;cursor:pointer;accent-color:#2563eb}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary{padding:.875rem 1.75rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.btn-secondary{flex:1;padding:.875rem;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:#2563eb;color:#2563eb}.btn-submit{flex:1;padding:.875rem;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.btn-danger{flex:1;padding:.875rem;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-icon{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:10px;cursor:pointer;font-size:1.125rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{transform:scale(1.1)}.btn-edit:hover{border-color:#f59e0b;background:#fffbeb}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.invoice-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--background-light);border-radius:var(--border-radius)}.detail-row.full{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-row .label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.detail-row .value{color:var(--text-primary);font-size:1rem}.detail-row .value.amount{font-size:1.5rem;font-weight:700;color:var(--primary-red)}.detail-row .notes{margin:0;padding:.5rem;background:#fff;border:1px solid var(--border-color);border-radius:4px;width:100%;color:var(--text-primary)}.table-link{color:var(--primary-red);text-decoration:none;font-weight:500}.table-link:hover{text-decoration:underline}.btn-danger{background:var(--danger-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:500;transition:opacity .3s ease}.btn-danger:hover{opacity:.9}.badge.secondary{background:var(--text-secondary);color:#fff}.procurement-details{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin:1rem 0}.procurement-details h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.items-table{width:100%;border-collapse:collapse;font-size:.9rem}.items-table thead{background:#fff;border-bottom:2px solid var(--border-color)}.items-table th,.items-table td{padding:.5rem;text-align:left}.items-table tfoot{border-top:2px solid var(--border-color);background:#fff}.items-table tfoot td{padding:.75rem .5rem;font-weight:600;color:var(--primary-red)}.procurement-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;background:var(--background-light);border-radius:var(--border-radius);margin:1rem 0}.procurement-loading .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-red);border-radius:50%;animation:spin 1s linear infinite}.procurement-loading p{margin:0;color:var(--text-secondary);font-size:.95rem}.empty-items{padding:2rem;text-align:center;color:var(--text-secondary);background:#fff;border-radius:8px}.empty-items p{margin:0;font-size:.95rem}.procurement-items-section{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin:1rem 0}.procurement-items-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.add-item-form{background:#fff;padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem}.form-row{display:flex;gap:1rem;align-items:flex-end}.form-row .form-group{flex:1;margin:0}.form-row .form-group.flex-2{flex:2}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.items-list{margin-top:1rem}.items-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border-radius:var(--border-radius);overflow:hidden}.items-table thead{background:var(--background-light);border-bottom:2px solid var(--border-color)}.items-table th,.items-table td{padding:.75rem;text-align:left}.items-table th{font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase}.items-table tbody tr{border-bottom:1px solid var(--border-color)}.items-table tbody tr:last-child{border-bottom:none}.items-table tbody tr:hover{background:var(--background-light)}.items-table tbody td{color:var(--text-primary)}.items-table tbody td small{color:var(--text-secondary);font-size:.85rem}.items-table tfoot{border-top:2px solid var(--border-color);background:var(--background-light);font-weight:600}.items-table tfoot td{padding:1rem .75rem;color:var(--primary-red);font-size:1.1rem}.items-table th:nth-child(2),.items-table td:nth-child(2){text-align:center;width:80px}.items-table th:nth-child(3),.items-table td:nth-child(3),.items-table th:nth-child(4),.items-table td:nth-child(4){text-align:right;width:120px}.items-table th:nth-child(5),.items-table td:nth-child(5){width:60px;text-align:center}.procurement-details-view{display:flex;flex-direction:column;gap:1rem}.procurement-details-view .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--background-light);border-radius:var(--border-radius)}.procurement-details-view .detail-row.full{flex-direction:column;align-items:flex-start;gap:.5rem}.procurement-details-view .label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.procurement-details-view .value{color:var(--text-primary);font-size:1rem}.procurement-details-view .notes{margin:0;padding:.5rem;background:#fff;border:1px solid var(--border-color);border-radius:4px;width:100%;color:var(--text-primary)}.items-title{margin:1.5rem 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.btn-success{background:var(--success-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:500;transition:opacity .3s ease}.btn-success:hover{opacity:.9}.btn-success:disabled{opacity:.5;cursor:not-allowed}.modal-actions .btn-success{margin-left:auto}.btn-icon.success{color:var(--success-color)}.btn-icon.success:hover{background:var(--success-color);color:#fff}.tabs-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.tab-btn{padding:.65rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.tab-btn:hover{color:var(--primary-red)}.tab-btn.active{color:var(--primary-red);border-bottom-color:var(--primary-red);font-weight:600}.summary-tab-container{display:flex;flex-direction:column;gap:1.5rem}.summary-selector{padding:1.5rem}.summary-selector h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.summary-form-row{display:flex;gap:1rem;align-items:center}.summary-form-row .filter-select{flex:1}.pos-summary-content{display:flex;flex-direction:column;gap:1.5rem}.modal-subtitle{color:var(--text-secondary);font-size:.95rem;margin:-.5rem 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.btn-secondary{background:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s ease}.btn-secondary:hover{background:var(--border-color)}.tabs{display:flex;gap:.5rem;margin:1.5rem 0;border-bottom:2px solid var(--border-color);overflow-x:auto}.tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;white-space:nowrap;transition:all .3s ease}.tab:hover{color:var(--primary-red);background:var(--background-light)}.tab.active{color:var(--primary-red);border-bottom-color:var(--primary-red)}.tab-content{animation:fadeIn .3s ease}.alert{padding:1rem 1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.alert-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.report-summary{display:flex;justify-content:space-around;padding:1.5rem;background:var(--background-light);border-radius:var(--border-radius);margin-top:1.5rem;gap:2rem}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-item .label{font-size:.9rem;color:var(--text-secondary);text-align:center}.summary-item .value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-item .value.success{color:var(--success-color)}.summary-item .value.danger{color:var(--danger-color)}.rank{font-size:1.2rem;font-weight:700}.progress-bar{position:relative;width:150px;height:24px;background:var(--background-light);border-radius:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success-color),var(--primary-red));transition:width .3s ease}.progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:600;color:var(--text-primary)}.aging-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.aging-card{padding:1.5rem;background:var(--background-light);border:2px solid var(--border-color);border-radius:var(--border-radius);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.aging-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.aging-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.aging-value{font-size:1.8rem;font-weight:700;margin:.5rem 0}.aging-value.success{color:var(--success-color)}.aging-value.warning{color:#ff9800}.aging-value.danger{color:var(--danger-color)}.aging-count{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.danger{color:var(--danger-color);font-weight:600}.success{color:var(--success-color);font-weight:600}.empty-state.success{color:var(--success-color)}.empty-state .empty-icon.success{font-size:4rem}@media(max-width:768px){.tabs{gap:.25rem}.tab{padding:.5rem 1rem;font-size:.85rem}.report-summary{flex-direction:column;gap:1rem}.summary-item .value{font-size:1.2rem}.aging-summary{grid-template-columns:1fr}.progress-bar{width:100%}}.ventes-container{padding:0;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.ventes-header{background:linear-gradient(135deg,var(--primary-red) 0%,#c92a2a 100%);padding:2rem;color:#fff;box-shadow:0 4px 20px #dc26264d}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.ventes-header h1{margin:0;font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.ventes-header h1 span{font-size:2.5rem;animation:bounce 2s infinite}.ventes-header p{margin:.5rem 0 0;opacity:.9;font-size:1.1rem}.btn-add-vente{background:#fff;color:var(--primary-red);padding:.875rem 1.75rem;border-radius:12px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.btn-add-vente:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026;background:#f8f9ff}.header-actions-row{display:flex;align-items:center;gap:.75rem}.btn-refresh{background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;width:44px;height:44px;border-radius:10px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:#ffffff59}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-label{font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.ventes-filters{background:#fff;padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;flex-wrap:wrap}.search-bar input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #dc26261a}.date-input,.select-filter{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#fff;transition:all .3s ease;min-width:150px}.date-input:focus,.select-filter:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #dc26261a}.ventes-table-section{flex:1;padding:2rem;overflow-y:auto}.table-container{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #00000014}.ventes-table{width:100%;border-collapse:collapse}.ventes-table thead{background:linear-gradient(135deg,var(--primary-red) 0%,#c92a2a 100%);color:#fff}.ventes-table th{padding:1.25rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.ventes-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.ventes-table tbody tr:hover{background:#f9fafb;transform:scale(1.005)}.ventes-table td{padding:1.25rem;font-size:.95rem}.vente-id{font-weight:600;color:var(--primary-red);font-family:Courier New,monospace}.date-cell{display:flex;flex-direction:column;gap:.25rem}.date-cell .date{font-weight:600;color:#374151}.date-cell .heure{font-size:.875rem;color:#6b7280}.client-cell{font-weight:500;color:#1f2937}.type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:8px;font-size:.875rem;font-weight:500}.articles-cell{text-align:center;font-weight:600;color:var(--primary-red)}.montant-cell{font-weight:700;color:#059669;white-space:nowrap}.paiement-badge{display:flex;align-items:center;gap:.3rem;font-size:.85rem;white-space:nowrap}.statut-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600}.vendeur-cell{color:#6b7280;font-size:.875rem}.actions-cell{display:flex;gap:.5rem}.btn-action{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;font-size:1.125rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-action.view{background:#dbeafe}.btn-action.view:hover{background:#3b82f6;transform:scale(1.1)}.btn-action.print{background:#e5e7eb}.btn-action.print:hover{background:#6b7280;transform:scale(1.1)}.empty-state-ventes{text-align:center;padding:4rem 2rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014}.empty-state-ventes h3{color:#374151;margin-bottom:.75rem;font-size:1.5rem}.empty-state-ventes p{color:#6b7280;margin-bottom:2rem}.btn-empty{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--primary-red) 0%,#c92a2a 100%);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease}.btn-empty:hover{transform:translateY(-2px);box-shadow:0 6px 25px #dc26264d}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.btn-action.cancel{background:#fff0f0;border:1px solid #fca5a5;color:#dc2626}.btn-action.cancel:hover{background:#fee2e2;border-color:#dc2626}.cancel-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.cancel-modal{background:#fff;border-radius:14px;width:100%;max-width:440px;box-shadow:0 20px 60px #0003;overflow:hidden}.cancel-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.cancel-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:#1f2937}.cancel-modal-close{border:none;background:none;font-size:1.1rem;cursor:pointer;color:#6b7280;padding:4px}.cancel-modal-close:hover{color:#111}.cancel-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.cancel-modal-body p{margin:0;font-size:.9rem;color:#374151}.cancel-modal-body label{font-size:.8rem;font-weight:600;color:#6b7280}.cancel-modal-body textarea{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:.88rem;resize:vertical;outline:none;font-family:inherit;width:100%;box-sizing:border-box}.cancel-modal-body textarea:focus{border-color:#dc2626}.cancel-modal-error{color:#dc2626;font-size:.82rem;margin:0}.cancel-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e5e7eb}.btn-secondary{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:8px 18px;cursor:pointer;font-size:.88rem;color:#374151}.btn-secondary:hover{background:#f3f4f6}.btn-danger{border:none;background:#dc2626;color:#fff;border-radius:8px;padding:8px 18px;cursor:pointer;font-size:.88rem;font-weight:600}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.details-container{padding:0;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.details-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;box-shadow:0 4px 20px #667eea4d}.details-header-tabs{display:flex;gap:6px;flex:1;justify-content:center}.details-tab-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.details-tab-btn:hover{background:#ffffff45}.details-tab-btn.active{background:#ffffffe6;color:#764ba2;font-weight:700;border-color:transparent}.btn-back{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1rem}.btn-back:hover{background:#ffffff4d;transform:translate(-5px)}.header-actions{display:flex;gap:1rem}.btn-print{background:#fff;color:#667eea;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1rem}.btn-print:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn-cancel-sale{background:#fee2e2;color:#991b1b;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1rem}.btn-cancel-sale:hover{background:#fecaca;transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.dv-cancel-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.dv-cancel-modal{background:#fff;border-radius:14px;width:min(460px,92vw);box-shadow:0 20px 60px #00000040;overflow:hidden}.dv-cancel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e7eb}.dv-cancel-header h3{margin:0;font-size:1rem;font-weight:700}.dv-cancel-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#6b7280;padding:4px}.dv-cancel-body{padding:18px 22px;display:flex;flex-direction:column;gap:10px}.dv-cancel-body p{margin:0;color:#6b7280;font-size:.9rem}.dv-cancel-label{font-size:.8rem;font-weight:600;color:#6b7280}.dv-cancel-textarea{resize:vertical;padding:10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit;min-height:72px;background:#f9fafb}.dv-cancel-textarea:focus{outline:none;border-color:#6366f1}.dv-cancel-error{color:#ef4444;font-size:.82rem;margin:0;padding:8px 12px;background:#fee2e2;border-radius:6px}.dv-cancel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid #e5e7eb}.dv-btn-secondary{padding:9px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-weight:600;font-size:.875rem}.dv-btn-danger{padding:9px 18px;border:none;border-radius:8px;background:#ef4444;color:#fff;cursor:pointer;font-weight:700;font-size:.875rem;transition:background .15s}.dv-btn-danger:hover:not(:disabled){background:#dc2626}.dv-btn-danger:disabled{opacity:.6;cursor:not-allowed}.details-content{flex:1;padding:2rem;overflow-y:auto}.details-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden;max-width:1200px;margin:0 auto}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:center}.card-header h1{margin:0;font-size:2rem;font-weight:700;font-family:Courier New,monospace}.date-info{margin:.5rem 0 0;opacity:.9;font-size:1.1rem}.header-badges{display:flex;gap:1rem;align-items:center}.statut-badge{padding:.625rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600}.statut-badge.success{background:#d1fae5;color:#065f46}.statut-badge.warning{background:#fef3c7;color:#92400e}.statut-badge.danger{background:#fee2e2;color:#991b1b}.type-badge{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff3;border-radius:10px;font-size:.95rem;font-weight:500;border:1px solid rgba(255,255,255,.3)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;border-bottom:1px solid #e5e7eb}.info-section h3{color:#374151;font-size:1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.info-content{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:8px}.info-row .label{color:#6b7280;font-weight:500}.info-row .value{color:#1f2937;font-weight:600}.articles-section{padding:2rem;border-bottom:1px solid #e5e7eb}.articles-section h3{color:#374151;font-size:1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.table-container{overflow-x:auto;border-radius:10px;border:1px solid #e5e7eb}.articles-table{width:100%;border-collapse:collapse}.articles-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.articles-table th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.articles-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.articles-table tbody tr:hover{background:#f9fafb}.articles-table td{padding:1rem}.article-name{font-weight:600;color:#374151}.article-qty{text-align:center;color:#667eea;font-weight:600}.article-price{text-align:right;color:#6b7280}.article-total{text-align:right;color:#059669;font-weight:700}.payment-section{padding:2rem;border-bottom:1px solid #e5e7eb}.payment-section h3{color:#374151;font-size:1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.payment-details{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start}.payment-method{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:10px;min-width:150px}.payment-icon{font-size:3rem}.payment-label{font-weight:600;color:#374151;text-align:center}.payment-totals{display:flex;flex-direction:column;gap:.75rem}.total-row{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;font-size:1rem}.total-row.grand-total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:700;padding:1.25rem 1.5rem;margin:.5rem 0}.remise{color:#dc2626;font-weight:600}.monnaie{color:#059669;font-weight:600}.notes-section{padding:2rem}.notes-section h3{color:#374151;font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.notes-section p{color:#6b7280;font-style:italic;background:#f9fafb;padding:1rem;border-radius:8px;border-left:4px solid #667eea}@media(max-width:768px){.info-grid,.payment-details{grid-template-columns:1fr}.card-header{flex-direction:column;gap:1rem;text-align:center}.header-badges{flex-direction:column}}.details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:#6b7280}.details-loading .loading-spinner{font-size:3rem}.details-loading p{font-size:1.1rem}.attente-container{padding:0;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#fdfbfb,#ebedee)}.attente-header{background:linear-gradient(135deg,#f093fb,#f5576c);padding:2rem;color:#fff;box-shadow:0 4px 20px #f093fb4d}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.attente-header h1{margin:0;font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.attente-header h1 span{font-size:2.5rem;animation:pulse 2s infinite}.attente-header p{margin:.5rem 0 0;opacity:.9;font-size:1.1rem}.header-stats{display:flex;gap:2rem}.stat-item{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.stat-label{font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700}.attente-filters{background:#fff;padding:1.5rem;border-bottom:1px solid #e5e7eb}.search-bar{position:relative;max-width:500px}.search-bar input:focus{outline:none;border-color:#f093fb;box-shadow:0 0 0 3px #f093fb1a}.attente-content{flex:1;padding:2rem;overflow-y:auto}.attente-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.attente-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #00000014;transition:all .3s ease;border-left:5px solid #e5e7eb}.attente-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.attente-card.urgent{border-left-color:#ef4444}.attente-card.urgent .card-header{background:linear-gradient(135deg,#fee2e2,#fecaca)}.attente-card.urgent.attente-card:hover{animation:urgentPulse 1.5s infinite}.attente-card.normal{border-left-color:#f59e0b}.attente-card.normal .card-header{background:linear-gradient(135deg,#fef3c7,#fde68a)}.attente-card.low{border-left-color:#10b981}.attente-card.low .card-header{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:10px;margin-bottom:1.25rem}.card-id{display:flex;align-items:center;gap:.5rem}.urgence-icon{font-size:1.25rem}.vente-id{font-weight:700;font-family:Courier New,monospace;color:#374151}.card-date{font-size:.875rem;color:#6b7280;font-weight:500}.card-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.client-info,.montant-info,.articles-info,.motif-info{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.motif-info{border-bottom:none;flex-direction:column;gap:.5rem}.card-body .label{font-size:.875rem;color:#6b7280;font-weight:500}.card-body .value{font-weight:600;color:#1f2937}.montant-info .value{color:#059669;font-size:1.125rem}.motif-info .value{font-style:italic;color:#6b7280;font-weight:400}.card-actions{display:flex;gap:1rem}.btn-finaliser,.btn-annuler{flex:1;padding:.875rem;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.btn-finaliser{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-finaliser:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.btn-annuler{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-annuler:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes urgentPulse{0%,to{box-shadow:0 8px 25px #0000001f}50%{box-shadow:0 8px 35px #ef444466}}.header-actions-row{display:flex;align-items:center;gap:1rem}.btn-refresh{width:48px;height:48px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-refresh:hover:not(:disabled){background:#fff3;transform:rotate(180deg)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.attente-loading{text-align:center;padding:4rem 2rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014}.attente-loading .spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top-color:#f093fb;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.attente-loading p{color:#6b7280;font-size:1.1rem}.attente-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:1rem 1.5rem;margin:0 2rem;border-radius:10px;display:flex;align-items:center;gap:.75rem;font-weight:500}.attente-error button{margin-left:auto;background:none;border:none;color:#991b1b;cursor:pointer;font-size:1.25rem;padding:.25rem;opacity:.7;transition:opacity .2s}.attente-error button:hover{opacity:1}.attente-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;margin:2rem}.attente-empty .empty-icon{font-size:4rem;margin-bottom:1rem}.attente-empty h3{color:#374151;margin-bottom:.5rem}.attente-empty p{color:#6b7280}.btn-details{flex:.8;padding:.875rem;border:2px solid #6366f1;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;background:#fff;color:#6366f1}.btn-details:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #6366f14d}.btn-finaliser:disabled,.btn-annuler:disabled,.btn-details:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.status-partial{color:#d97706;font-weight:600;background:#fef3c7;padding:.25rem .75rem;border-radius:6px;font-size:.875rem}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.header-actions-row{width:100%;justify-content:flex-end}.header-stats{width:100%;justify-content:space-between}.attente-grid{grid-template-columns:1fr}.card-actions{flex-wrap:wrap}.btn-details{flex:1 1 100%;order:-1}}.rv-container{display:flex;flex-direction:column;height:100%;background:var(--bg-main, #f4f6fb);font-family:var(--font-main, "Inter", sans-serif);overflow:hidden}.rv-header{background:var(--bg-card, #fff);border-bottom:1px solid var(--border-color, #e5e7eb);padding:16px 24px 0;flex-shrink:0}.rv-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.rv-header-top h1{margin:0;font-size:1.4rem;font-weight:700;color:var(--text-primary, #1f2937)}.rv-pos-name{margin:2px 0 0;font-size:.8rem;color:var(--text-secondary, #6b7280)}.rv-date-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rv-date-range label{font-size:.75rem;color:var(--text-secondary, #6b7280);font-weight:600}.rv-date-range input[type=date]{padding:6px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.85rem;background:var(--bg-main, #f4f6fb);color:var(--text-primary, #1f2937);cursor:pointer}.rv-date-range input[type=date]:focus{outline:none;border-color:var(--accent, #6366f1)}.rv-tabs{display:flex;gap:2px}.rv-tab{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.rv-tab:hover{color:var(--text-primary, #1f2937)}.rv-tab.active{color:var(--accent, #6366f1);border-bottom-color:var(--accent, #6366f1);font-weight:700}.rv-body{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.rv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-secondary, #6b7280)}.rv-spinner{width:36px;height:36px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--accent, #6366f1);border-radius:50%;animation:rv-spin .7s linear infinite}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--text-secondary, #6b7280);font-size:1rem}.rv-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:28px}.rv-stat-card{display:flex;align-items:center;gap:14px;background:var(--bg-card, #fff);border-radius:12px;padding:16px 18px;box-shadow:0 1px 4px #00000012;border-left:4px solid transparent}.rv-stat-card.green{border-left-color:#10b981}.rv-stat-card.blue{border-left-color:#3b82f6}.rv-stat-card.orange{border-left-color:#f97316}.rv-stat-card.teal{border-left-color:#14b8a6}.rv-stat-card.yellow{border-left-color:#eab308}.rv-stat-card.red{border-left-color:#ef4444}.rv-stat-icon{font-size:1.6rem}.rv-stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rv-stat-label{font-size:.72rem;color:var(--text-secondary, #6b7280);text-transform:uppercase;font-weight:600;letter-spacing:.4px}.rv-stat-value{font-size:1.05rem;font-weight:700;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-stat-sub{font-size:.72rem;color:var(--text-secondary, #6b7280)}.rv-section{background:var(--bg-card, #fff);border-radius:12px;padding:20px;box-shadow:0 1px 4px #00000012;margin-bottom:20px}.rv-section h2{margin:0 0 16px;font-size:1rem;font-weight:700;color:var(--text-primary, #1f2937)}.rv-top-table-wrap{overflow-x:auto}.rv-table{width:100%;border-collapse:collapse;font-size:.85rem}.rv-table th{padding:10px 12px;background:var(--bg-main, #f4f6fb);text-align:left;font-weight:600;color:var(--text-secondary, #6b7280);font-size:.75rem;text-transform:uppercase;border-bottom:1px solid var(--border-color, #e5e7eb);white-space:nowrap}.rv-table td{padding:10px 12px;border-bottom:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, #1f2937);vertical-align:middle}.rv-table tbody tr:last-child td{border-bottom:none}.rv-table tbody tr:hover{background:var(--bg-main, #f4f6fb)}.rv-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent, #6366f1);color:#fff;font-size:.75rem;font-weight:700}.rv-qty{text-align:right;font-weight:600}.rv-amount{text-align:right;font-weight:700;color:#10b981}.rv-qty.cancelled{color:#ef4444}.rv-row-status-danger td{background:#fff5f5!important}.rv-row-status-warning td{background:#fffbeb!important}.rv-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase}.rv-badge.success{background:#d1fae5;color:#065f46}.rv-badge.warning{background:#fef3c7;color:#92400e}.rv-badge.danger{background:#fee2e2;color:#991b1b}.rv-badge.default{background:#e5e7eb;color:#374151}.rv-row-actions{display:flex;gap:6px}.rv-btn-detail,.rv-btn-cancel{padding:4px 8px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .15s}.rv-btn-detail{background:#ede9fe;color:#5b21b6}.rv-btn-detail:hover{background:#c4b5fd}.rv-btn-cancel{background:#fee2e2;color:#991b1b}.rv-btn-cancel:hover{background:#fecaca}.rv-btn-refresh{padding:6px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff);cursor:pointer;font-size:.85rem;transition:background .15s}.rv-btn-refresh:hover{background:var(--bg-main, #f4f6fb)}.rv-recentes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.rv-recentes-header h2{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #1f2937)}.rv-trend-list{display:flex;flex-direction:column;gap:8px}.rv-trend-row{display:grid;grid-template-columns:90px 1fr 140px;align-items:center;gap:12px}.rv-trend-date{font-size:.78rem;color:var(--text-secondary, #6b7280);font-weight:600}.rv-trend-bar-wrap{background:var(--bg-main, #f4f6fb);border-radius:999px;height:10px;overflow:hidden}.rv-trend-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;transition:width .4s ease;min-width:4px}.rv-trend-val{font-size:.8rem;font-weight:700;color:var(--text-primary, #1f2937);text-align:right}.rv-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.rv-modal{background:var(--bg-card, #fff);border-radius:14px;width:min(460px,92vw);box-shadow:0 20px 60px #00000040;overflow:hidden}.rv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-color, #e5e7eb)}.rv-modal-header h3{margin:0;font-size:1rem;font-weight:700}.rv-modal-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--text-secondary, #6b7280);padding:4px}.rv-modal-body{padding:18px 22px;display:flex;flex-direction:column;gap:10px}.rv-modal-body p{margin:0;color:var(--text-secondary, #6b7280);font-size:.9rem}.rv-modal-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #6b7280)}.rv-modal-textarea{resize:vertical;padding:10px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.9rem;font-family:inherit;min-height:72px;background:var(--bg-main, #f4f6fb)}.rv-modal-textarea:focus{outline:none;border-color:var(--accent, #6366f1)}.rv-modal-error{color:#ef4444;font-size:.82rem;margin:0;padding:8px 12px;background:#fee2e2;border-radius:6px}.rv-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border-color, #e5e7eb)}.rv-btn-secondary{padding:9px 18px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff);cursor:pointer;font-weight:600;font-size:.875rem}.rv-btn-danger{padding:9px 18px;border:none;border-radius:8px;background:#ef4444;color:#fff;cursor:pointer;font-weight:700;font-size:.875rem;transition:background .15s}.rv-btn-danger:hover:not(:disabled){background:#dc2626}.rv-btn-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.rv-body{padding:14px 12px}.rv-header{padding:12px 14px 0}.rv-trend-row{grid-template-columns:70px 1fr 110px}.rv-stats-grid{grid-template-columns:1fr 1fr}.rv-perf-row{flex-direction:column}.rv-trend-row--enhanced{grid-template-columns:70px 1fr 70px 100px}}.rv-section-sub{font-size:.8rem;color:var(--text-secondary, #6b7280);margin:-10px 0 16px}.rv-trend-row--enhanced{grid-template-columns:90px 1fr 90px 140px}.rv-trend-count{font-size:.75rem;color:var(--text-secondary, #6b7280);text-align:right;font-weight:500}.rv-trend-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:20px}.rv-trend-summary-card{display:flex;align-items:center;gap:14px;background:var(--bg-card, #fff);border-radius:12px;padding:16px 18px;box-shadow:0 1px 4px #00000012;border-left:4px solid transparent}.rv-trend-summary-card.best{border-left-color:#10b981}.rv-trend-summary-card.worst{border-left-color:#ef4444}.rv-trend-summary-card.avg{border-left-color:#6366f1}.rv-trend-summary-card.total{border-left-color:#f97316}.rv-ts-icon{font-size:1.6rem}.rv-trend-summary-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}.rv-ts-label{font-size:.72rem;color:var(--text-secondary, #6b7280);text-transform:uppercase;font-weight:600;letter-spacing:.4px}.rv-ts-value{font-size:1rem;font-weight:700;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-ts-date{font-size:.72rem;color:var(--text-secondary, #6b7280)}.rv-payment-grid{display:flex;flex-direction:column;gap:14px}.rv-payment-item{display:flex;flex-direction:column;gap:6px}.rv-payment-header{display:flex;align-items:center;gap:8px}.rv-payment-icon{font-size:1.2rem}.rv-payment-name{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary, #1f2937)}.rv-payment-count{font-size:.8rem;font-weight:700;color:var(--text-secondary, #6b7280)}.rv-payment-bar-wrap{background:var(--bg-main, #f4f6fb);border-radius:999px;height:8px;overflow:hidden}.rv-payment-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;transition:width .4s ease;min-width:4px}.rv-payment-pct{font-size:.75rem;font-weight:700;color:#10b981;align-self:flex-end}.rv-perf-row{display:flex;gap:20px;margin-top:20px}.rv-section--half{flex:1;min-width:0}.rv-dow-grid{display:flex;justify-content:space-between;align-items:flex-end;height:160px;gap:8px;padding-top:12px}.rv-dow-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.rv-dow-label{font-size:.7rem;font-weight:600;color:var(--text-secondary, #6b7280);order:3}.rv-dow-bar-wrap{width:100%;height:100px;display:flex;align-items:flex-end;justify-content:center;order:2}.rv-dow-bar{width:70%;min-height:4px;background:linear-gradient(180deg,#6366f1,#818cf8);border-radius:4px 4px 0 0;transition:height .4s ease}.rv-dow-count{font-size:.7rem;font-weight:700;color:var(--text-primary, #1f2937);order:1}.rv-hour-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.rv-hour-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px}.rv-hour-label{font-size:.75rem;color:var(--text-secondary, #6b7280);font-weight:600}.rv-hour-bar-wrap{background:var(--bg-main, #f4f6fb);border-radius:999px;height:8px;overflow:hidden}.rv-hour-bar{height:100%;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:999px;transition:width .4s ease;min-width:4px}.rv-hour-count{font-size:.72rem;font-weight:700;color:var(--text-primary, #1f2937);text-align:right}.rv-peak-info{margin:14px 0 0;font-size:.85rem;color:var(--text-secondary, #6b7280);padding:10px 14px;background:#fffbeb;border-radius:8px;border-left:3px solid #f97316}.rv-clickable-row{cursor:pointer;transition:background-color .2s ease}.rv-clickable-row:hover{background-color:var(--bg-hover, #f0f5ff)!important}.rv-chart-container{width:100%;min-height:200px;padding:12px 0}.rv-chart-tooltip{background:#fffffff5;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:10px 14px;box-shadow:0 4px 12px #00000026}.rv-tooltip-label{margin:0 0 6px;font-size:.8rem;font-weight:600;color:var(--text-primary, #1f2937)}.rv-tooltip-value{margin:2px 0;font-size:.85rem;font-weight:500}.rv-chart-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.rv-chart-pie-container{flex:1;min-width:280px}.rv-payment-legend{display:flex;flex-direction:column;gap:10px;min-width:200px}.rv-legend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-main, #f4f6fb);border-radius:8px;transition:transform .15s ease}.rv-legend-item:hover{transform:translate(4px)}.rv-legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.rv-legend-icon{font-size:1.1rem}.rv-legend-name{flex:1;font-size:.85rem;font-weight:500;color:var(--text-primary, #1f2937)}.rv-legend-value{font-size:.8rem;font-weight:700;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.rv-chart-row{flex-direction:column}.rv-chart-pie-container{width:100%}.rv-payment-legend{width:100%;flex-direction:row;flex-wrap:wrap}.rv-legend-item{flex:1 1 calc(50% - 5px);min-width:150px}}@media(max-width:480px){.rv-chart-container{min-height:180px}.rv-legend-item{flex:1 1 100%}}.retours-container{display:flex;flex-direction:column;height:100%;background:var(--bg-main, #f4f6fb);font-family:var(--font-main, "Inter", sans-serif);overflow:hidden}.retours-header{background:var(--bg-card, #fff);border-bottom:1px solid var(--border-color, #e5e7eb);padding:16px 24px;flex-shrink:0}.retours-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.retours-header-top h1{margin:0;font-size:1.4rem;font-weight:700;color:var(--text-primary, #1f2937)}.retours-pos-name{margin:2px 0 0;font-size:.8rem;color:var(--text-secondary, #6b7280)}.retours-btn-refresh{border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #fff);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:.9rem;transition:background .15s}.retours-btn-refresh:hover{background:var(--bg-hover, #f3f4f6)}.retours-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.retours-stats{display:flex;gap:12px;flex-wrap:wrap}.retours-stat-card{display:flex;align-items:center;gap:10px;background:var(--bg-card, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:10px 16px;min-width:180px}.retours-stat-card.blue{border-left:4px solid #3b82f6}.retours-stat-card.red{border-left:4px solid #ef4444}.retours-stat-icon{font-size:1.4rem}.retours-stat-label{display:block;font-size:.72rem;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.04em}.retours-stat-value{display:block;font-size:1.05rem;font-weight:700;color:var(--text-primary, #1f2937)}.retours-filters{padding:12px 24px;background:var(--bg-card, #fff);border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.retours-search{display:flex;align-items:center;gap:8px;background:var(--bg-main, #f4f6fb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:8px 14px;max-width:420px}.retours-search input{border:none;background:transparent;outline:none;width:100%;font-size:.88rem;color:var(--text-primary, #1f2937)}.retours-body{flex:1;overflow-y:auto;padding:20px 24px}.retours-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;gap:12px;color:var(--text-secondary, #6b7280);text-align:center}.retours-empty-icon{font-size:2.8rem}.retours-empty h3{margin:0;font-size:1.05rem;color:var(--text-primary, #1f2937)}.retours-empty p{margin:0;font-size:.85rem}.retours-spinner{width:36px;height:36px;border:3px solid var(--border-color, #e5e7eb);border-top-color:#3b82f6;border-radius:50%;animation:retours-spin .7s linear infinite}@keyframes retours-spin{to{transform:rotate(360deg)}}.retours-btn-retry{margin-top:8px;padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.88rem}.retours-btn-retry:hover{background:#2563eb}.retours-table-wrap{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:hidden}.retours-table{width:100%;border-collapse:collapse;font-size:.85rem}.retours-table thead tr{background:var(--bg-main, #f4f6fb)}.retours-table th{padding:10px 14px;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color, #e5e7eb);white-space:nowrap}.retours-table td{padding:11px 14px;border-bottom:1px solid var(--border-light, #f3f4f6);color:var(--text-primary, #1f2937);vertical-align:middle}.retours-table tbody tr:last-child td{border-bottom:none}.retours-table tbody tr:hover{background:var(--bg-hover, #f9fafb)}.retours-id{font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 7px;border-radius:5px;font-size:.78rem}.retours-link-sale{border:none;background:none;color:#3b82f6;cursor:pointer;font-size:.85rem;font-weight:600;padding:0;text-decoration:underline}.retours-link-sale:hover{color:#1d4ed8}.retours-qty{font-weight:600;color:#374151}.retours-amount{font-weight:700;color:#ef4444}.retours-raison-badge{display:inline-block;padding:3px 9px;border-radius:12px;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:500}.retours-btn-detail{border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #fff);border-radius:6px;padding:5px 8px;cursor:pointer;font-size:.85rem;transition:background .15s}.retours-btn-detail:hover{background:#eff6ff;border-color:#3b82f6}.retours-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #fff);flex-shrink:0}.retours-page-btn{border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #fff);border-radius:8px;padding:7px 16px;cursor:pointer;font-size:.85rem;color:var(--text-primary, #1f2937);transition:background .15s}.retours-page-btn:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.retours-page-btn:disabled{opacity:.4;cursor:not-allowed}.retours-page-info{font-size:.85rem;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.retours-header,.retours-filters,.retours-body{padding-left:14px;padding-right:14px}.retours-table-wrap{overflow-x:auto}.retours-stats{gap:8px}.retours-stat-card{min-width:140px}}.stock-container{padding:0;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#fef2f2,#fff)}.stock-header{background:linear-gradient(135deg,var(--primary-red) 0%,#b91c1c 100%);padding:2rem;color:#fff;box-shadow:0 4px 20px #dc26264d}.header-content{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.view-toggle{display:flex;gap:.5rem;background:#ffffff26;padding:.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.toggle-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;background:transparent;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.toggle-btn:hover{background:#fff3}.toggle-btn.active{background:#ffffff4d;box-shadow:0 2px 8px #0003}.stock-header h1{margin:0;font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.stock-header h1 span{font-size:2.5rem}.stock-header p{margin:.5rem 0 0;opacity:.9;font-size:1.1rem}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.summary-card:hover{background:#ffffff40;transform:translateY(-3px)}.summary-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:#fff3}.summary-content{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.875rem;opacity:.9;color:#fff;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.75rem;font-weight:700;line-height:1}.summary-unit{font-size:.875rem;opacity:.8}.stock-filters{background:#fff;padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;flex-wrap:wrap}.search-bar{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#9ca3af}.search-bar input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:#11998e;box-shadow:0 0 0 3px #11998e1a}.filters-group{display:flex;gap:1rem;flex-wrap:wrap}.select-filter{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#fff;transition:all .3s ease;min-width:180px}.select-filter:focus{outline:none;border-color:#11998e;box-shadow:0 0 0 3px #11998e1a}.stock-content{flex:1;padding:2rem;overflow-y:auto}.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.stock-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #00000014;transition:all .3s ease;border-left:5px solid #e5e7eb}.stock-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.stock-card.danger{border-left-color:#ef4444}.stock-card.warning{border-left-color:#f59e0b}.stock-card.success{border-left-color:#10b981}.stock-card.info{border-left-color:#3b82f6}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.product-info h3{margin:0 0 .5rem;color:#1f2937;font-size:1.125rem;font-weight:700}.product-ref{font-family:Courier New,monospace;font-size:.875rem;color:#6b7280;font-weight:600;background:#f3f4f6;padding:.25rem .75rem;border-radius:6px}.niveau-badge{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap}.niveau-badge.danger{background:#fee2e2;color:#991b1b}.niveau-badge.warning{background:#fef3c7;color:#92400e}.niveau-badge.success{background:#d1fae5;color:#065f46}.niveau-badge.info{background:#dbeafe;color:#1e40af}.card-body{margin-bottom:1.25rem}.stock-level{margin-bottom:1.5rem}.stock-numbers{display:flex;align-items:baseline;justify-content:center;margin-bottom:.75rem;gap:.5rem}.stock-actuel{font-size:2.5rem;font-weight:700;color:#1f2937}.stock-separator{font-size:1.5rem;color:#9ca3af}.stock-max{font-size:1.5rem;font-weight:600;color:#6b7280}.progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;transition:all .3s ease;border-radius:10px}.stock-info-row{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280}.product-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;padding:.625rem;background:#f9fafb;border-radius:8px}.detail-row.total{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);font-weight:700;margin-top:.5rem}.detail-row .label{font-size:.875rem;color:#6b7280}.detail-row .value{font-weight:600;color:#1f2937}.detail-row.total .value{color:#11998e}.card-actions{display:flex;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #f3f4f6}.btn-action{flex:1;padding:.75rem;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-action:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #dc26264d}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.empty-state h3{color:#374151;margin-bottom:.75rem;font-size:1.5rem}.empty-state p{color:#6b7280}.table-container{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #00000014;overflow-x:auto}.stock-table{width:100%;border-collapse:collapse;font-size:.875rem}.stock-table thead{background:linear-gradient(135deg,var(--primary-red) 0%,#b91c1c 100%);color:#fff}.stock-table th{padding:1rem;text-align:left;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;white-space:nowrap}.stock-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.stock-table tbody tr:hover{background:#fef2f2;transform:scale(1.01)}.stock-table td{padding:1rem;vertical-align:middle}.ref-cell{font-family:Courier New,monospace;font-weight:700;color:var(--primary-red);background:#fef2f2;border-radius:6px}.product-cell{font-weight:600;color:#374151}.product-cell-inner{display:flex;align-items:center;gap:10px}.product-thumb{width:40px;height:40px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#9ca3af}.stock-cell{text-align:center}.stock-value{background:#f3f4f6;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:1rem;display:inline-block}.table-row.danger .stock-value{background:#fee2e2;color:#ef4444}.table-row.warning .stock-value{background:#fef3c7;color:#f59e0b}.table-row.success .stock-value{background:#d1fae5;color:#10b981}.table-row.info .stock-value{background:#dbeafe;color:#3b82f6}.status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.75rem;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.danger{background:#fee2e2;color:#ef4444;border:2px solid #fca5a5}.status-badge.warning{background:#fef3c7;color:#f59e0b;border:2px solid #fcd34d}.status-badge.success{background:#d1fae5;color:#10b981;border:2px solid #6ee7b7}.status-badge.info{background:#dbeafe;color:#3b82f6;border:2px solid #93c5fd}.qual-cell{white-space:nowrap}.qual-badge{display:inline-block;background:#e0e7ff;color:#3730a3;font-weight:600;font-size:.75rem;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.qual-count{font-weight:600;color:#6366f1;font-size:.85rem}.stock-qual-info{font-size:.75rem;color:#6366f1;font-weight:600;margin-left:.4rem}.price-cell,.total-cell{font-weight:600;color:var(--primary-red);white-space:nowrap}.total-cell{font-weight:800;font-size:1rem}.actions-cell{display:flex;gap:.5rem;justify-content:center}.btn-table-action{width:36px;height:36px;border:2px solid var(--gray-300);background:#fff;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-table-action:hover{background:var(--primary-red);border-color:var(--primary-red);transform:scale(1.1);box-shadow:0 4px 12px #dc26264d}.pos-type-chip{display:inline-block;margin-left:.75rem;padding:.2rem .75rem;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.03em;vertical-align:middle;background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:#fff}.pos-type-central{background:#ffffff59}.pos-type-regional{background:#fff3}.header-actions{display:flex;align-items:center;gap:.75rem}.btn-refresh{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.btn-refresh:hover{background:#ffffff4d;transform:rotate(30deg) scale(1.1)}.btn-create-inventory{padding:.6rem 1.25rem;border-radius:10px;border:2px solid rgba(255,255,255,.6);background:#fff3;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-create-inventory:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stock-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:#b91c1c;font-size:1.1rem;font-weight:600}.loading-spinner{width:52px;height:52px;border:5px solid #fecaca;border-top-color:#dc2626;border-radius:50%;animation:spin .9s linear infinite}.stock-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center}.stock-error .error-icon{font-size:3.5rem}.stock-error h3{font-size:1.4rem;color:#b91c1c;margin:0}.stock-error p{color:#6b7280;margin:0}.error-permission-detail code{display:inline-block;margin-top:.25rem;padding:.3rem .7rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.9rem;font-family:monospace}.error-permission-hint{font-size:.9rem!important;color:#4b5563!important;border-top:1px dashed #e5e7eb;padding-top:.75rem!important;margin-top:.25rem!important}.btn-retry{margin-top:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #dc262659}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262673}.stock-access-denied{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f5,#fff 60%,#fef2f2);padding:2rem}.access-denied-card{background:#fff;border-radius:24px;padding:3rem 2.5rem;max-width:480px;width:100%;text-align:center;box-shadow:0 0 0 1px #dc26261a,0 20px 60px #dc26261f;border-top:6px solid #dc2626}.access-denied-icon{font-size:4rem;margin-bottom:1.25rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.access-denied-card h1{font-size:1.8rem;font-weight:800;color:#b91c1c;margin:0 0 .75rem}.access-denied-subtitle{color:#374151;font-size:1rem;line-height:1.6;margin-bottom:1.75rem}.access-denied-info{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.access-info-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0}.access-info-row+.access-info-row{border-top:1px solid #fecaca;margin-top:.4rem}.access-info-label{color:#6b7280;font-size:.9rem;font-weight:500}.access-info-value{font-weight:700;color:#111827;font-size:.95rem}.access-type-badge{display:inline-block;padding:.2rem .75rem;background:#fee2e2;color:#b91c1c;border-radius:20px;font-size:.82rem;font-weight:700;text-transform:capitalize}.access-denied-types{margin-bottom:1.5rem}.access-denied-types p{font-size:.9rem;color:#6b7280;margin-bottom:.75rem;font-weight:500}.access-type-list{display:flex;gap:.75rem;justify-content:center}.access-type-allowed{padding:.5rem 1.25rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:20px;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #dc26264d}.access-denied-hint{font-size:.85rem;color:#9ca3af;margin:0;font-style:italic}.inv-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;transition:padding .25s ease}.inv-modal-overlay--fs{padding:0;align-items:stretch}.inv-modal{background:#fff;border-radius:18px;width:100%;max-width:560px;box-shadow:0 25px 60px #00000040;overflow:hidden;display:flex;flex-direction:column;transition:max-width .25s ease,border-radius .25s ease}.inv-modal--fs{max-width:100vw;width:100vw;height:100vh;border-radius:0}.inv-modal--fs .inv-modal-form{flex:1;overflow-y:auto;max-height:none}.inv-modal--fs .cart-modal-body{flex:1;overflow:hidden}.inv-modal--fs .variant-list{max-height:calc(100vh - 320px)}.inv-modal--fs .vs-grid{max-height:calc(100vh - 360px)}.inv-modal-header{background:linear-gradient(135deg,#dc2626,#b91c1c);padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;color:#fff;flex-shrink:0}.inv-modal-header h2{margin:0;font-size:1.2rem;font-weight:700}.inv-modal-header-actions{display:flex;align-items:center;gap:.5rem}.inv-modal-fs-btn{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.inv-modal-fs-btn:hover{background:#fff3}.inv-modal-close{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.inv-modal-close:hover{background:#fff3}.inv-modal-form{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.inv-form-group{display:flex;flex-direction:column;gap:.4rem}.inv-form-group label{font-size:.85rem;font-weight:600;color:#374151}.inv-form-group input,.inv-form-group select{padding:.6rem .9rem;border:1.5px solid #e5e7eb;border-radius:9px;font-size:.95rem;transition:border-color .2s;width:100%}.inv-form-group input:focus,.inv-form-group select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.inv-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inv-form-error{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;border-radius:8px;padding:.7rem 1rem;font-size:.9rem;font-weight:500}.inv-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.25rem}.inv-btn-cancel{padding:.65rem 1.5rem;border:1.5px solid #e5e7eb;border-radius:9px;background:#fff;color:#374151;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.inv-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.inv-btn-submit{padding:.65rem 1.75rem;border:none;border-radius:9px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #dc26264d}.inv-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #dc262666}.inv-btn-submit:disabled{opacity:.65;cursor:not-allowed}.edit-product-preview{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px}.edit-product-img{width:72px;height:72px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f3f4f6;border:1px solid #e5e7eb}.edit-product-img img{width:100%;height:100%;object-fit:cover}.edit-product-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#9ca3af}.edit-product-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.edit-product-name{font-size:.97rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-product-sku{font-size:.8rem;color:#6b7280;font-family:monospace}.inv-modal-success{padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.inv-success-icon{font-size:3.5rem;animation:pop .4s ease}.inv-modal-success p{font-size:1.15rem;font-weight:700;color:#065f46}@keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.bulk-add-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px}.bulk-add-label{font-size:.82rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:0}.bulk-add-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.bulk-add-row .inv-form-group{flex:1;min-width:110px}.bulk-add-btn{height:40px;padding:0 1.1rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:9px;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 10px #16a34a4d}.bulk-add-btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px #16a34a66}.bulk-cart{display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow-y:auto}.bulk-cart-title{font-size:.82rem;font-weight:700;color:#374151;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.04em}.bulk-cart-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;transition:border-color .15s}.bulk-cart-item:hover{border-color:#d1d5db}.bulk-cart-img{width:46px;height:46px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.bulk-cart-img img{width:100%;height:100%;object-fit:cover}.bulk-cart-info{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.bulk-cart-name{font-size:.88rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-cart-meta{font-size:.78rem;color:#6b7280}.bulk-cart-remove{width:28px;height:28px;border-radius:50%;border:1.5px solid #fca5a5;background:#fff;color:#ef4444;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.bulk-cart-remove:hover{background:#fee2e2}.bulk-results{padding:.85rem 1rem;background:#fffbeb;border:1.5px solid #fbbf24;border-radius:10px;display:flex;flex-direction:column;gap:.3rem}.bulk-results-ok{font-size:.9rem;color:#065f46;font-weight:700;margin:0}.bulk-results-err{font-size:.9rem;color:#b91c1c;font-weight:700;margin:0}.bulk-result-err-line{font-size:.82rem;color:#7c2d12;margin:0}.cart-modal{max-width:980px;height:88vh;display:flex;flex-direction:column}.cart-modal .vs-card{min-height:140px}.cart-modal .vs-card-img{min-height:60px;flex-shrink:0}.cart-modal .vs-card-body{flex-shrink:0;min-height:50px}.cart-modal.inv-modal--fs{max-width:100vw;width:100vw;height:100vh;border-radius:0}.cart-modal-body{display:flex;flex:1;min-height:0;overflow:hidden}.cart-selector-panel{flex:1;min-width:0;padding:1.25rem 1.5rem;overflow-y:auto;border-right:2px solid #f3f4f6;display:flex;flex-direction:column;gap:1rem}.cart-qty-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;padding-top:.25rem}.cart-qty-row .inv-form-group{flex:1;min-width:110px}.cart-qty-total-preview{display:flex;flex-direction:column;padding:.5rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:.5rem}.cart-qty-total-preview.no-multiplier{background:#f3f4f6;border-color:#d1d5db}.cart-qty-total-line{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.cart-qty-total-label{font-size:.82rem;color:#374151;font-weight:600}.cart-qty-formula-inline{font-size:.82rem;color:#6b7280}.cart-qty-total-val{font-size:.95rem;font-weight:700;color:#1d4ed8}.no-multiplier .cart-qty-total-val{color:#374151}.cart-multiplier-row{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.cart-multiplier-field{display:flex;flex-direction:column;gap:.25rem}.cart-multiplier-label{font-size:.8rem;font-weight:600;color:#374151}.cart-multiplier-hint{font-size:.74rem;color:#9ca3af;margin-left:.35rem}.cart-multiplier-input{padding:.4rem .6rem;border:1.5px solid #d1d5db;border-radius:6px;font-size:.9rem;width:100%;max-width:200px;transition:border-color .15s}.cart-multiplier-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #bfdbfe55}.cart-qty-add-row{display:flex;padding-top:.5rem}.cart-panel{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:#f9fafb;overflow:hidden}.cart-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:2px solid #e5e7eb;flex-shrink:0}.cart-panel-title{font-size:1rem;font-weight:700;color:#111827}.cart-panel-count{font-size:.82rem;color:#6b7280;background:#e5e7eb;padding:2px 10px;border-radius:20px;font-weight:600}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center}.cart-empty-icon{font-size:3rem}.cart-empty p{color:#6b7280;font-size:.92rem;margin:0}.cart-empty-sub{font-size:.8rem!important;color:#9ca3af!important}.cart-items-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.cart-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;transition:border-color .15s}.cart-item:hover{border-color:#d1d5db}.cart-item-img{width:42px;height:42px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.cart-item-img img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.cart-item-name{font-size:.82rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-qty-row{display:flex;align-items:center;gap:.35rem}.cart-item-qty-input{width:58px;padding:.2rem .4rem;border:1.5px solid #d1d5db;border-radius:6px;font-size:.82rem;text-align:center;background:#f9fafb}.cart-item-qty-input:focus{border-color:#dc2626;outline:none;background:#fff}.cart-item-x{font-size:.75rem;color:#9ca3af}.cart-item-price{font-size:.78rem;color:#6b7280;white-space:nowrap}.cart-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.cart-item-total{font-size:.78rem;font-weight:700;color:#dc2626;white-space:nowrap}.cart-summary{padding:.75rem 1.1rem;border-top:2px solid #e5e7eb;display:flex;flex-direction:column;gap:.35rem;flex-shrink:0}.cart-summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:#374151}.cart-summary-total{font-weight:700;font-size:.95rem;color:#111827;padding-top:.4rem;border-top:1px dashed #e5e7eb;margin-top:.1rem}.cart-panel-err{margin:0 .75rem;flex-shrink:0}.cart-actions{padding:.75rem 1rem;border-top:2px solid #e5e7eb;display:flex;gap:.5rem;flex-shrink:0}.cart-actions .inv-btn-cancel{flex:1}.cart-actions .inv-btn-submit{flex:2}@media(max-width:700px){.cart-modal{height:95vh}.cart-modal-body{flex-direction:column}.cart-panel{width:100%;border-top:2px solid #e5e7eb;max-height:55vh}.cart-selector-panel{border-right:none;max-height:50vh;overflow-y:auto}.cart-selector-panel .vs-grid{max-height:280px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cart-selector-panel .vs-card-img{min-height:50px}.cart-selector-panel .vs-card-body{min-height:40px}.cart-selector-panel .vs-card-prod{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.stock-main-area{display:flex;flex:1;min-height:0;height:0;overflow:hidden}.stock-main-area .stock-content{flex:1;overflow:auto;transition:flex .3s ease}.detail-panel{width:380px;min-width:340px;max-width:420px;background:#fff;border-left:2px solid var(--gray-200, #e5e7eb);display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .25s ease;box-shadow:-4px 0 20px #00000014;height:100%;max-height:calc(100vh - 160px)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.detail-panel-header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.detail-panel-header h3{margin:0;font-size:1rem;font-weight:700}.detail-header-btns{display:flex;align-items:center;gap:.5rem}.detail-close{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.detail-close:hover{background:#fff3}.detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#b91c1c;font-size:.9rem}.detail-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.detail-section{background:#fafafa;border:1px solid #f1f1f1;border-radius:10px;padding:.9rem 1rem}.detail-section h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#b91c1c;margin:0 0 .6rem}.detail-row-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid #f0f0f0;gap:.5rem}.detail-row-item:last-child{border-bottom:none}.detail-row-label{font-size:.82rem;color:#6b7280;font-weight:500;flex-shrink:0}.detail-row-value{font-size:.88rem;color:#111827;font-weight:600;text-align:right;word-break:break-word}.detail-status-banner{padding:.5rem .75rem;border-radius:8px;font-weight:700;font-size:.9rem;text-align:center;margin-bottom:.6rem}.detail-status-banner.success{background:#d1fae5;color:#065f46}.detail-status-banner.warning{background:#fef3c7;color:#92400e}.detail-status-banner.danger{background:#fee2e2;color:#991b1b}.detail-status-banner.info{background:#dbeafe;color:#1e40af}.detail-value-total{color:#b91c1c;font-size:1rem}.cross-stock-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.25rem}.cross-stock-table th{background:#f3f4f6;padding:.4rem .6rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.cross-stock-table td{padding:.4rem .6rem;border-bottom:1px solid #f0f0f0;color:#374151}.cs-qty{text-align:right;font-variant-numeric:tabular-nums}.cs-total{font-weight:700;color:#111827}.cross-loading,.cross-na{font-size:.82rem;color:#9ca3af;font-style:italic;margin:.25rem 0}.row-actions{display:flex;gap:.4rem;align-items:center}.action-btn{padding:.3rem .6rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn.view:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.action-btn.edit:hover{background:#fefce8;border-color:#f59e0b;color:#92400e}.card-footer-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(0,0,0,.06)}.card-action-btn{flex:1;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.card-action-btn.view:hover{background:#eff6ff;border-color:#3b82f6}.card-action-btn.edit:hover{background:#fefce8;border-color:#f59e0b}.loading-spinner.sm{width:28px;height:28px;border-width:3px}.minmax-cell{font-size:.82rem;color:#6b7280}.btn-create-inventory-empty{margin-top:1rem;padding:.7rem 1.5rem;border:none;border-radius:9px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #dc26264d}.btn-create-inventory-empty:hover{transform:translateY(-2px);box-shadow:0 6px 18px #dc262666}@media(max-width:900px){.stock-main-area{flex-direction:column}.detail-panel{width:100%;min-width:unset;max-width:unset;border-left:none;border-top:2px solid #e5e7eb;max-height:60vh}}.vs-container{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.vs-label{font-size:.85rem;font-weight:600;color:#374151}.vs-required{color:#ef4444}.vs-search{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.vs-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.vs-cats{display:flex;flex-wrap:wrap;gap:6px}.vs-cat-btn{padding:4px 12px;border:1px solid #d1d5db;border-radius:20px;background:#f9fafb;font-size:.78rem;cursor:pointer;color:#374151;transition:all .15s}.vs-cat-btn:hover{background:#e0e7ff;border-color:#a5b4fc;color:#4338ca}.vs-cat-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.vs-selected{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px}.vs-selected-img{width:44px;height:44px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.vs-selected-img img{width:100%;height:100%;object-fit:cover}.vs-selected-info{flex:1;display:flex;flex-direction:column;gap:2px;font-size:.82rem;color:#374151}.vs-selected-info strong{font-size:.88rem;color:#1e1b4b}.vs-selected-price{color:#059669;font-weight:600}.vs-clear{background:none;border:none;cursor:pointer;font-size:1rem;color:#9ca3af;padding:4px;border-radius:6px;transition:color .15s,background .15s}.vs-clear:hover{color:#ef4444;background:#fee2e2}.vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:340px;overflow-y:auto;padding:4px 2px}.vs-empty{grid-column:1/-1;text-align:center;color:#9ca3af;font-size:.84rem;padding:20px 0}.vs-card{position:relative;display:flex;flex-direction:column;align-items:stretch;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;padding:0;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .12s;text-align:left;min-height:130px}.vs-card:hover{border-color:#a5b4fc;box-shadow:0 2px 10px #6366f126;transform:translateY(-2px)}.vs-card.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.vs-card-img{width:100%;aspect-ratio:1 / 1;min-height:60px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.vs-card-img img{width:100%;height:100%;object-fit:cover}.vs-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:50px;font-size:2rem;color:#9ca3af;background:#f3f4f6}.vs-card-body{display:flex;flex-direction:column;gap:2px;padding:8px 8px 10px;flex-shrink:0;min-height:50px}.vs-card-prod{font-size:.78rem;font-weight:700;color:#1f2937;line-height:1.2;word-break:break-word}.vs-card-variant{font-size:.74rem;color:#6b7280;word-break:break-word}.vs-card-sku{font-size:.7rem;color:#9ca3af;font-family:monospace;word-break:break-all}.vs-card-price{font-size:.76rem;color:#059669;font-weight:600;margin-top:2px}.vs-card-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 1px 4px #6366f166}.vs-grid::-webkit-scrollbar{width:6px}.vs-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.vs-grid::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:4px}.vs-grid::-webkit-scrollbar-thumb:hover{background:#818cf8}@media(max-width:600px){.vs-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.vs-card-img{aspect-ratio:1 / 1;min-height:60px}.vs-card-body{padding:6px;min-height:45px}.vs-card-prod{font-size:.72rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vs-card-variant{font-size:.68rem}.vs-card-sku{font-size:.65rem}.vs-card-price{font-size:.7rem}}.qual-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:qualFadeIn .2s ease}@keyframes qualFadeIn{0%{opacity:0}to{opacity:1}}.qual-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:480px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:qualSlideUp .3s ease}@keyframes qualSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.qual-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fef2f2,#fff)}.qual-modal-header h3{margin:0;font-size:1.1rem;color:#1f2937;font-weight:700}.qual-modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.qual-modal-close:hover{background:#fee2e2;color:#dc2626}.qual-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.qual-variant-info{background:#f3f4f6;padding:.875rem 1rem;border-radius:10px;margin-bottom:1.25rem;font-size:.9rem;color:#374151}.qual-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.qual-loading .spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite}.qual-loading p{color:#6b7280;font-size:.9rem;margin:0}.qual-label{font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.9rem}.qual-list{display:flex;flex-direction:column;gap:.625rem}.qual-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease}.qual-name{font-weight:700;color:#1f2937;margin-bottom:.375rem;font-size:.95rem}.qual-prices{display:flex;gap:1.5rem;font-size:.85rem;color:#6b7280}.qual-form .qual-form-group{margin-bottom:1rem}.qual-form .qual-form-group label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.375rem}.qual-form .qual-form-group select,.qual-form .qual-form-group input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s}.qual-form .qual-form-group select:focus,.qual-form .qual-form-group input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.qual-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.qual-summary{margin-top:1.25rem;padding:1rem;background:#ecfdf5;border-radius:10px;border:1px solid #a7f3d0}.qual-summary h4{margin:0 0 .625rem;font-size:.85rem;color:#059669;font-weight:700}.qual-summary-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.875rem}.qual-summary-row span{color:#6b7280}.qual-summary-row strong{color:#1f2937}.qual-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.cart-qty-section{margin-top:1rem}.cart-qualification-display{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.625rem 1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px}.cart-qualification-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:20px;font-size:.8rem;font-weight:700}.cart-change-qual{background:none;border:none;color:#3b82f6;font-size:.8rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s}.cart-change-qual:hover{background:#dbeafe}.cart-item-qualification{display:inline-block;padding:.125rem .5rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.7rem;font-weight:600;margin-top:.25rem}.cart-item-final-qty{display:block;font-size:.8rem;font-weight:700;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.2rem .5rem;margin-top:.35rem}@media(max-width:600px){.qual-modal{margin:1rem;max-height:90vh}.qual-form-row{grid-template-columns:1fr}}.qual-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.qual-item:hover{border-color:#dc2626;background:#fff;box-shadow:0 2px 8px #dc26261a}.qual-item.selected{border-color:#dc2626;background:#fef2f2}.qual-item.no-price{border-style:dashed}.qual-item.no-price:hover{border-style:solid}.qual-item.inactive{opacity:.5;cursor:not-allowed;background:#f3f4f6}.qual-inactive-badge{display:inline-block;padding:.15rem .5rem;background:#fef3c7;color:#92400e;border-radius:4px;font-size:.7rem;font-weight:600;margin-top:.25rem}.qual-no-data{text-align:center;padding:2rem;color:#6b7280}.qual-no-data p{margin:0;font-size:.9rem}.qual-item-main{flex:1}.qual-name{font-weight:700;color:#1f2937;font-size:.95rem}.qual-desc{font-size:.8rem;color:#6b7280;margin-top:.125rem}.qual-prices{display:flex;flex-direction:column;gap:.25rem;text-align:right}.qual-price-item{font-size:.85rem;color:#374151}.qual-price-label{color:#9ca3af;margin-right:.25rem}.qual-no-price{background:#fef3c7;color:#92400e;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600}.qual-price-form{margin-top:1rem;padding:1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px}.qual-price-form-label{font-size:.875rem;color:#92400e;margin-bottom:.75rem}.qual-price-form .qual-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.qual-price-form .qual-form-group{margin-bottom:0}.qual-price-form .qual-form-group label{display:block;font-size:.8rem;font-weight:600;color:#78350f;margin-bottom:.375rem}.qual-price-form .qual-form-group input{width:100%;padding:.5rem .75rem;border:1px solid #fcd34d;border-radius:8px;font-size:.9rem;background:#fff}.qual-price-form .qual-form-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}@media(max-width:600px){.qual-item{flex-direction:column;align-items:flex-start}.qual-prices{text-align:left;flex-direction:row;gap:1rem}.qual-price-form .qual-form-row{grid-template-columns:1fr}}.rs-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--bg-page, #f5f6fa)}.rs-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.rs-header-left h1{font-size:1.6rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 4px}.rs-header-left p{font-size:.9rem;color:var(--text-secondary, #666);display:flex;align-items:center;gap:8px;margin:0}.rs-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pos-chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.pos-chip-central{background:#e3f2fd;color:#1565c0}.pos-chip-regional{background:#e8f5e9;color:#2e7d32}.pos-chip-internal{background:#fff3e0;color:#e65100}.pos-chip-external{background:#f3e5f5;color:#7b1fa2}.rs-wh-select{padding:8px 12px;border:1px solid var(--border-color, #dde2ef);border-radius:8px;background:#fff;font-size:.9rem;color:var(--text-primary, #1a1a2e);cursor:pointer;min-width:180px}.rs-wh-select:focus{outline:none;border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1a}.rs-wh-name{padding:8px 14px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;font-size:.9rem;font-weight:600;color:#2e7d32;display:inline-flex;align-items:center;gap:6px}.rs-btn-refresh{padding:8px 14px;background:#fff;border:1px solid var(--border-color, #dde2ef);border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-primary, #333);transition:background .15s}.rs-btn-refresh:hover{background:#f0f2f5}.rs-btn-retry{margin-left:12px;padding:6px 14px;background:#c0392b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.rs-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;background:#fff;padding:6px;border-radius:12px;border:1px solid var(--border-color, #dde2ef)}.rs-tab-btn{padding:8px 18px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);transition:all .2s;white-space:nowrap}.rs-tab-btn:hover{background:#f5f6fa;color:var(--text-primary, #333)}.rs-tab-btn.active{background:#c0392b;color:#fff}.rs-content{background:#fff;border-radius:12px;border:1px solid var(--border-color, #dde2ef);padding:24px;min-height:400px}.rs-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}.rs-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;transition:transform .15s}.rs-stat-card:hover{transform:translateY(-2px)}.rs-stat-icon{font-size:1.8rem;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:10px}.rs-stat-card.blue .rs-stat-icon{background:#eff6ff}.rs-stat-card.green .rs-stat-icon{background:#f0fdf4}.rs-stat-card.red .rs-stat-icon{background:#fef2f2}.rs-stat-card.orange .rs-stat-icon{background:#fff7ed}.rs-stat-card.purple .rs-stat-icon{background:#faf5ff}.rs-stat-card.teal .rs-stat-icon{background:#f0fdfa}.rs-stat-body{display:flex;flex-direction:column;gap:2px}.rs-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1a1a2e);line-height:1.2}.rs-stat-label{font-size:.78rem;color:var(--text-secondary, #888);font-weight:500}.rs-stat-sub{font-size:.75rem;color:var(--text-muted, #aaa)}.rs-section{margin-top:24px}.rs-section-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin:0 0 14px}.rs-filter-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.rs-filter-row label{font-size:.88rem;font-weight:500;color:var(--text-secondary, #666)}.rs-threshold-input{width:80px;padding:6px 10px;border:1px solid var(--border-color, #dde2ef);border-radius:6px;font-size:.9rem}.rs-threshold-input:focus{outline:none;border-color:#c0392b}.rs-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.rs-table{width:100%;border-collapse:collapse;font-size:.875rem}.rs-table th{background:#f9fafb;padding:10px 14px;text-align:left;font-weight:600;color:var(--text-secondary, #555);border-bottom:1px solid #e5e7eb;white-space:nowrap}.rs-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;color:var(--text-primary, #333);vertical-align:middle}.rs-table tr:last-child td{border-bottom:none}.rs-table tr:hover td{background:#fafafa}.rs-table td.num{text-align:right;font-variant-numeric:tabular-nums}.rs-table td.mono{font-family:monospace;font-size:.8rem;color:#777}.rs-table td.bold{font-weight:700}.rs-table td.muted{color:#999}.rs-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.rs-badge.rupture{background:#fef2f2;color:#dc2626}.rs-badge.critique{background:#fff7ed;color:#ea580c}.rs-badge.normal{background:#f0fdf4;color:#16a34a}.rs-pct-bar{display:flex;align-items:center;gap:8px;width:100%;min-width:100px}.rs-pct-fill{height:6px;background:#c0392b;border-radius:3px;transition:width .4s ease;flex-shrink:0;max-width:80px}.rs-pct-bar span{font-size:.78rem;color:#555;white-space:nowrap}.rs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-secondary, #666)}.rs-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#c0392b;border-radius:50%;animation:rspin .8s linear infinite}@keyframes rspin{to{transform:rotate(360deg)}}.rs-error{padding:24px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rs-empty{text-align:center;padding:48px 20px;color:var(--text-secondary, #888);font-size:.95rem}.rs-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;text-align:center}.rs-unauthorized p{font-size:1.1rem;color:var(--text-secondary, #666)}.rs-unauthorized button{padding:10px 20px;background:#c0392b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}@media(max-width:640px){.rs-page{padding:16px}.rs-header{flex-direction:column}.rs-stats-grid{grid-template-columns:1fr 1fr}.rs-tabs{gap:4px}.rs-tab-btn{padding:7px 12px;font-size:.82rem}.rs-content{padding:16px}}.profil-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.profil-header{margin-bottom:var(--spacing-xl)}.profil-banner{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-xl);box-shadow:var(--shadow-lg)}.profil-avatar-large{width:120px;height:120px;border-radius:50%;background:var(--white);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;border:4px solid rgba(255,255,255,.3)}.profil-identity h1{color:var(--white);font-size:var(--text-3xl);margin:0 0 var(--spacing-xs) 0}.profil-badges{display:flex;gap:12px;margin:var(--spacing-sm) 0;flex-wrap:wrap}.profil-badges .badge{margin:0}.profil-identity p{color:#ffffffe6;font-size:var(--text-base);margin:var(--spacing-xs) 0}.profil-email{font-size:var(--text-sm);opacity:.8}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-box{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-box .stat-icon{font-size:40px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:var(--primary-red-lighter);border-radius:var(--radius-md)}.stat-details{flex:1}.stat-label{font-size:var(--text-sm);color:var(--gray-600);margin:0 0 var(--spacing-xs) 0}.stat-value{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin:0}.profil-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.tabs{display:flex;border-bottom:2px solid var(--gray-200);background:var(--gray-50)}.tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:var(--text-base);font-weight:600;color:var(--gray-600);transition:all var(--transition-fast)}.tab:hover{background:var(--gray-100);color:var(--primary-red)}.tab.active{background:var(--white);color:var(--primary-red);border-bottom-color:var(--primary-red)}.tab-content{padding:var(--spacing-xl)}.profil-form h2{font-size:var(--text-2xl);color:var(--gray-900);margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--gray-200)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-vertical{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-sm);font-size:var(--text-sm)}.form-group input{padding:var(--spacing-md);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--primary-red)}.form-group input:disabled{background:var(--gray-100);cursor:not-allowed;color:var(--gray-500)}.form-group small{color:var(--gray-500);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.form-display{display:flex;align-items:center;gap:8px;padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.form-display .badge{margin:0}.badge-pos{background-color:#e3f2fd!important;color:#1565c0!important;border:1px solid #64B5F6!important}.form-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--gray-200)}.btn-submit{padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-darker) 100%);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.activity-section h2{font-size:var(--text-2xl);color:var(--gray-900);margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--gray-200)}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.activity-card{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;border:2px solid var(--gray-200)}.activity-card h3{font-size:var(--text-base);color:var(--gray-600);margin:0 0 var(--spacing-md) 0}.big-number{font-size:48px;font-weight:700;color:var(--primary-red);margin:var(--spacing-md) 0}.activity-label{font-size:var(--text-sm);color:var(--gray-600);margin:0}.recent-activity{margin-top:var(--spacing-xl)}.recent-activity h3{font-size:var(--text-lg);color:var(--gray-900);margin-bottom:var(--spacing-lg)}.empty-activity{text-align:center;padding:var(--spacing-xl);background:var(--gray-50);border-radius:var(--radius-md);border:2px dashed var(--gray-300)}.empty-activity p{color:var(--gray-500);margin:var(--spacing-sm) 0}.text-muted{font-size:var(--text-sm);color:var(--gray-400)}@media(max-width:768px){.profil-banner{flex-direction:column;text-align:center}.profil-avatar-large{width:100px;height:100px;font-size:36px}.profil-identity h1{font-size:var(--text-2xl)}.stats-overview{grid-template-columns:1fr}.tabs{flex-direction:column}.form-grid,.activity-stats{grid-template-columns:1fr}.tab-content{padding:var(--spacing-md)}}.parametres-page{padding:20px;max-width:1000px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{margin:0 0 8px;font-size:28px;color:#333}.page-header p{margin:0;color:#666;font-size:15px}.parametres-content{display:flex;flex-direction:column;gap:25px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.spinner{border:4px solid #f3f3f3;border-top:4px solid #1e88e5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state h2{color:#d32f2f;margin-bottom:10px}.info-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014}.info-section h2{margin:0 0 20px;font-size:20px;color:#333;display:flex;align-items:center;gap:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:6px}.info-item .label{font-size:13px;color:#666;font-weight:500}.info-item .value{font-size:16px;color:#333;font-weight:600}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#e3f2fd;color:#1976d2;border-radius:15px;font-size:14px!important;width:fit-content}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:15px;font-size:14px!important;width:fit-content}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.hours-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014}.hours-section h2{margin:0 0 8px;font-size:20px;color:#333;display:flex;align-items:center;gap:10px}.section-description{margin:0 0 20px;color:#666;font-size:14px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px}.alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.alert-error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.hours-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:#555;font-weight:600;display:flex;align-items:center;gap:6px}.form-group input[type=time]{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s;font-family:monospace}.form-group input[type=time]:focus{outline:none;border-color:#1e88e5}.form-group small{font-size:12px;color:#999}.hours-preview{padding:15px;background:#f5f9fc;border-left:4px solid #1e88e5;border-radius:6px;display:flex;align-items:center;gap:10px}.hours-preview strong{color:#333;font-size:14px}.time-range{color:#1e88e5;font-weight:600;font-size:16px;font-family:monospace}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:10px}.btn-primary,.btn-secondary{padding:12px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-primary{background:#1e88e5;color:#fff}.btn-primary:hover:not(:disabled){background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px #1e88e54d}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.info-notice{background:#e3f2fd;border-left:4px solid #1e88e5;border-radius:8px;padding:15px 20px;margin-top:20px}.info-notice p{margin:0;color:#1565c0;font-size:14px;line-height:1.6}.warning-section{background:#fff9e6;border:2px solid #ffd54f;border-radius:12px;padding:20px}.warning-section h3{margin:0 0 15px;font-size:16px;color:#f57f17;display:flex;align-items:center;gap:8px}.warning-section ul{margin:0;padding-left:20px;color:#666;font-size:14px;line-height:1.8}.warning-section code{background:#fff;padding:2px 6px;border-radius:4px;font-family:monospace;color:#d32f2f;font-size:13px}@media(max-width:768px){.parametres-page{padding:15px}.page-header h1{font-size:24px}.info-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.caisse-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.caisse-header{background:linear-gradient(135deg,var(--primary-red, #dc2626) 0%,#b91c1c 100%);padding:1.5rem 2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 4px 20px #dc26264d}.caisse-header-left h1{margin:0;font-size:1.8rem;font-weight:700}.caisse-header-left p{margin:.25rem 0 0;opacity:.9;font-size:.95rem;text-transform:capitalize}.caisse-header-right{display:flex;align-items:center;gap:.75rem}.session-badge{display:flex;flex-direction:column;align-items:flex-end;padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.9rem}.session-badge.open{background:#22c55e40;border:1.5px solid rgba(34,197,94,.6)}.session-badge.closed{background:#ffffff26;border:1.5px solid rgba(255,255,255,.4)}.session-time{font-size:.75rem;font-weight:400;opacity:.85}.btn-ouvrir-caisse{background:#22c55e33;border:2px solid rgba(34,197,94,.7);color:#fff;padding:.6rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-ouvrir-caisse:hover{background:#22c55e66}.btn-ouvrir-caisse-sm{background:var(--primary-red, #dc2626);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:.75rem;transition:opacity .2s}.btn-ouvrir-caisse-sm:hover{opacity:.85}.btn-refresh-caisse{background:#fff3;border:1.5px solid rgba(255,255,255,.4);color:#fff;width:40px;height:40px;border-radius:8px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-refresh-caisse:hover{background:#ffffff59}.btn-refresh-rapports{display:inline-flex;align-items:center;gap:8px;padding:.55rem 1.1rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 4px 12px #dc262640;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;white-space:nowrap}.btn-refresh-rapports:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #dc262659}.btn-refresh-rapports:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #dc262640}.btn-refresh-rapports:disabled{opacity:.7;cursor:not-allowed}.btn-refresh-icon{display:inline-block;font-size:1.15rem;line-height:1}.btn-refresh-icon.spinning{animation:refresh-spin .9s linear infinite}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.caisse-tabs{display:flex;gap:0;background:#fff;border-bottom:2px solid #e5e7eb;overflow-x:auto;scrollbar-width:none}.caisse-tabs::-webkit-scrollbar{display:none}.caisse-tab{padding:1rem 1.5rem;border:none;background:transparent;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-2px}.caisse-tab:hover{color:#dc2626;background:#fef2f2}.caisse-tab.active{color:#dc2626;border-bottom-color:#dc2626;font-weight:700;background:#fef2f2}.caisse-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.caisse-loading,.caisse-empty{text-align:center;padding:3rem;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:.75rem}.caisse-empty span{font-size:3rem}.caisse-empty p{font-size:1.1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.4rem;font-size:.9rem}.form-group label .required{color:#dc2626}.caisse-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.caisse-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.caisse-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#fff;cursor:pointer;box-sizing:border-box}.caisse-select:focus{outline:none;border-color:#dc2626}.caisse-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;resize:vertical;font-family:inherit;box-sizing:border-box}.caisse-textarea:focus{outline:none;border-color:#dc2626}.mt-8{margin-top:.5rem}.field-warning{color:#d97706;font-size:.82rem;margin-top:.3rem}.badge-statut{display:inline-block;padding:.3rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge-statut.completed{background:#d1fae5;color:#065f46}.badge-statut.partial{background:#fef3c7;color:#92400e}.badge-statut.cancelled{background:#fee2e2;color:#991b1b}.badge-statut.pending{background:#fef3c7;color:#92400e}.badge-statut.approved{background:#d1fae5;color:#065f46}.badge-statut.rejected{background:#fee2e2;color:#991b1b}.badge-pending{display:inline-block;padding:.3rem .75rem;border-radius:20px;background:#fef3c7;color:#92400e;font-size:.8rem;font-weight:600}.danger{color:#dc2626!important}.success{color:#16a34a!important}.table-container{overflow-x:auto;border-radius:12px;box-shadow:0 1px 10px #00000012}.caisse-table{width:100%;border-collapse:collapse;background:#fff}.caisse-table th{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:.75rem 1rem;text-align:left;font-size:.85rem;font-weight:600;white-space:nowrap}.caisse-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.9rem}.caisse-table tr:last-child td{border-bottom:none}.caisse-table tr:hover td{background:#fef2f2}.vt-id{color:#6b7280;font-size:.8rem}.vt-montant{font-weight:700;color:#16a34a}.solde-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.solde-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 2px 15px #00000012;border-left:5px solid #e5e7eb;transition:transform .2s}.solde-card:hover{transform:translateY(-2px)}.solde-card.main{border-left-color:#dc2626}.solde-card.especes{border-left-color:#16a34a}.solde-card.mobile{border-left-color:#7c3aed}.solde-card.carte{border-left-color:#2563eb}.solde-card.cheque{border-left-color:#d97706}.solde-card-icon{font-size:2rem}.solde-card-body{display:flex;flex-direction:column;gap:.2rem}.solde-label{font-size:.82rem;color:#6b7280;font-weight:500}.solde-amount{font-size:1.3rem;font-weight:800;color:#111827}.solde-sub{font-size:.78rem;color:#9ca3af}.solde-ventes-recentes{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 15px #00000012}.solde-ventes-recentes h3{margin:0 0 1rem;font-size:1rem;color:#374151}.fermeture-form,.fermeture-rapport{background:#fff;border-radius:16px;padding:2rem;max-width:600px;box-shadow:0 2px 15px #00000012}.fermeture-form h2,.fermeture-rapport h2{margin:0 0 .25rem;color:#111827}.fermeture-subtitle,.transfert-subtitle{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.fermeture-recap{background:#f9fafb;border-radius:10px;padding:1rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.recap-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.9rem;color:#374151}.recap-val{font-weight:700}.manquant-info{padding:.875rem 1rem;border-radius:10px;font-size:.95rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.manquant-info.danger{background:#fef2f2;color:#dc2626;border:1.5px solid #fca5a5}.manquant-info.success,.manquant-info.neutral{background:#f0fdf4;color:#16a34a;border:1.5px solid #86efac}.fermeture-actions{margin-top:1.5rem}.btn-fermer-caisse{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s;width:100%}.btn-fermer-caisse:hover:not(:disabled){opacity:.9}.btn-fermer-caisse:disabled{opacity:.5;cursor:not-allowed}.fermeture-rapport{display:flex;flex-direction:column;gap:1rem}.rapport-header{text-align:center;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.rapport-icon{font-size:3rem;display:block;margin-bottom:.5rem}.rapport-grid{display:flex;flex-direction:column;gap:.5rem}.rapport-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f3f4f6;font-size:.92rem}.rapport-row:last-child{border-bottom:none}.rapport-val{font-weight:700}.rapport-row.manquant .rapport-val{color:#dc2626}.rapport-row.excedent .rapport-val{color:#16a34a}.fermeture-success{background:#fff;border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 15px #00000012;max-width:500px}.success-icon{font-size:4rem;display:block;margin-bottom:1rem}.fermeture-success h2{color:#16a34a;margin:0 0 .5rem}.fermeture-success p{color:#6b7280}.alert-success{background:#d1fae5;color:#065f46;border:1.5px solid #6ee7b7;border-radius:10px;padding:.875rem 1.25rem;margin-bottom:1.5rem;font-weight:600}.transfert-info-card{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.transfert-info-card h3{margin:0;font-size:.9rem;opacity:.9}.transfert-solde{font-size:1.6rem;font-weight:800;margin:0}.transfert-form{background:#fff;border-radius:16px;padding:2rem;max-width:600px;box-shadow:0 2px 15px #00000012}.transfert-form h2{margin:0 0 .25rem;color:#111827}.transfert-recap-box{background:#f9fafb;border-radius:10px;padding:1rem;margin:1.5rem 0;border:1px solid #e5e7eb}.manquant-row{color:#dc2626}.btn-envoyer-transfert{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s;width:100%}.btn-envoyer-transfert:hover:not(:disabled){opacity:.9}.btn-envoyer-transfert:disabled{opacity:.5;cursor:not-allowed}.tab-approbations h2,.tab-historique h2{margin:0 0 1.25rem;color:#111827;font-size:1.3rem}.approbations-list{display:flex;flex-direction:column;gap:1rem}.approbation-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 15px #00000012;border-left:5px solid #f59e0b}.approbation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.approbation-caissier-block{display:flex;align-items:flex-start;gap:.75rem}.approbation-caissier-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0}.approbation-caissier-info{display:flex;flex-direction:column;gap:.15rem}.approbation-caissier{font-weight:700;color:#111827;font-size:1rem}.approbation-caissier-sub{color:#6b7280;font-size:.8rem}.approbation-date{color:#9ca3af;font-size:.78rem;font-style:italic}.approbation-details{margin-bottom:1rem;border-top:1px solid #f3f4f6;padding-top:.75rem}.approbation-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.9rem;color:#374151;border-bottom:1px dashed #f3f4f6}.approbation-row:last-child{border-bottom:none}.approbation-row.manquant{color:#dc2626;font-weight:600}.approbation-actions{display:flex;gap:.75rem}.btn-approuver{flex:1;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:.7rem 1.2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-approuver:hover{opacity:.9}.btn-rejeter{flex:1;background:#fff;color:#dc2626;border:2px solid #dc2626;padding:.7rem 1.2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.btn-rejeter:hover{background:#fef2f2}.reject-form{display:flex;flex-direction:column;gap:.75rem}.reject-actions{display:flex;gap:.75rem}.btn-confirm-reject{flex:1;background:#dc2626;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancel-reject{flex:1;background:#f3f4f6;color:#374151;border:none;padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}.compte-badge-preview{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding:.6rem .875rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.badge-type{padding:.25rem .6rem;border-radius:20px;font-size:.78rem;font-weight:700}.badge-type-banque{background:#dbeafe;color:#1d4ed8}.badge-type-interne{background:#f3e8ff;color:#6d28d9}.compte-nom{font-weight:600;color:#111827;font-size:.9rem}.compte-numero{color:#6b7280;font-size:.82rem}.compte-desc{color:#9ca3af;font-size:.78rem;font-style:italic}.gestion-comptes{margin-top:2rem;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 15px #00000012}.gestion-comptes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.gestion-comptes-header h3{margin:0;color:#111827;font-size:1rem}.btn-add-compte{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-add-compte:hover{opacity:.85}.add-compte-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;margin-bottom:1rem}.add-compte-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.comptes-list{display:flex;flex-direction:column;gap:.5rem}.compte-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.compte-info{flex:1;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-delete-compte{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.25rem;opacity:.6;transition:opacity .2s;flex-shrink:0}.btn-delete-compte:hover{opacity:1}@media(max-width:768px){.caisse-header{flex-direction:column;align-items:flex-start}.caisse-content{padding:1rem}.solde-cards{grid-template-columns:1fr 1fr}.caisse-table{font-size:.8rem}.caisse-table th,.caisse-table td{padding:.5rem}.transfert-info-card{flex-direction:column;align-items:flex-start;gap:.5rem}.transfert-solde{font-size:1.3rem}.add-compte-grid{grid-template-columns:1fr}}@media(max-width:480px){.solde-cards{grid-template-columns:1fr}}.tab-rapports{display:flex;flex-direction:column;gap:20px}.rapports-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:#f8f9fa;border-radius:10px}.rapports-period-selector{display:flex;gap:6px;background:#fff;border-radius:8px;padding:4px;border:1px solid #e2e8f0}.period-btn{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;transition:all .2s}.period-btn:hover{background:#f1f5f9;color:#0d6efd}.period-btn.active{background:#0d6efd;color:#fff}.rapports-month-selector{display:flex;gap:8px}.rapports-month-selector select,.rapports-month-selector input{padding:8px 12px;border:1px solid #d0d7de;border-radius:8px;font-size:14px}.rapports-month-selector input{width:90px}.rapports-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}.rapports-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000a}.rapports-section h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#1e293b}.rapports-section h4{margin:16px 0 8px;font-size:14px;font-weight:700;color:#334155}.rapports-subsection{margin-top:16px}.rapports-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.rapport-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.rapport-card.balance-main{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.rapport-card.balance-cash{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.rapport-card.balance-pos{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff}.rapport-card.balance-exp{background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;color:#fff}.rapport-card-icon{font-size:28px;flex-shrink:0}.rapport-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rapport-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.rapport-card-value{font-size:18px;font-weight:800;word-break:break-all}.rapport-card-value.negative{color:inherit}.rapport-card-sub{font-size:11px;opacity:.85}.rapports-period-info{margin-top:10px;font-size:12px;color:#64748b;font-style:italic}.caisse-table .vt-montant.negative{color:#b91c1c}.dep-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--bg-page, #f5f6fa)}.dep-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.dep-header-left h1{font-size:1.6rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 4px}.dep-subtitle{font-size:.9rem;color:var(--text-secondary, #666);display:flex;align-items:center;gap:8px;margin:0}.dep-pos-chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.dep-pos-central{background:#e3f2fd;color:#1565c0}.dep-pos-regional{background:#e8f5e9;color:#2e7d32}.dep-pos-internal{background:#fff3e0;color:#e65100}.dep-pos-external{background:#f3e5f5;color:#7b1fa2}.dep-header-right{display:flex;align-items:center;gap:10px}.dep-btn{padding:10px 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.dep-btn-primary{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff}.dep-btn-primary:hover{background:linear-gradient(135deg,#a93226,#c0392b)}.dep-btn-primary:disabled{opacity:.6;cursor:not-allowed}.dep-btn-secondary{background:#fff;color:var(--text-primary, #333);border:1px solid var(--border-color, #dde2ef)}.dep-btn-secondary:hover{background:#f5f6fa}.dep-btn-success{background:#27ae60;color:#fff}.dep-btn-success:hover{background:#219a52}.dep-btn-danger{background:#e74c3c;color:#fff}.dep-btn-danger:hover{background:#c0392b}.dep-btn-clear{background:transparent;border:none;color:#e74c3c;cursor:pointer;font-size:.85rem;padding:6px 10px}.dep-btn-clear:hover{text-decoration:underline}.dep-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid var(--border-color, #eee);padding-bottom:10px;flex-wrap:wrap}.dep-tab{padding:10px 18px;border:none;background:transparent;font-size:.95rem;font-weight:500;color:var(--text-secondary, #666);cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s}.dep-tab:hover{background:#c0392b14;color:#c0392b}.dep-tab.active{background:#c0392b;color:#fff}.dep-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.dep-section h3{font-size:1.1rem;font-weight:600;margin:0 0 16px;color:var(--text-primary, #1a1a2e)}.dep-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.dep-filters select,.dep-filters input[type=date]{padding:8px 12px;border:1px solid var(--border-color, #dde2ef);border-radius:8px;font-size:.9rem;background:#fff;min-width:150px}.dep-filters select:focus,.dep-filters input:focus{outline:none;border-color:#c0392b}.dep-error{background:#fef2f2;color:#c0392b;padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.dep-error button{margin-left:auto;padding:6px 12px;border:1px solid #c0392b;background:#fff;color:#c0392b;border-radius:6px;cursor:pointer}.dep-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #666)}.dep-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#c0392b;border-radius:50%;animation:dep-spin .8s linear infinite;margin-bottom:12px}@keyframes dep-spin{to{transform:rotate(360deg)}}.dep-empty{text-align:center;padding:60px 20px;color:var(--text-secondary, #888)}.dep-empty-icon{font-size:3rem;display:block;margin-bottom:12px}.dep-empty p{margin-bottom:16px}.dep-table-wrap{overflow-x:auto}.dep-table{width:100%;border-collapse:collapse;font-size:.9rem}.dep-table th{text-align:left;padding:12px 10px;background:#f9fafb;color:var(--text-secondary, #666);font-weight:600;border-bottom:2px solid var(--border-color, #eee)}.dep-table td{padding:12px 10px;border-bottom:1px solid var(--border-color, #f0f0f0);vertical-align:middle}.dep-table tbody tr:hover{background:#fafbfc}.dep-ref{font-family:monospace;font-size:.85rem;color:var(--text-secondary, #888)}.dep-desc{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-amount{font-weight:700;color:#e74c3c;white-space:nowrap}.dep-cat-badge,.dep-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.dep-actions{display:flex;gap:6px;flex-wrap:wrap}.dep-action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:transform .15s,opacity .15s;display:flex;align-items:center;justify-content:center}.dep-action-btn:hover{transform:scale(1.1)}.dep-action-btn.edit{background:#e3f2fd}.dep-action-btn.delete{background:#fce4ec}.dep-action-btn.approve{background:#e8f5e9}.dep-action-btn.reject{background:#ffebee}.dep-action-btn.pay{background:#e3f2fd}.dep-action-loading{font-size:1.2rem}.dep-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.dep-stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border-radius:12px;border-left:4px solid #95a5a6;box-shadow:0 2px 6px #0000000d}.dep-stat-card.total{border-left-color:#2c3e50}.dep-stat-card.pending{border-left-color:#f39c12}.dep-stat-card.approved{border-left-color:#27ae60}.dep-stat-card.paid{border-left-color:#3498db}.dep-stat-icon{font-size:2rem}.dep-stat-info{display:flex;flex-direction:column}.dep-stat-value{font-size:1.2rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.dep-stat-label{font-size:.85rem;color:var(--text-secondary, #666)}.dep-by-category h3{margin-bottom:12px}.dep-cat-list{display:flex;flex-direction:column;gap:10px}.dep-cat-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:8px;border-left:4px solid #95a5a6}.dep-cat-name{flex:1;font-weight:600}.dep-cat-count{font-size:.85rem;color:var(--text-secondary, #888);min-width:100px}.dep-cat-total{font-weight:700;color:#e74c3c;min-width:120px;text-align:right}.dep-pending-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.dep-pending-card{background:#fff;border:1px solid var(--border-color, #eee);border-radius:12px;padding:16px;box-shadow:0 2px 6px #0000000a}.dep-pending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dep-pending-date{font-size:.85rem;color:var(--text-secondary, #888)}.dep-pending-desc{margin:0 0 12px;color:var(--text-primary, #333);line-height:1.4}.dep-pending-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;font-size:.82rem;color:var(--text-secondary, #666)}.dep-pending-meta-item{display:inline-flex;align-items:center;gap:4px;background:#f7f7fa;padding:3px 8px;border-radius:6px}.dep-pos-cell,.dep-user-cell{font-size:.85rem;line-height:1.3}.dep-pos-name,.dep-user-name{font-weight:600;color:var(--text-primary, #222)}.dep-pos-type,.dep-user-handle{font-size:.75rem;color:var(--text-secondary, #888);margin-top:2px}.dep-approver-line{margin-top:4px;font-size:.75rem;color:var(--text-secondary, #666)}.dep-approver-line strong{color:var(--text-primary, #222)}.dep-pending-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}.dep-pending-amount{font-size:1.1rem;font-weight:700;color:#e74c3c}.dep-pending-actions{display:flex;gap:8px}.dep-pending-actions .dep-btn{padding:6px 12px;font-size:.85rem}.dep-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dep-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.dep-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.dep-modal-header h2{margin:0;font-size:1.2rem}.dep-modal-close{width:36px;height:36px;border:none;background:#f5f6fa;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.dep-modal-close:hover{background:#eee}.dep-modal form{padding:20px}.dep-form-group{margin-bottom:16px}.dep-form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary, #333);margin-bottom:6px}.dep-form-group input,.dep-form-group select,.dep-form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color, #dde2ef);border-radius:8px;font-size:.95rem;transition:border-color .2s}.dep-form-group input:focus,.dep-form-group select:focus,.dep-form-group textarea:focus{outline:none;border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1a}.dep-form-group textarea{resize:vertical;min-height:80px}.dep-form-error{background:#fef2f2;color:#c0392b;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.dep-form-success{background:#e8f5e9;color:#27ae60;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.dep-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:10px}@media(max-width:768px){.dep-page{padding:16px}.dep-header{flex-direction:column}.dep-header-right{width:100%;justify-content:flex-end}.dep-tabs{overflow-x:auto;flex-wrap:nowrap}.dep-filters{flex-direction:column;align-items:stretch}.dep-filters select,.dep-filters input{width:100%;min-width:unset}.dep-stats-grid,.dep-pending-list{grid-template-columns:1fr}}.gestion-clients{padding:1.5rem;max-width:1000px;margin:0 auto}.clients-header{background:linear-gradient(135deg,var(--primary-red) 0%,#a52a2a 50%,var(--primary-red-dark) 100%);border-radius:var(--radius-xl);padding:2rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;box-shadow:0 10px 40px #8b1a1a4d;position:relative;overflow:hidden}.clients-header:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.clients-header:after{content:"";position:absolute;bottom:-30%;left:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}.header-content{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:1}.header-icon{width:64px;height:64px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-icon svg{width:32px;height:32px;color:var(--white)}.header-text h1{font-size:1.75rem;font-weight:800;color:var(--white);margin:0 0 .35rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.clients-subtitle{color:#ffffffd9;font-size:.95rem;margin:0}.header-stats{display:flex;gap:1rem;position:relative;z-index:1}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1.25rem;background:#ffffff26;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stat-icon{font-size:1.5rem}.stat-label{font-size:.75rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.clients-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;background:var(--white);padding:.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.tab-btn{flex:1 1 auto;min-width:140px;max-width:200px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:2px solid transparent;background:transparent;color:var(--gray-600);font-size:.85rem;font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;white-space:nowrap}.tab-btn:hover{color:var(--primary-red);background:var(--primary-red-lighter);border-color:#8b1a1a1a}.tab-btn.active{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);color:var(--white);box-shadow:0 4px 15px #8b1a1a59;border-color:transparent}.tab-icon-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#8b1a1a1a;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.tab-btn.active .tab-icon-wrapper{background:#ffffff40}.tab-icon-wrapper svg{width:14px;height:14px}.tab-text{white-space:nowrap}.tab-icon{font-size:1.25rem}.clients-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden}.tab-content{padding:2rem}.form-card{position:relative}.form-card h2{font-size:1.35rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.form-card h2:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);border-radius:2px}.form-description{color:var(--gray-600);font-size:.95rem;margin:0 0 1.75rem;line-height:1.6;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--gray-50) 0%,rgba(139,26,26,.03) 100%);border-radius:var(--radius-lg);border-left:4px solid var(--primary-red)}.form-group input[type=text][placeholder*=Rechercher],.form-group input[type=text][placeholder*="Nom, entreprise"]{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:1rem 1.25rem 1rem 3rem;font-size:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:1rem center;background-size:20px;transition:all .25s ease}.form-group input[type=text][placeholder*=Rechercher]:focus,.form-group input[type=text][placeholder*="Nom, entreprise"]:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px #8b1a1a1a;outline:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:700;color:var(--gray-700);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:1rem 1.25rem;font-size:1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--gray-50);color:var(--gray-900);transition:all var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--primary-red);background:var(--white);box-shadow:0 0 0 4px #8b1a1a1a}.form-group input:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-group input::placeholder{color:var(--gray-400)}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.75rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.quick-amount-btn{padding:.75rem 1rem;font-size:.9rem;font-weight:700;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast)}.quick-amount-btn:hover{border-color:var(--primary-red);color:var(--primary-red);background:var(--primary-red-lighter);transform:translateY(-2px);box-shadow:0 4px 12px #8b1a1a26}.quick-amount-btn.selected{border-color:var(--primary-red);background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);color:var(--white);box-shadow:0 4px 12px #8b1a1a4d}.quick-amount-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #fecaca;border-radius:var(--radius-lg);color:var(--error);font-size:.95rem;font-weight:500;margin-bottom:1.25rem}.error-icon{font-size:1.25rem}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.125rem 1.75rem;font-size:1.05rem;font-weight:700;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);color:var(--white);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b1a1a66}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{width:20px;height:20px;flex-shrink:0}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite}.result-card{margin-top:2rem;padding:1.5rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#fef7f7 0%,var(--primary-red-lighter) 100%);border:2px solid rgba(139,26,26,.15);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red),var(--primary-red-dark),var(--primary-red))}.result-card.success{border-left:5px solid var(--primary-red)}.result-card h3{font-size:1.2rem;font-weight:800;color:var(--primary-red);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.result-details{display:flex;flex-direction:column;gap:.5rem;background:var(--white);border-radius:var(--radius-lg);padding:1rem;border:1px solid rgba(139,26,26,.1)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.detail-row:hover{background:var(--gray-50)}.detail-row:not(:last-child){border-bottom:1px solid var(--gray-100)}.detail-label{font-size:.875rem;color:var(--gray-600);font-weight:600}.detail-value{font-size:.95rem;font-weight:600;color:var(--gray-900)}.detail-value.highlight{font-size:1.1rem;font-weight:800;color:var(--primary-red)}.detail-value.positive{color:var(--success)}.detail-value.mono{font-family:Monaco,Consolas,monospace;font-size:.875rem;background:linear-gradient(135deg,#8b1a1a14,#8b1a1a1f);padding:.35rem .75rem;border-radius:var(--radius-md);color:var(--primary-red);border:1px solid rgba(139,26,26,.1)}@media(max-width:768px){.gestion-clients{padding:1rem}.clients-header{flex-direction:column;text-align:center;padding:1.5rem}.header-content{flex-direction:column;text-align:center}.header-stats{width:100%;justify-content:center}.quick-amounts{grid-template-columns:repeat(2,1fr)}.detail-row{flex-direction:column;align-items:flex-start;gap:.35rem}}.input-with-btn{display:flex;gap:.75rem}.input-with-btn input{flex:1}.search-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #8b1a1a40}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b1a1a59}.search-btn:disabled{opacity:.6;cursor:not-allowed}.search-btn svg{width:22px;height:22px}.order-preview{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;margin-top:1.5rem;box-shadow:var(--shadow-md)}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);border-bottom:2px solid var(--gray-200)}.preview-header h3{margin:0;font-size:1.15rem;font-weight:800;color:var(--gray-800)}.status-badge{padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-created{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.status-badge.status-confirmed,.status-badge.status-placed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.status-badge.status-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.preview-info{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.preview-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0}.preview-row:not(:last-child){border-bottom:1px dashed var(--gray-200)}.preview-label{font-size:.875rem;color:var(--gray-600);font-weight:500}.preview-value{font-weight:700;color:var(--gray-900)}.preview-value.mono{font-family:Monaco,Consolas,monospace;font-size:.9rem;background:linear-gradient(135deg,#8b1a1a14,#8b1a1a1f);padding:.35rem .75rem;border-radius:var(--radius-md);color:var(--primary-red);border:1px solid rgba(139,26,26,.1)}.preview-value.mono .preview-items{padding:1.25rem 1.5rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.preview-value.mono .preview-items h4{margin:0 0 1rem;font-size:.8rem;font-weight:800;color:var(--gray-700);text-transform:uppercase;letter-spacing:.75px;display:flex;align-items:center;gap:.5rem}.preview-value.mono .preview-items h4:before{content:"";width:3px;height:14px;background:var(--primary-red);border-radius:2px}.preview-value.mono .items-list{display:flex;flex-direction:column;gap:.65rem}.preview-value.mono .item-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-fast)}.preview-value.mono .item-row:hover{border-color:var(--primary-red);box-shadow:0 2px 8px #8b1a1a1a}.preview-value.mono .item-info{display:flex;align-items:center;gap:.875rem}.preview-value.mono .item-name{font-weight:600;color:var(--gray-800)}.preview-value.mono .item-qty{font-size:.8rem;font-weight:700;color:var(--white);background:var(--primary-red);padding:.25rem .6rem;border-radius:var(--radius-full)}.preview-value.mono .item-price{font-weight:800;color:var(--primary-red);font-size:.95rem}.preview-value.mono .preview-totals{padding:1.25rem 1.5rem;background:var(--white)}.preview-value.mono .total-row{display:flex;justify-content:space-between;padding:.65rem 0;font-size:.95rem;font-weight:500}.preview-value.mono .total-row:not(:last-child){border-bottom:1px dashed var(--gray-200)}.preview-value.mono .total-row.grand-total{margin-top:.75rem;padding-top:1.25rem;border-top:3px solid var(--primary-red);font-size:1.2rem;font-weight:800;color:var(--primary-red)}.preview-value.mono .preview-actions{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);border-top:1px solid var(--gray-200)}.preview-value.mono .cancel-btn{flex:1;padding:1rem 1.5rem;background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-weight:700;font-size:.95rem;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.preview-value.mono .cancel-btn:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400);transform:translateY(-1px)}.preview-value.mono .cancel-btn--danger{background:#fff5f5;color:#c62828;border-color:#fca5a5}.preview-value.mono .cancel-btn--danger:hover:not(:disabled){background:#fee2e2;border-color:#f87171;color:#991b1b;transform:translateY(-1px);box-shadow:0 2px 8px #dc262626}.preview-value.mono .confirm-order-btn{flex:2}.preview-value.mono .new-order-btn{width:100%;margin-top:1.25rem;padding:1rem 1.75rem;background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-weight:700;font-size:.95rem;cursor:pointer;transition:all var(--transition-fast)}.preview-value.mono .new-order-btn:hover{background:var(--gray-100);border-color:var(--gray-400);transform:translateY(-1px)}.preview-value.mono .clients-orders-grid{display:flex!important;flex-direction:column!important;gap:10px!important;max-height:500px;overflow-y:auto;padding:8px;margin-top:8px}.preview-value.mono .clients-orders-grid::-webkit-scrollbar{width:5px}.preview-value.mono .clients-orders-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.preview-value.mono .clients-orders-grid::-webkit-scrollbar-thumb{background:#8b1a1a;border-radius:3px}.preview-value.mono .client-order-card{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:12px!important;padding:14px 16px!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-left:4px solid #8B1A1A!important;border-radius:12px!important;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #0000000f;width:100%;box-sizing:border-box}.preview-value.mono .client-order-card:hover{background-color:#fef7f7!important;border-color:#8b1a1a!important;border-left-color:#8b1a1a!important;transform:translate(4px);box-shadow:0 4px 15px #8b1a1a1f}.preview-value.mono .client-order-icon{width:44px!important;height:44px!important;min-width:44px!important;background:linear-gradient(145deg,#8b1a1a,#a02020)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-shadow:0 3px 8px #8b1a1a40}.preview-value.mono .client-order-icon span{font-size:1.2rem;line-height:1}.preview-value.mono .client-order-content{flex:1 1 0%!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;overflow:hidden}.preview-value.mono .client-order-name{margin:0!important;padding:0!important;font-size:.9rem!important;font-weight:700!important;color:#1f2937!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-value.mono .client-order-phone{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:.78rem!important;color:#6b7280!important;font-family:Monaco,Consolas,monospace;font-weight:500;margin:0;padding:0}.preview-value.mono .client-order-phone svg{width:13px;height:13px;color:#8b1a1a;flex-shrink:0}.preview-value.mono .client-order-action{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;padding:8px 14px!important;background-color:#f3f4f6!important;border-radius:8px!important;color:#6b7280!important;font-size:.75rem!important;font-weight:600!important;transition:all .2s ease;border:1px solid #e5e7eb!important;flex-shrink:0!important;white-space:nowrap}.preview-value.mono .client-order-action svg{width:12px;height:12px;transition:transform .2s ease;flex-shrink:0}.preview-value.mono .client-order-card:hover .client-order-action{background-color:#8b1a1a!important;color:#fff!important;border-color:#8b1a1a!important}.preview-value.mono .client-order-card:hover .client-order-action svg{transform:translate(2px);color:#fff}.preview-value.mono .clients-mini-list{display:flex!important;flex-direction:column!important;gap:10px!important;max-height:500px;overflow-y:auto;padding:8px;margin-top:8px}.preview-value.mono .clients-mini-list::-webkit-scrollbar{width:5px}.preview-value.mono .clients-mini-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.preview-value.mono .clients-mini-list::-webkit-scrollbar-thumb{background:#8b1a1a;border-radius:3px}.preview-value.mono .client-mini-card{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:12px!important;padding:14px 16px!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-left:4px solid #8B1A1A!important;border-radius:12px!important;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #0000000f;width:100%;box-sizing:border-box}.preview-value.mono .client-mini-card:hover{background-color:#fef7f7!important;border-color:#8b1a1a!important;border-left-color:#8b1a1a!important;transform:translate(4px);box-shadow:0 4px 15px #8b1a1a1f}.preview-value.mono .client-mini-avatar{width:44px!important;height:44px!important;min-width:44px!important;background:linear-gradient(145deg,#8b1a1a,#a02020)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem;flex-shrink:0!important;box-shadow:0 3px 8px #8b1a1a40;color:#fff}.preview-value.mono .client-mini-info{display:flex!important;flex-direction:column!important;gap:2px!important;flex:1 1 0%!important;min-width:0!important;overflow:hidden}.preview-value.mono .client-mini-name{font-weight:700!important;font-size:.9rem!important;color:#1f2937!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin:0;padding:0}.preview-value.mono .client-mini-phone{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:.78rem!important;color:#6b7280!important;font-family:Monaco,Consolas,monospace;font-weight:500;margin:0;padding:0}.preview-value.mono .client-mini-phone:before{content:"📞";font-size:.7rem}.preview-value.mono .client-mini-balance{text-align:right;display:flex!important;flex-direction:column!important;align-items:flex-end!important;min-width:100px!important;padding-left:12px;border-left:1px solid #e5e7eb;flex-shrink:0!important}.preview-value.mono .client-mini-balance:before{content:"Solde";font-size:.6rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.preview-value.mono .client-mini-balance span{font-size:.88rem;font-weight:800;color:#8b1a1a;white-space:nowrap}.preview-value.mono .client-mini-balance span.negative{color:#dc2626}.preview-value.mono .client-mini-arrow{width:30px!important;height:30px!important;min-width:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#f3f4f6!important;border-radius:10px!important;font-size:.85rem;color:#9ca3af;transition:all .25s ease;flex-shrink:0!important;border:1px solid #e5e7eb}.preview-value.mono .client-mini-card:hover .client-mini-arrow{background:#8b1a1a;color:#fff;transform:translate(2px);border-color:#8b1a1a}.preview-value.mono .client-detail-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding:1.25rem;background:linear-gradient(135deg,#fef7f7,#8b1a1a0d);border-radius:16px;border:2px solid rgba(139,26,26,.15)}.preview-value.mono .btn-back-mini{padding:.65rem 1.25rem;background:#fff;color:#374151;border:2px solid #d1d5db;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000000f}.preview-value.mono .btn-back-mini:hover{background:#8b1a1a;color:#fff;border-color:#8b1a1a;transform:translate(-3px)}.preview-value.mono .client-detail-info{flex:1}.preview-value.mono .client-detail-info h2{margin:0;font-size:1.35rem;color:#1f2937;font-weight:800}.preview-value.mono .client-detail-meta{margin:.35rem 0 0;font-size:.95rem;color:#6b7280;display:flex;gap:1rem;flex-wrap:wrap}.preview-value.mono .orders-mini-list{display:flex;flex-direction:column;gap:1rem;max-height:480px;overflow-y:auto;padding-right:.5rem}.preview-value.mono .orders-mini-list::-webkit-scrollbar{width:6px}.preview-value.mono .orders-mini-list::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:3px}.preview-value.mono .order-mini-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border:2px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.preview-value.mono .order-mini-card:hover{border-color:var(--primary-red);box-shadow:0 8px 25px #8b1a1a1f;transform:translateY(-2px)}.preview-value.mono .order-mini-header{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--gray-200)}.preview-value.mono .order-mini-header:hover{background:linear-gradient(135deg,var(--primary-red-lighter) 0%,rgba(139,26,26,.1) 100%)}.preview-value.mono .order-mini-left{display:flex;align-items:center;gap:.85rem}.preview-value.mono .order-mini-code{font-weight:800;font-size:1rem;color:var(--gray-800);font-family:Monaco,Consolas,monospace;background:var(--white);padding:.35rem .75rem;border-radius:var(--radius-md);border:1px solid var(--gray-200)}.preview-value.mono .order-mini-status{padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.preview-value.mono .order-mini-status.status-pending,.preview-value.mono .order-mini-status.status-created{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 6px #fbbf2440}.preview-value.mono .order-mini-status.status-confirmed,.preview-value.mono .order-mini-status.status-delivered,.preview-value.mono .order-mini-status.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 6px #10b98140}.preview-value.mono .order-mini-status.status-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 6px #ef444440}.preview-value.mono .order-mini-status.status-processing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 2px 6px #3b82f640}.preview-value.mono .order-mini-right{display:flex;align-items:center;gap:1rem}.preview-value.mono .order-mini-total{font-weight:800;font-size:1.1rem;color:var(--primary-red)}.preview-value.mono .order-expand-icon{font-size:.8rem;color:var(--gray-400);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:all .2s ease}.preview-value.mono .order-mini-card:hover .order-expand-icon{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}.preview-value.mono .order-expand-icon.expanded{transform:rotate(180deg)}.preview-value.mono .order-mini-date{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.35rem;font-size:.85rem;color:var(--gray-500);background:var(--white)}.preview-value.mono .order-mini-date:before{content:"📅";font-size:.8rem}.order-mini-items{padding:1.15rem 1.35rem;background:linear-gradient(180deg,var(--gray-50) 0%,var(--white) 100%)}.order-item-mini{display:flex;justify-content:space-between;align-items:center;padding:.65rem .5rem;gap:.75rem;background:var(--white);border-radius:var(--radius-md);margin-bottom:.5rem;border:1px solid var(--gray-100)}.order-item-mini:last-child{margin-bottom:0}.item-name-mini{flex:1;font-size:.9rem;color:var(--gray-700);font-weight:500}.item-qty-mini{font-size:.75rem;font-weight:700;color:var(--white);background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);padding:.25rem .65rem;border-radius:var(--radius-full);box-shadow:0 2px 6px #8b1a1a40}.item-price-mini{font-size:.9rem;font-weight:700;color:var(--gray-800);min-width:90px;text-align:right}.returns-mini-list{display:flex;flex-direction:column;gap:1rem;max-height:480px;overflow-y:auto;padding-right:.5rem}.returns-mini-list::-webkit-scrollbar{width:6px}.returns-mini-list::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:3px}.return-mini-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.25rem 1.35rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.return-mini-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);opacity:0;transition:opacity .25s ease}.return-mini-card:hover{border-color:var(--primary-red);box-shadow:0 8px 25px #8b1a1a1f;transform:translateY(-2px)}.return-mini-card:hover:before{opacity:1}.return-mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px dashed var(--gray-200)}.return-mini-left{display:flex;align-items:center;gap:.75rem}.return-mini-id{font-weight:800;color:var(--gray-800);font-size:1rem}.return-mini-status{padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.return-mini-status.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 6px #fbbf244d}.return-mini-status.status-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 6px #10b9814d}.return-mini-status.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 6px #ef44444d}.return-mini-total{font-weight:800;font-size:1.1rem;color:var(--primary-red)}.return-mini-date{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--gray-500);margin-bottom:.75rem}.return-mini-date:before{content:"📅";font-size:.8rem}.return-mini-reason{font-size:.9rem;color:var(--gray-700);background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:.85rem 1rem;border-radius:var(--radius-lg);margin-bottom:.75rem;border-left:3px solid var(--primary-red)}.return-mini-reason strong{color:var(--primary-red);font-weight:700}.return-mini-items{background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:1rem;border-radius:var(--radius-lg);margin-top:.75rem;border:1px solid var(--gray-200)}.return-item-mini{display:flex;justify-content:space-between;align-items:center;padding:.6rem .5rem;gap:.75rem;background:var(--white);border-radius:var(--radius-md);margin-bottom:.5rem;border:1px solid var(--gray-100)}.return-item-mini:last-child{margin-bottom:0}.loading-inline{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;color:var(--primary-red);font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--primary-red-lighter) 0%,rgba(139,26,26,.05) 100%);border-radius:var(--radius-xl);border:2px dashed rgba(139,26,26,.2)}.loading-inline .spinner{width:24px;height:24px;border:3px solid rgba(139,26,26,.2);border-top-color:var(--primary-red);border-radius:50%;animation:spin .8s linear infinite}.empty-state-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem;color:var(--gray-500);text-align:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);border-radius:var(--radius-xl);border:2px dashed var(--gray-300)}.empty-state-mini span{font-size:3rem;margin-bottom:1rem;filter:grayscale(30%)}.empty-state-mini p{margin:0;font-size:1rem;font-weight:600;color:var(--gray-600)}@media(max-width:1100px){.tab-btn{min-width:120px;max-width:none;flex:1 1 calc(33.33% - .5rem);font-size:.8rem;padding:.65rem .5rem}.tab-icon-wrapper{width:22px;height:22px}.tab-icon-wrapper svg{width:12px;height:12px}}@media(max-width:768px){.tab-btn{flex:1 1 calc(50% - .25rem);min-width:100px;font-size:.75rem;padding:.6rem .4rem;gap:.35rem}.tab-icon-wrapper{width:20px;height:20px}.clients-orders-grid{grid-template-columns:1fr;gap:.85rem}.client-order-card{padding:1rem}.client-order-icon{width:48px;height:48px}.client-order-name{font-size:.95rem}.clients-mini-list{grid-template-columns:1fr;gap:.75rem}.client-mini-card{padding:1rem}.client-mini-avatar{width:44px;height:44px;font-size:1.25rem}.client-detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-back-mini{width:100%;justify-content:center}}@media(max-width:480px){.clients-tabs{gap:.35rem;padding:.35rem}.tab-btn{flex:1 1 100%;justify-content:flex-start;padding:.5rem .75rem}.client-mini-card{flex-wrap:wrap;gap:.75rem}.client-mini-info{flex:1 1 calc(100% - 60px)}.client-mini-balance{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px dashed var(--gray-200)}.client-mini-balance:before{content:"Solde:";font-size:.8rem;color:var(--gray-500);font-weight:600}.client-mini-arrow{display:none}.order-mini-header{flex-direction:column;align-items:flex-start;gap:.75rem}.order-mini-right{width:100%;justify-content:space-between}.return-mini-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.catalogue-container{padding:var(--spacing-lg)}.catalogue-header{margin-bottom:var(--spacing-xl)}.catalogue-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.catalogue-header h1{font-size:var(--text-2xl);color:var(--gray-900);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.catalogue-header p{color:var(--gray-600);margin:var(--spacing-xs) 0 0;font-size:var(--text-sm)}.header-actions{display:flex;gap:var(--spacing-md);align-items:center}.catalogue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--spacing-md)}.stat-card .stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--gray-100)}.stat-card .stat-info .stat-label{display:block;font-size:var(--text-sm);color:var(--gray-600)}.stat-card .stat-info .stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--gray-900)}.catalogue-toolbar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:250px;position:relative}.search-box input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast)}.search-box input:focus{outline:none;border-color:var(--primary-red)}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.filter-select{padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);min-width:180px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-red)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary-red);color:var(--white)}.btn-primary:hover{background:var(--primary-red-dark)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-xs)}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--gray-300);background:var(--white);cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.btn-icon:hover{background:var(--gray-100)}.catalogue-table-wrapper{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow-x:auto}.catalogue-table{width:100%;border-collapse:collapse}.catalogue-table th{background:var(--gray-50);padding:var(--spacing-md);text-align:left;font-size:var(--text-sm);font-weight:700;color:var(--gray-700);border-bottom:2px solid var(--gray-200);white-space:nowrap}.catalogue-table td{padding:var(--spacing-md);border-bottom:1px solid var(--gray-100);font-size:var(--text-sm);color:var(--gray-800);vertical-align:middle}.catalogue-table tr:hover{background:var(--gray-50)}.catalogue-table tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:var(--spacing-xs)}.table-image{width:50px;height:50px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--gray-200)}.table-image-placeholder{width:50px;height:50px;border-radius:var(--radius-md);background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--gray-400);border:1px dashed var(--gray-300)}.status-active{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--success-light);color:var(--success)}.status-inactive{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--error-light);color:var(--error)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:9999px;font-size:.8rem;font-weight:600}.badge-info{background:var(--info-light);color:var(--info)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary-red);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-3xl);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.empty-state p{color:var(--gray-600);margin:0}.error-alert{background:var(--error-light);color:var(--error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.error-alert button{margin-left:auto;background:transparent;border:none;color:var(--error);cursor:pointer;font-size:1.2rem}.catalogue-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--gray-200);padding-bottom:var(--spacing-sm)}.catalogue-tab{padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--gray-600);font-size:var(--text-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.catalogue-tab:hover{color:var(--primary-red);background:var(--gray-50)}.catalogue-tab.active{color:var(--primary-red);background:var(--white);border-bottom:2px solid var(--primary-red);margin-bottom:-2px}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-lg)}.product-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden;transition:all var(--transition-fast)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-image{width:100%;height:160px;object-fit:cover;background:var(--gray-100)}.product-card-placeholder{width:100%;height:160px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--gray-400)}.product-card-body{padding:var(--spacing-md)}.product-card-title{font-size:var(--text-base);font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-category{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--spacing-sm)}.product-card-price{font-size:var(--text-lg);font-weight:700;color:var(--primary-red)}.product-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--gray-100);font-size:var(--text-xs);color:var(--gray-500)}.view-toggle{display:flex;border:1px solid var(--gray-300);border-radius:var(--radius-md);overflow:hidden}.view-toggle button{padding:var(--spacing-sm) var(--spacing-md);border:none;background:var(--white);cursor:pointer;transition:all var(--transition-fast)}.view-toggle button:not(:last-child){border-right:1px solid var(--gray-300)}.view-toggle button.active{background:var(--primary-red);color:var(--white)}.view-toggle button:hover:not(.active){background:var(--gray-100)}@media(max-width:768px){.catalogue-container{padding:var(--spacing-md)}.catalogue-header .header-content{flex-direction:column;align-items:stretch}.catalogue-stats{grid-template-columns:1fr 1fr}.catalogue-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-select{width:100%}.catalogue-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}