:root{--color-bg: #ffffff;--color-bg-secondary: #f0f9ff;--color-bg-tertiary: #e0f2fe;--color-bg-accent: #e0f2fe;--color-bg-hover: #d0e8f5;--color-bg-warning: #fef3c7;--color-bg-warning-subtle: #fffbeb;--color-text: #0c4a6e;--color-text-muted: #64748b;--color-border: #bae6fd;--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-dark: #0369a1;--color-primary-light: #7dd3fc;--color-secondary: #06b6d4;--color-secondary-hover: #0891b2;--color-success: #14b8a6;--color-success-hover: #0d9488;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-warning: #f59e0b;--color-table-header: #e0f2fe;--color-table-hover: #f0f9ff;--color-editable: #e0f2fe;color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}.space-y-1{display:flex;flex-direction:column;gap:.25rem}.space-y-2{display:flex;flex-direction:column;gap:.5rem}.space-y-3{display:flex;flex-direction:column;gap:.75rem}.space-y-4{display:flex;flex-direction:column;gap:1rem}.card-item{display:block;width:100%;box-sizing:border-box}[data-theme=dark]{--color-bg: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #1f2937;--color-bg-accent: #1e3a5f;--color-bg-hover: #2d3748;--color-bg-warning: #78350f;--color-bg-warning-subtle: #451a03;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-border: #334155;--color-primary: #38bdf8;--color-primary-hover: #0ea5e9;--color-primary-dark: #0284c7;--color-primary-light: #7dd3fc;--color-secondary: #22d3ee;--color-secondary-hover: #06b6d4;--color-success: #2dd4bf;--color-success-hover: #14b8a6;--color-table-header: #1e3a5f;--color-table-hover: #1f2937;--color-editable: #1e3a5f;color-scheme:dark}html,body,#root{background-color:var(--color-bg)!important;color:var(--color-text)!important}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.625rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;min-height:44px}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,select,textarea{border:1px solid var(--color-border);border-radius:8px;padding:.625rem .875rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg);color:var(--color-text);min-height:44px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}input::-moz-placeholder{color:var(--color-text-muted)}input::placeholder{color:var(--color-text-muted)}.btn-nav{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;font-size:.95rem;font-weight:600;padding:.625rem 1rem;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-nav:hover{background-color:#bae6fd;color:#0c4a6e;transform:translateY(-1px)}.btn-nav.active,.btn-nav-active{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e959}.btn-nav.active:hover,.btn-nav-active:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 3px 12px #0ea5e973;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;border-color:#0ea5e9;font-weight:600;min-height:44px;box-shadow:0 2px 8px #0ea5e966}.btn-primary:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;box-shadow:0 4px 12px #0ea5e980;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);color:#fff;border-color:#14b8a6;font-weight:600;min-height:44px;box-shadow:0 2px 4px #14b8a64d}.btn-success:hover{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-color:#0d9488;box-shadow:0 4px 8px #14b8a666;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border-color:#f59e0b;font-weight:600;min-height:44px;box-shadow:0 2px 4px #f59e0b4d}.btn-warning:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:#d97706;box-shadow:0 4px 8px #f59e0b66;transform:translateY(-1px)}.btn-secondary{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;font-weight:500}.btn-secondary:hover{background-color:#bae6fd;color:#0c4a6e;transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:#0369a1;border:1px solid #bae6fd;font-weight:500}.btn-ghost:hover{background-color:#e0f2fe;color:#0c4a6e;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border-color:#ef4444;font-weight:600;box-shadow:0 2px 4px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#dc2626;box-shadow:0 4px 8px #ef444466;transform:translateY(-1px)}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1rem;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #00000014}.card-accent{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:1rem}.card-item{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:10px;padding:.875rem;margin-bottom:.75rem;transition:all .2s ease}.card-item:hover{background-color:#f0f9ff;border-color:#93c5fd;box-shadow:0 4px 12px #3b82f626}.stat-card{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #7dd3fc;border-radius:12px;padding:1.5rem;text-align:center}.stat-card .stat-value{font-size:2rem;font-weight:800;color:#0369a1}.stat-card .stat-label{font-size:.875rem;color:#0c4a6e;font-weight:500}.stat-card-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #86efac;border-radius:12px;padding:1.5rem;text-align:center}.stat-card-success .stat-value{font-size:2rem;font-weight:800;color:#15803d}.stat-card-success .stat-label{font-size:.875rem;color:#166534;font-weight:500}.stat-card-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fcd34d;border-radius:12px;padding:1.5rem;text-align:center}.stat-card-warning .stat-value{font-size:2rem;font-weight:800;color:#a16207}.stat-card-warning .stat-label{font-size:.875rem;color:#854d0e;font-weight:500}.stat-card-danger{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #fca5a5;border-radius:12px;padding:1.5rem;text-align:center}.stat-card-danger .stat-value{font-size:2rem;font-weight:800;color:#b91c1c}.stat-card-danger .stat-label{font-size:.875rem;color:#991b1b;font-weight:500}.report-table{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.report-table th{background:#e0f2fe;color:#0c4a6e;padding:.75rem;font-weight:600;text-align:left}.report-table td{padding:.75rem;border-top:1px solid var(--color-border)}.info-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:1rem;text-align:center;color:#166534}.two-column-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.two-column-layout{grid-template-columns:minmax(300px,1fr) minmax(300px,2fr)}}.auth-card{background-color:var(--color-bg);border:1px solid var(--color-border);padding:1.5rem;border-radius:16px;width:100%;max-width:400px;box-shadow:0 4px 20px #0000001a}.auth-title{font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-primary);margin-bottom:1rem}.auth-error{color:#ef4444;font-size:.875rem;text-align:center;margin-bottom:.5rem;padding:.5rem;background-color:#ef44441a;border-radius:6px}.auth-success{color:#10b981;font-size:.875rem;text-align:center;margin-bottom:.5rem;padding:.5rem;background-color:#10b9811a;border-radius:6px}.auth-card form{display:flex;flex-direction:column;gap:.75rem}.auth-card input{padding:.75rem;border:1px solid var(--color-border);border-radius:8px}.auth-card button[type=submit]{background-color:var(--color-primary);color:#fff;padding:.75rem;border-radius:8px;font-weight:500;transition:background-color .2s}.auth-card button[type=submit]:hover{background-color:var(--color-primary-hover)}.auth-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-card p{text-align:center;font-size:.875rem;color:var(--color-text-muted);margin-top:1rem}.auth-card a{color:var(--color-primary)}.auth-card a:hover{text-decoration:underline}.panel{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem}.panel-light{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.text-muted{color:var(--color-text-muted)}.product-pill.selected{background:#dcfce7;color:#065f46;border:2px solid #16a34a;font-weight:600}.template-item{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px}.lista-item{background:#f0f9ff;border:1px solid #bae6fd}.lista-item.active{background:#e0f2fe;border:2px solid #0ea5e9}.badge-discount{background:#dcfce7;color:#16a34a;font-weight:600}.badge-surcharge{background:#fee2e2;color:#dc2626;font-weight:600}.badge-neutral{background:#f3f4f6;color:#64748b;font-weight:600}.table-header-light{background:#f0f9ff}.table-row-bordered{border-bottom:1px solid #e0f2fe}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.custom-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--color-border);border-radius:6px;background:var(--color-bg);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.custom-checkbox:hover{border-color:var(--color-primary);background:#e0f2fe}.custom-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.custom-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:14px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.form-row{flex-direction:row}}input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;min-height:auto}input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.product-image{width:96px;height:96px;-o-object-fit:cover;object-fit:cover;border-radius:12px;flex-shrink:0;transition:transform .2s ease;border:2px solid var(--color-border)}.product-image:hover{transform:scale(1.05);border-color:var(--color-primary)}.product-image-placeholder{width:96px;height:96px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);font-size:2rem;flex-shrink:0;border:2px dashed var(--color-border);transition:all .2s ease}.product-image-placeholder:hover,.product-image-placeholder.border-primary{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-bg-accent) 0%,var(--color-primary-light) 100%);transform:scale(1.02)}.product-image-sm{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:10px;flex-shrink:0}.upload-feedback{padding:8px 16px;border-radius:8px;font-size:.875rem;margin-top:8px;display:inline-flex;align-items:center;gap:6px}.upload-success{background-color:var(--color-success);color:#fff}.upload-error{background-color:var(--color-danger);color:#fff}.upload-loading{background-color:var(--color-warning);color:#fff}.drag-active{border-color:var(--color-primary)!important;background-color:var(--color-bg-accent)!important;transform:scale(1.02)}.drag-zone{transition:all .2s ease}.drag-zone:hover{border-color:var(--color-primary);background-color:var(--color-bg-hover)}.product-image-placeholder-sm{width:56px;height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);font-size:1.5rem;flex-shrink:0}@media (min-width: 768px){.product-image,.product-image-placeholder{width:112px;height:112px}}@media (min-width: 1024px){.product-image,.product-image-placeholder{width:128px;height:128px;border-radius:14px}}@media (hover: none) and (pointer: coarse){.product-image,.product-image-placeholder{width:104px;height:104px}}.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state-text{font-size:1rem;margin-bottom:1rem}.empty-state-large{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-accent) 100%);border-radius:16px;border:2px dashed var(--color-border)}.empty-state-icon-large{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.empty-state-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.empty-state-subtitle{font-size:1rem;color:var(--color-text-muted);max-width:400px;margin:0 auto;line-height:1.5}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border-radius:8px;background-color:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.badge-success{background-color:#dcfce7;color:#15803d;border-color:#86efac}.badge-muted{background-color:#f3f4f6;color:#4b5563;border-color:#d1d5db}.badge-warning{background-color:#fef3c7;color:#d97706;border-color:#fde68a}.badge-pending{background-color:#fef3c7;color:#d97706;border-color:#fcd34d}.badge-danger{background-color:#fee2e2;color:#dc2626;border-color:#fca5a5}.chip-default{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);font-weight:400}.chip-default:hover{border-color:var(--color-primary);background:var(--color-bg-accent)}.chip-selected{border:2px solid var(--color-success);background:#dcfce7;color:#065f46;font-weight:600}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.drag-active{border-color:var(--color-primary);background-color:var(--color-bg-secondary)}.toast-container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:3000}.toast{background:white;color:var(--color-text);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:12px 16px;min-width:280px;max-width:400px;border-left:5px solid var(--color-primary);animation:slideInRight .3s ease-out;display:flex;align-items:center;gap:.5rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#16a34a;background:linear-gradient(135deg,#f0fdf4 0%,white 100%)}.toast-error{border-left-color:#dc2626;background:linear-gradient(135deg,#fef2f2 0%,white 100%)}.toast-warn{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb 0%,white 100%)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:4000;animation:fadeIn .15s ease-out}.modal-box{background:white;padding:20px;border-radius:12px;min-width:320px;max-width:480px;box-shadow:0 20px 40px #0003;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner-dark{border-color:#0003;border-top-color:var(--color-primary)}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-group small{font-size:.75rem;color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.product-image-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border-radius:8px;font-size:24px}.product-image-placeholder-sm{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border-radius:6px;font-size:18px}.btn-link{background:transparent;color:var(--color-primary);border:none;padding:.5rem .75rem;min-height:auto;font-weight:600;text-decoration:underline}.btn-link:hover{color:var(--color-primary-hover);background:transparent}@media (max-width: 639px){.hide-mobile{display:none!important}.stack-mobile{flex-direction:column!important}.full-mobile{width:100%!important}.two-column-layout{gap:1rem}.panel{padding:1rem}nav{gap:.5rem!important}.btn-nav{padding:.5rem .75rem!important;font-size:.875rem!important;min-height:40px!important}button,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning{min-height:44px!important;padding:.625rem 1rem!important}input,select,textarea{min-height:44px!important;font-size:16px!important}.stock-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.stock-table{min-width:600px}.card{padding:.875rem!important}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}@media (min-width: 640px) and (max-width: 1023px){.two-column-layout{grid-template-columns:1fr!important}nav{flex-wrap:wrap;justify-content:center}}.action-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem;padding:.75rem;background:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb}.stock-warning{border-left:4px solid #f59e0b}.stock-table{width:100%;font-size:.875rem;border-collapse:collapse}.stock-table th{text-align:left;padding:.75rem;background-color:#e5e7eb;color:#1f2937;font-weight:600;border-bottom:2px solid #d1d5db}.stock-table td{padding:.75rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.stock-table tr:hover{background-color:var(--color-table-hover)}.stock-table .editable-cell{cursor:pointer;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);color:#0369a1;border-radius:6px;transition:all .2s ease;border:1px dashed #7dd3fc;font-weight:600}.stock-table .editable-cell:hover{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;border-color:#0ea5e9;border-style:solid}.stock-table .stock-bajo{background-color:var(--color-bg-warning-subtle)}.alert-warning{background-color:#fef9e7;border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:8px;padding:.75rem 1rem;color:#92400e}.alert-danger{background-color:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;padding:.75rem 1rem;color:#991b1b}.alert-info{background-color:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:8px;padding:.75rem 1rem;color:#1e40af}.alert-success{background-color:#ecfdf5;border:1px solid #a7f3d0;border-left:4px solid #10b981;border-radius:8px;padding:.75rem 1rem;color:#065f46}.highlight-success{background-color:#ecfdf5;border:1px solid #10b981;border-radius:8px;padding:.75rem}.highlight-warning{background-color:#fff7ed;border:1px solid #fb923c;border-radius:8px;padding:.75rem}.highlight-info{background-color:#eff6ff;border:1px solid #3b82f6;border-radius:8px;padding:.75rem}.stock-bajo-item{border:2px solid #fb923c!important;background-color:#fffbeb!important}.card-item,.card,.panel,button{transition:all .2s ease}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-accent) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:6px}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text-sm{height:.75rem;margin-bottom:.375rem}.skeleton-title{height:1.5rem;margin-bottom:.75rem;width:60%}.skeleton-image{width:72px;height:72px;border-radius:10px}.skeleton-button{height:44px;width:120px;border-radius:8px}.skeleton-card{padding:1rem;border:1px solid var(--color-border);border-radius:12px;margin-bottom:.75rem}.skeleton-product-row{display:flex;align-items:center;gap:1rem;padding:.875rem;border:1px solid var(--color-border);border-radius:10px;margin-bottom:.75rem}.skeleton-table-row{display:flex;gap:1rem;padding:.75rem;border-bottom:1px solid var(--color-border)}.skeleton-table-cell{flex:1;height:1rem}.header-compact{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:2px solid var(--color-border);margin-bottom:0}.header-brand{display:flex;align-items:center;gap:1rem}.header-logo{height:60px;width:auto;border-radius:8px;box-shadow:0 2px 8px #00000026}.header-titles{display:flex;flex-direction:column}.header-title{font-size:1.5rem;font-weight:800;color:var(--color-primary);margin:0;line-height:1.2}.header-subtitle{font-size:.75rem;color:var(--color-text-muted);margin:0}.header-user{display:flex;align-items:center;gap:.75rem}.user-badge{background:#0ea5e9;color:#fff;padding:.5rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;border:none;box-shadow:0 2px 6px #0ea5e94d}.nav-separator{color:#ffffff4d;font-size:1.2rem;margin:0 .25rem}.nav-main{display:flex;align-items:center;justify-content:space-between;background:#0c4a6e;padding:.5rem 1rem;border-radius:0 0 12px 12px;margin-bottom:.75rem;border:none}.nav-hamburger{display:none;background:transparent;border:none;color:#e0f2fe;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background .2s}.nav-hamburger:hover{background:rgba(255,255,255,.15)}.nav-links{display:flex;align-items:center;gap:.1rem;flex-wrap:nowrap}.nav-link{display:flex;align-items:center;gap:.2rem;padding:.35rem .5rem;border-radius:6px;text-decoration:none;color:#e0f2fe;font-size:.75rem;font-weight:500;transition:all .2s ease;background:transparent;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0}@media (max-width: 900px){.nav-hamburger{display:block}.nav-links{position:fixed;top:0;left:-280px;width:260px;height:100vh;background:linear-gradient(135deg,#0c4a6e 0%,#0369a1 100%);flex-direction:column;align-items:stretch;gap:.25rem;padding:1.5rem 1rem;z-index:1000;transition:left .3s ease;box-shadow:5px 0 20px #0000004d;overflow-y:auto}.nav-links-open{left:0}.nav-link{font-size:.9rem;padding:.75rem 1rem;border-radius:8px;justify-content:flex-start}.nav-separator{display:none}.btn-logout{padding:.4rem .6rem;font-size:.8rem}}@media (max-width: 1100px) and (min-width: 901px){.nav-text{display:none}.nav-link{padding:.4rem}.nav-icon{font-size:1.1rem}}.nav-link:hover{background:rgba(255,255,255,.15);color:#fff}.nav-link.active{background:#0ea5e9;color:#fff;font-weight:600;box-shadow:0 2px 8px #0ea5e966}.nav-icon{font-size:1.1rem;flex-shrink:0}.nav-text{display:inline;white-space:nowrap}.nav-dropdown{position:relative}.nav-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:220px;background:#ffffff;border:1px solid #bae6fd;border-radius:12px;box-shadow:0 10px 40px #0003;z-index:50;overflow:hidden}.nav-dropdown-item{display:block;padding:.85rem 1rem;text-decoration:none;color:#0c4a6e;font-size:.9rem;font-weight:500;transition:all .15s ease;border-bottom:1px solid #e0f2fe}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:#e0f2fe;color:#0284c7}.btn-logout{background:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:.5rem .85rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background:#ef4444;color:#fff;border-color:#ef4444}.breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.75rem}.breadcrumb-home{cursor:pointer;transition:color .15s}.breadcrumb-home:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-border)}.breadcrumb-current{color:var(--color-text);font-weight:500}.main-content{background:var(--color-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--color-border);min-height:400px}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;margin-top:1.5rem;border-top:2px solid var(--color-border);background:linear-gradient(to right,#f8fafc,#f0f9ff);font-size:.85rem;color:var(--color-text-muted)}.footer-left{font-weight:600;color:var(--color-text)}.footer-shortcuts{display:flex;align-items:center;gap:1.25rem;background:rgba(255,255,255,.7);padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(14,165,233,.2)}.footer-shortcut-item{display:flex;align-items:center;gap:.5rem}.shortcut-badge{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:none;padding:.375rem .75rem;border-radius:8px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8rem;font-weight:700;color:#fff;box-shadow:0 2px 6px #0ea5e966;text-shadow:0 1px 2px rgba(0,0,0,.2)}.shortcut-badge.shortcut-help{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 6px #f59e0b66}.shortcut-label{font-size:.85rem;font-weight:600;color:var(--color-text)}@media (max-width: 480px){.header-compact{flex-direction:column;gap:.75rem;text-align:center}.header-brand{flex-direction:column}.header-logo{height:50px}.header-user{width:100%;justify-content:center}.nav-main{flex-direction:column;gap:.5rem}.nav-links{justify-content:center;flex-wrap:wrap}.nav-icon{font-size:1.3rem}.footer-shortcuts{display:none}.breadcrumb{justify-content:center}}@media (min-width: 481px) and (max-width: 768px){.nav-link{padding:.4rem .6rem}.footer-shortcuts{gap:.5rem}.shortcut-label{display:none}}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;z-index:9999;font-weight:600;border-radius:0 0 8px;transition:top .2s ease}.skip-link:focus{top:0}*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 6px #0ea5e933}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.375rem}.form-label-required:after{content:" *";color:var(--color-danger)}.input-group{position:relative;display:flex;flex-direction:column;gap:.25rem}.input-group label{font-size:.75rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.input-help{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.input-error{font-size:.75rem;color:var(--color-danger);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}input.error,select.error,textarea.error{border-color:var(--color-danger);background-color:#fef2f2}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--color-border)}.table-responsive table{min-width:600px;width:100%;border-collapse:collapse}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 640px){.card-grid{grid-template-columns:1fr}}.mobile-stack{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.mobile-stack{flex-direction:row;align-items:center}}.mobile-menu-toggle{display:none;background:var(--color-bg);border:1px solid var(--color-border);padding:.75rem;border-radius:8px;cursor:pointer;min-height:44px;min-width:44px}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.nav-links.mobile-hidden{display:none}.nav-links.mobile-visible{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:0 0 12px 12px;padding:1rem;box-shadow:0 8px 24px #00000026;z-index:1000}}@media (hover: none) and (pointer: coarse){button,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.nav-link{min-height:48px;min-width:48px}input,select,textarea{min-height:48px;font-size:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-bounce{animation:bounce .5s ease-in-out}.card,.card-item,.panel{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.click-feedback:active{transform:scale(.98)}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-accent) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--color-bg-accent);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-lg{width:40px;height:40px;border-width:4px}.progress-bar{width:100%;height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:4px;transition:width .3s ease}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.p-xs{padding:.25rem}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.p-xl{padding:2rem}.m-xs{margin:.25rem}.m-sm{margin:.5rem}.m-md{margin:1rem}.m-lg{margin:1.5rem}.m-xl{margin:2rem}.pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;background:var(--color-bg-accent);color:var(--color-primary-dark);border:1px solid var(--color-border);white-space:nowrap}.pill-success{background:#dcfce7;color:#15803d;border-color:#86efac}.pill-warning{background:#fef3c7;color:#92400e;border-color:#fcd34d}.pill-danger{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}.pill-info{background:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.stock-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.stock-ok{background:#dcfce7;color:#15803d}.stock-low{background:#fef3c7;color:#92400e}.stock-out{background:#fef2f2;color:#b91c1c}.offer-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.625rem;font-weight:700;padding:.2rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #10b9814d}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:#1f2937;color:#fff;font-size:.75rem;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;pointer-events:none}.tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1f2937;margin-bottom:-6px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100}.tooltip:hover:after,.tooltip:hover:before{opacity:1;visibility:visible;bottom:calc(100% + 8px)}.favorite{position:relative}.favorite:before{content:"⭐";position:absolute;top:-8px;right:-8px;font-size:.875rem;z-index:10}.recent-badge{position:absolute;top:-4px;left:-4px;background:var(--color-primary);color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:4px;font-weight:700}.undo-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.75rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 24px #0000004d;z-index:5000;animation:fadeInUp .3s ease-out}.undo-toast button{background:transparent;border:1px solid white;color:#fff;padding:.375rem .75rem;font-size:.875rem;min-height:auto;border-radius:6px}.undo-toast button:hover{background:white;color:#1f2937}.quick-actions{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:.75rem;z-index:1000}.quick-action-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #0ea5e966;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #0ea5e980}.counter{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--color-danger);color:#fff;font-size:.75rem;font-weight:700;border-radius:12px}.counter-pulse{animation:pulse 1s ease-in-out infinite}.notification-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--color-danger);border-radius:50%;border:2px solid var(--color-bg)}.notification-dot.animate{animation:pulse 1.5s infinite}@media print{.nav-main,.header-user,.footer-shortcuts,.quick-actions,.mobile-menu-toggle,.btn-primary,.btn-secondary,.btn-danger,button{display:none!important}.panel,.card{border:1px solid #ddd;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid}body{background:white;color:#000}}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-warning{color:#f59e0b!important}.text-muted{color:var(--color-text-muted)!important}.text-primary{color:var(--color-primary)!important}.bg-success{background-color:#10b981!important}.bg-danger{background-color:#ef4444!important}.bg-warning{background-color:#f59e0b!important}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;white-space:nowrap}.badge-success{background-color:#10b981;color:#fff}.badge-danger{background-color:#ef4444;color:#fff}.badge-warning{background-color:#f59e0b;color:#fff}.badge-discount{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.border-error{border-left:3px solid #ef4444!important}.input-error{border-color:#ef4444!important}.btn-gradient-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none}.btn-gradient-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-gradient-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none}.btn-gradient-warning:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-bg)}.error-boundary-content{text-align:center;max-width:500px}.error-boundary .error-icon{font-size:4rem;margin-bottom:1rem}.error-boundary h1{color:var(--color-text);margin-bottom:.5rem}.error-boundary p{color:var(--color-text-muted);margin-bottom:1.5rem}.error-boundary .error-details{text-align:left;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem;max-height:200px;overflow:auto}.error-boundary .error-details pre{font-size:.75rem;white-space:pre-wrap;word-break:break-word}.error-boundary .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:280px;max-width:420px}.toast-message{flex:1}.toast-actions{display:flex;align-items:center;gap:8px}.toast-undo-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:inherit;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;min-height:auto}.toast-undo-btn:hover{background:rgba(255,255,255,.35);transform:scale(1.02)}.toast-close-btn{background:transparent;border:none;color:inherit;opacity:.7;padding:4px 8px;cursor:pointer;font-size:.9rem;min-height:auto}.toast-close-btn:hover{opacity:1}.connection-banner{position:fixed;top:0;left:0;right:0;padding:10px 20px;text-align:center;font-weight:600;font-size:.9rem;z-index:9999;display:flex;align-items:center;justify-content:center;gap:10px;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.connection-banner.offline{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.connection-banner.reconnecting{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.connection-banner.online{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.connection-banner .pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tooltip-wrapper{position:relative;display:inline-block}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;z-index:1000;margin-bottom:8px}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.tooltip kbd{background:rgba(255,255,255,.2);padding:2px 6px;border-radius:4px;margin-left:4px}.empty-state-large{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.empty-state-large .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.6}.empty-state-large .empty-title{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:var(--color-text)}.empty-state-large .empty-desc{font-size:.95rem;margin-bottom:20px;max-width:400px;margin-left:auto;margin-right:auto}.empty-state-large .empty-cta{margin-top:16px}.compact-mode .card-item{padding:.5rem .75rem;margin-bottom:.4rem}.compact-mode .product-image-sm{width:40px;height:40px}.compact-mode .text-sm{font-size:.8rem}.badge-count{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:9999px;min-width:16px;height:16px;margin-left:4px}.badge-ofertas{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.nav-link-with-badge{display:flex;align-items:center}.btn-export{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;border:none;padding:8px 16px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.btn-export:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)}@keyframes pulse-border{0%,to{box-shadow:0 4px 12px #ef444433}50%{box-shadow:0 4px 20px #ef444466}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg-secondary) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:6px}.skeleton-line{height:1rem;margin-bottom:.5rem}.skeleton-line-short{width:60%}.skeleton-card{height:120px;border-radius:12px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .3s ease-out forwards}.fade-in{animation:fadeIn .2s ease-out forwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.btn-primary,.btn-secondary,.btn-danger,.btn-success{padding:.4rem .8rem;font-size:.8rem;white-space:nowrap}.btn-icon{padding:.35rem .5rem;font-size:.9rem;min-width:32px}.btn-group{display:flex;flex-wrap:wrap;gap:.4rem}@media (max-width: 640px){.btn-primary,.btn-secondary,.btn-danger,.btn-success{padding:.35rem .6rem;font-size:.75rem}.btn-icon{padding:.3rem .4rem;font-size:.85rem}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.card,.panel{border-width:2px}.btn-primary{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.info-banner{border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.info-banner h3{margin:0;font-size:.95rem;font-weight:600}.info-banner p{margin:.5rem 0 0;font-size:.85rem;line-height:1.5}.sub-nav-link{font-size:.8rem;padding:.35rem .75rem;border-radius:6px;text-decoration:none;color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all .15s ease}.sub-nav-link:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.sub-nav-link.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width: 900px){.nav-links:before{content:"☰ Menú";display:block;font-size:1.2rem;font-weight:600;color:#fff;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:.5rem}}[data-theme=dark] .footer-shortcuts{background:rgba(255,255,255,.95);border-color:#0ea5e94d}[data-theme=dark] .shortcut-label{color:#1e293b}[data-theme=dark] .card-item:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);box-shadow:0 4px 12px #38bdf833}[data-theme=dark] .card-item:hover,[data-theme=dark] .card-item:hover *{color:var(--color-text)}[data-theme=dark] .panel:hover{border-color:var(--color-border)}[data-theme=dark] .report-table tbody tr:hover{background-color:var(--color-bg-hover)}[data-theme=dark] .report-table tbody tr:hover td{color:var(--color-text)}[data-theme=dark] .stat-card{background:linear-gradient(135deg,#1e3a5f 0%,#0c4a6e 100%);border-color:var(--color-primary)}[data-theme=dark] .stat-card .stat-value,[data-theme=dark] .stat-card .stat-label{color:var(--color-text)}[data-theme=dark] .stat-card-success{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:var(--color-success)}[data-theme=dark] .stat-card-success .stat-value,[data-theme=dark] .stat-card-success .stat-label{color:var(--color-text)}[data-theme=dark] .stat-card-warning{background:linear-gradient(135deg,#78350f 0%,#92400e 100%);border-color:#f59e0b}[data-theme=dark] .stat-card-warning .stat-value,[data-theme=dark] .stat-card-warning .stat-label{color:var(--color-text)}[data-theme=dark] .info-banner{background:linear-gradient(135deg,#1e3a5f 0%,#0c4a6e 100%)!important;border-color:var(--color-primary)!important}[data-theme=dark] .info-banner,[data-theme=dark] .info-banner *{color:var(--color-text)!important}[data-theme=dark] .product-pill{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .product-pill:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}[data-theme=dark] .product-pill.selected{background:var(--color-primary);color:#fff}[data-theme=dark] [class*=pedido]:hover,[data-theme=dark] [class*=order]:hover{background-color:var(--color-bg-hover)}[data-theme=dark] .empty-state,[data-theme=dark] .empty-text{color:var(--color-text-muted)}[data-theme=dark] select option{background-color:var(--color-bg-secondary);color:var(--color-text)}[data-theme=dark] .modal-content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}[data-theme=dark] .pill{color:var(--color-text)}.help-banner{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;border:1px solid #f59e0b;margin-bottom:1.5rem;overflow:hidden}.help-banner-header{width:100%;padding:.875rem 1.25rem;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.help-banner-header:hover{background:rgba(245,158,11,.1)}.help-banner-header:focus-visible{outline:2px solid #f59e0b;outline-offset:-2px}.help-banner-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#92400e}.help-banner-icon{font-size:1.1rem}.help-banner-arrow{font-size:1rem;color:#92400e;transition:transform .2s ease}.help-banner-arrow-open{transform:rotate(180deg)}.help-banner-content{padding:0 1.25rem 1rem;border-top:1px solid rgba(245,158,11,.3)}.help-banner-items{display:flex;flex-direction:column;gap:.75rem;padding-top:.875rem}.help-banner-item{font-size:.875rem;color:#78350f;line-height:1.6}.help-banner-label{color:#92400e}.help-banner-text{color:#78350f}[data-theme=dark] .help-banner{background:linear-gradient(135deg,#1e3a5f 0%,#0c4a6e 100%);border-color:var(--color-primary)}[data-theme=dark] .help-banner-header:hover{background:rgba(56,189,248,.1)}[data-theme=dark] .help-banner-header:focus-visible{outline-color:var(--color-primary)}[data-theme=dark] .help-banner-title,[data-theme=dark] .help-banner-arrow{color:var(--color-primary-light)}[data-theme=dark] .help-banner-content{border-top-color:#38bdf833}[data-theme=dark] .help-banner-item,[data-theme=dark] .help-banner-text{color:var(--color-text)}[data-theme=dark] .help-banner-label{color:var(--color-primary-light)}@media (max-width: 768px){.help-banner{margin-bottom:1rem}.help-banner-header{padding:.75rem 1rem}.help-banner-title{font-size:.875rem}.help-banner-content{padding:0 1rem .875rem}.help-banner-item{font-size:.8rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}