*,*: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{min-height:100vh;min-width:100vw;width:100%;height:100%}#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-shell{min-height:100vh;width:100vw;background:var(--bg-base);color:var(--text-1);display:flex;justify-content:center;align-items:flex-start;padding:16px;overflow-x:hidden}.app-root{width:100%;max-width:900px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-surface);border-radius:16px;box-shadow:0 8px 32px #00000026;overflow:hidden}.app-panel{flex:1;display:flex;flex-direction:column;min-height:0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);background:var(--bg-surface);position:sticky;top:0;z-index:20}.app-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-emoji{font-size:22px}.search-box{position:relative;min-width:220px;max-width:360px;width:100%}.search-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:14px;padding:10px 14px;color:var(--text-1);font-size:14px;outline:none}.search-results{position:absolute;left:0;right:0;top:calc(100% + 10px);background:var(--bg-surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 40px #00000024;z-index:100;max-height:320px;overflow-y:auto}.search-item{width:100%;border:none;background:none;text-align:left;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:var(--text-1)}.search-item:hover,.search-item:focus-visible{background:var(--bg-input)}.search-item-title{font-weight:700;font-size:14px}.search-item-subtitle,.search-item-meta{font-size:12px;color:var(--text-3)}.search-empty{cursor:default}.app-fabrica-nombre{color:var(--text-1);font-weight:700;font-size:18px}.app-user-badge{background:var(--bg-input);color:var(--text-2);font-size:12px;padding:6px 14px;border-radius:999px;border:1px solid var(--border-2)}.app-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 22px 120px}.app-nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:min(100%,94vw);max-width:860px;display:flex;gap:8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:26px;padding:8px;box-shadow:0 12px 40px #0000004d;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav button,.app-nav-btn,.app-nav-btn-active{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px;min-height:72px;background:none!important;border:none!important;cursor:pointer;color:var(--text-3);transition:color .15s ease,transform .15s ease,background .15s ease;border-radius:18px;outline:none!important;box-shadow:none!important}.app-nav button:hover,.app-nav-btn:hover,.app-nav-btn-active:hover{transform:translateY(-1px)}.app-nav button:focus,.app-nav button:focus-visible,.app-nav button:active,.app-nav-btn:focus,.app-nav-btn:focus-visible,.app-nav-btn:active{outline:none!important;box-shadow:none!important;background:none!important;border:none!important}.app-nav-btn-active,.app-nav .app-nav-btn-active,.app-nav .app-nav-btn-active:hover{color:var(--accent);background:var(--accent-dim)!important;border:none!important;outline:none!important;box-shadow:none!important}.app-nav-icon{font-size:22px}.app-nav-label{font-size:11px;font-weight:700;letter-spacing:.3px}@media(max-width:900px){.app-shell{padding:12px 10px 18px}.app-root{max-width:100%;border-radius:0}.app-header{flex-direction:column;align-items:flex-start;row-gap:10px}.app-main{padding:16px 16px 120px}.app-nav{width:calc(100% - 24px);bottom:18px}}:root.light .app-nav-btn-active{background:transparent}:root.light .app-header{background:#fff;border-bottom:1px solid #cbd5e1;box-shadow:0 2px 8px #0000000f}:root.light .app-nav{background:#fffffff5;border:1px solid #cbd5e1;box-shadow:0 8px 32px #0000001f}:root.light .app-nav-btn{color:#64748b}:root.light .app-nav-btn-active{color:var(--accent);background:var(--accent-dim)!important}@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}.app-nav button,.app-nav-btn,.app-nav-btn-active{min-height:60px!important;padding:10px 6px!important}input,select,textarea{font-size:16px!important}.app-main{padding:12px 12px 110px!important}.app-shell{padding:0!important}.app-header{padding:12px 14px!important;gap:6px!important}.app-root,.app-main,.app-panel{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}