*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #060d1a;--bg-surface: #0a1628;--bg-card: #0d1f35;--bg-input: #162840;--border: #1a3050;--border-2: #1e3a5c;--text-1: #f0f4f8;--text-2: #8badc9;--text-3: #4d7a9a;--text-4: #2d5070;--accent: #1D9E75;--accent-dim: rgba(29,158,117,.15);--accent-2: #378ADD;--accent-3: #5DCAA5;--color-success: #4ade80;--color-success-dim: rgba(74,222,128,.12);--color-warning: #f59e0b;--color-warning-dim: rgba(245,158,11,.12);--color-danger: #f87171;--color-danger-dim: rgba(248,113,113,.12);--color-info: #0ea5e9;--color-info-dim: rgba(14,165,233,.12);--color-whatsapp: #25D366;--color-ventas: #10b981;--color-produccion: #3b82f6;--color-logistica: #f59e0b;--color-finanzas: #8b5cf6;--color-rh: #ec4899;--color-tecnologia: #06b6d4;--color-sistema: #94a3b8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 99px;--font-body: "Space Grotesk", system-ui, sans-serif;--font-heading: "Exo 2", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 32px rgba(0,0,0,.12);--shadow-lg: 0 24px 60px rgba(0,0,0,.18);--transition-fast: .12s ease;--transition-base: .18s ease;--transition-slow: .3s ease;--z-header: 20;--z-nav: 50;--z-dropdown: 100;--z-drawer: 500;--z-modal: 999;--z-overlay: 9500}:root.light{--bg-base: #f0f4f8;--bg-surface: #ffffff;--bg-card: #f8fafc;--bg-input: #eef2f7;--border: #c8d9e8;--border-2: #a6b8cc;--text-1: #0A2540;--text-2: #2d5070;--text-3: #4d7a9a;--text-4: #8badc9;--accent: #1D9E75;--accent-dim: rgba(29,158,117,.12);--accent-2: #378ADD;--accent-3: #5DCAA5}html,body,#root{height:100%;width:100%;overflow:hidden}#portal-root{position:fixed;inset:0;pointer-events:none;z-index:999}#portal-root>*{pointer-events:auto}body{font-family:Space Grotesk,system-ui,sans-serif;background:var(--bg-base);color:var(--text-1);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.exo{font-family:"Exo 2",system-ui,sans-serif}input,select,button,textarea{font-family:inherit}button{font:inherit;min-height:42px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover{transform:translateY(-.25px)}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);border-radius:999px;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background:var(--accent-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}select option{background:var(--bg-input);color:var(--text-1)}.app-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 22px 16px}.fab-sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.fab-sidebar::-webkit-scrollbar{width:4px}.fab-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app-nav-icon{font-size:22px}.app-nav-label{font-size:11px;font-weight:700;letter-spacing:.3px}.app-nav-btn{color:var(--text-3)}.app-nav-btn-active{color:var(--accent)}:root.light .fab-sidebar{background:#fff;border-right-color:#cbd5e1}:root.light header{background:#fff;border-bottom-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}:root.light nav[role=navigation]{background:#fff;border-top-color:#cbd5e1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){button{min-height:32px;font-size:13px;padding-left:8px;padding-right:8px}input,select,textarea{font-size:16px!important}.app-main{padding:12px 12px 16px!important}.app-main{overflow-x:hidden;max-width:100vw}[style*="max-width: 560px"],[style*="max-width: 520px"],[style*="max-width: 600px"],[style*="max-width: 640px"]{max-width:calc(100vw - 16px)!important}[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns: 1fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}[style*="flex-direction: column"][style*="align-items: flex-end"]>button,[style*="flex-direction: column"][style*="align-items: flex-end"]>div>button{min-height:28px!important;font-size:11px!important;padding:2px 7px!important}[style*="display: flex"][style*="flex-wrap: wrap"]{flex-wrap:wrap!important}h2[style],h1[style]{font-size:16px!important}}.btn-actions{display:flex;flex-direction:column;gap:4px}@media(max-width:640px){.btn-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:3px}.btn-actions button{min-height:28px!important;font-size:11px!important;padding:2px 7px!important}}.mob-col{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:640px){.mob-col{flex-direction:column}}.mob-wrap{display:flex;gap:8px}@media(max-width:640px){.mob-wrap{flex-wrap:wrap!important}}.mob-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.mob-hide{display:none!important}}@media(min-width:641px){.desk-hide{display:none!important}}@media(max-width:640px){[style*="display: flex"][style*="align-items: center"][style*=border-radius][style*=padding] select{min-width:0!important;flex:1!important;font-size:12px!important}[style*="border-radius: 8px"] select,[style*="border-radius: 10px"] select,[style*="border-radius: 12px"] select{font-size:13px!important}[style*="display: flex"][style*=gap][style*="align-items: center"]:has(select):has(button){flex-wrap:wrap!important}}@media(max-width:640px){.ventas-buscar-row{flex-wrap:wrap!important}.ventas-buscar-input{flex:1 1 100%!important;min-width:0!important}.ventas-buscar-row>button{flex:1!important}}:root.light .app-user-badge{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}:root.light input,:root.light select,:root.light textarea{background:#f8fafc!important;color:#0f172a!important;border-color:#cbd5e1!important}:root.light input:focus,:root.light select:focus,:root.light textarea:focus{border-color:var(--accent)!important;background:#fff!important;outline:none}:root.light ::-webkit-scrollbar{width:8px;height:8px}:root.light ::-webkit-scrollbar-track{background:#f1f5f9}:root.light ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}:root.light ::-webkit-scrollbar-thumb:hover{background:#a6b4c3}