:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-feature-settings:"cv11", "ss01";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}:root{--mw-bg:#0f172a;--mw-bg-2:#0b1220;--mw-panel:#1e293b;--mw-surface-2:#0e1626;--mw-hover:#16223a;--mw-border:#3b82f640;--mw-border-soft:#94a3b824;--mw-text:#f1f5f9;--mw-text-soft:#c4d0e0;--mw-muted:#94a3b8;--mw-accent:#79b8ff;--mw-primary:#2563eb;--mw-primary-hover:#1d4ed8;--mw-pink:#f43f5e;--mw-pink-hover:#fb7185;--mw-blue:#3b82f6;--mw-yellow:#fbbf24;--mw-shadow-sm:0 1px 2px #0000004d;--mw-shadow-md:0 6px 18px #00000059;--mw-shadow-lg:0 24px 60px #00000073;--mw-glass-bg:#0f172aa8;--mw-glass-blur:10px;--mw-glass-border:#94a3b82e;--mw-ring:#3b82f673;--mw-radius:12px;--mw-radius-sm:8px;--mw-ease:.16s cubic-bezier(.2, 0, 0, 1)}[data-theme=light]{--mw-bg:#eef2f7;--mw-bg-2:#e2e8f0;--mw-panel:#fff;--mw-surface-2:#f8fafc;--mw-hover:#eef4ff;--mw-border:#3b82f638;--mw-border-soft:#0f172a1a;--mw-text:#0f172a;--mw-text-soft:#334155;--mw-muted:#5b6675;--mw-accent:#2563eb;--mw-shadow-sm:0 1px 2px #0f172a14;--mw-shadow-md:0 6px 18px #0f172a1a;--mw-shadow-lg:0 24px 50px #0f172a24;--mw-glass-bg:#ffffffb3;--mw-glass-border:#0f172a14;--mw-ring:#2563eb66;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:radial-gradient(1200px 600px at 100% -10%, #3b82f61a, transparent 60%), radial-gradient(900px 500px at -10% 110%, #f43f5e14, transparent 60%), linear-gradient(180deg, var(--mw-bg), var(--mw-bg-2));min-height:100vh;color:var(--mw-text);transition:background var(--mw-ease), color var(--mw-ease);margin:0}.center{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:var(--mw-panel);border:1px solid var(--mw-border);border-radius:var(--mw-radius);width:100%;max-width:420px;box-shadow:var(--mw-shadow-md);padding:28px}h1{letter-spacing:-.015em;margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2}label{color:var(--mw-muted);margin:14px 0 6px;font-size:13px;display:block}input,select,textarea{border-radius:var(--mw-radius-sm);border:1px solid var(--mw-border);background:var(--mw-surface-2);width:100%;color:var(--mw-text);transition:border-color var(--mw-ease), box-shadow var(--mw-ease), background var(--mw-ease);padding:10px 12px;font-family:inherit;font-size:14px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select option{background:var(--mw-panel);color:var(--mw-text)}input:hover,select:hover,textarea:hover{border-color:var(--mw-border);background:var(--mw-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--mw-blue);box-shadow:0 0 0 3px var(--mw-ring);outline:none}button{border-radius:var(--mw-radius-sm);background:var(--mw-primary);color:#fff;cursor:pointer;width:100%;transition:background var(--mw-ease), transform var(--mw-ease), box-shadow var(--mw-ease);border:0;margin-top:18px;padding:11px;font-size:14px;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}button:hover{background:var(--mw-primary-hover);box-shadow:0 6px 18px #2563eb4d}.btn-danger{background:var(--mw-pink)}.btn-danger:hover{background:var(--mw-pink-hover);box-shadow:0 6px 18px #f43f5e4d}button:active{transform:translateY(1px)}button:focus-visible{box-shadow:0 0 0 3px var(--mw-ring);outline:none}.error{color:#ff7b72;margin-top:12px;font-size:13px}.muted{color:var(--mw-muted);font-size:14px}.login-hero{background-image:linear-gradient(135deg, #f43f5e73, #0f172aeb 55%, #3b82f673), radial-gradient(900px 560px at 22% 28%, #23375c 0%, #16223a 45%, #0b1220 100%), var(--login-hero-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 25% 35%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 25% 35%,#000 0%,#0000 70%)}.login-hero>*{z-index:1;position:relative}.login-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--mw-glass-border);text-align:center;background:#0f172ae6;box-shadow:0 24px 60px #00000080}.login-card a{color:var(--mw-accent);text-underline-offset:2px;text-decoration:underline}.login-card a:hover{color:var(--mw-text)}.login-card label,.login-card .error{text-align:left}.login-mark{object-fit:contain;filter:drop-shadow(0 2px 8px #00000059);width:96px;height:96px;margin:0 auto 12px;display:block}.login-title{letter-spacing:-.01em;color:var(--mw-text);font-size:28px;font-weight:800}.pill{color:var(--mw-accent);background:#1f6feb22;border:1px solid #2f6feb55;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--mw-glass-bg);-webkit-backdrop-filter:blur(var(--mw-glass-blur));border-right:1px solid var(--mw-glass-border);flex-direction:column;gap:2px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.brand-mark{object-fit:contain;filter:drop-shadow(0 2px 6px #0006);width:34px;height:34px}.brand-name{background:linear-gradient(90deg, var(--mw-pink), var(--mw-yellow), var(--mw-blue));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.nav{flex-direction:column;gap:4px;display:flex}.nav-link{border-radius:var(--mw-radius-sm);color:var(--mw-text-soft);transition:background var(--mw-ease), color var(--mw-ease);align-items:center;gap:10px;padding:8px 12px;font-size:14px;text-decoration:none;display:flex}.nav-link:hover{background:var(--mw-hover);color:var(--mw-text)}.nav-link.active{color:var(--mw-accent);box-shadow:inset 2px 0 0 var(--mw-blue);background:#1f6feb22;font-weight:600}.nav-icon{opacity:.85;flex:0 0 16px;width:16px;height:16px}.nav-group{flex-direction:column;display:flex}.nav-group-header{width:100%;color:var(--mw-muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:var(--mw-radius-sm);transition:color var(--mw-ease);background:0 0;border:0;align-items:center;gap:10px;margin:6px 0 0;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.nav-group-header:hover{color:var(--mw-text);background:0 0}.nav-group-header .nav-caret{transition:transform var(--mw-ease);margin-left:auto}.nav-group-header[aria-expanded=false] .nav-caret{transform:rotate(-90deg)}.nav-group-items{flex-direction:column;gap:2px;display:flex;overflow:hidden}.nav-group-items[hidden]{display:none}.sidebar-foot{border-top:1px solid var(--mw-border-soft);margin-top:auto;padding-top:18px}.sidebar-foot-row{gap:8px;margin-top:14px;display:flex}.theme-toggle{border:1px solid var(--mw-border);border-radius:var(--mw-radius-sm);background:var(--mw-surface-2);width:auto;color:var(--mw-text-soft);flex:1;justify-content:center;align-items:center;gap:8px;margin-top:0;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.theme-toggle:hover{background:var(--mw-hover);color:var(--mw-text);box-shadow:none}.content{min-width:0;max-width:1600px;padding:28px 32px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.panel{background:var(--mw-panel);border:1px solid var(--mw-border-soft);border-radius:var(--mw-radius);box-shadow:var(--mw-shadow-sm);margin-bottom:20px;padding:18px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--mw-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--mw-border);padding:10px 12px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--mw-border-soft);padding:12px}.table tbody tr{transition:background var(--mw-ease)}.table tbody tr:hover{background:var(--mw-hover)}.table tr:last-child td{border-bottom:0}.form-grid{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.form-checks{gap:20px;margin-top:12px;display:flex}.check{color:var(--mw-text-soft);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.check input{width:auto}.btn-inline,.btn{width:auto;margin-top:8px;padding:9px 18px}.btn-ghost{border:1px solid var(--mw-border);width:100%;color:var(--mw-text-soft);background:0 0;margin-top:14px}.btn-ghost:hover{background:var(--mw-hover)}.sidebar-foot-row .btn-ghost{flex:1;margin-top:0}.ok-msg{color:#56d364;margin-top:12px;font-size:13px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0;display:grid}.kpi{background:var(--mw-panel);border:1px solid var(--mw-border-soft);border-radius:var(--mw-radius);box-shadow:var(--mw-shadow-sm);transition:transform var(--mw-ease), box-shadow var(--mw-ease);padding:18px}.kpi:hover{box-shadow:var(--mw-shadow-md);transform:translateY(-2px)}.kpi .value{margin-top:6px;font-size:26px;font-weight:700}.badge-warn{color:#e3b341}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-input{width:auto;min-width:240px;margin:0}.filter-link{border:1px solid var(--mw-border);color:var(--mw-muted);border-radius:999px;padding:5px 12px;font-size:13px;text-decoration:none;display:inline-block}.filter-link:hover{background:var(--mw-hover);color:#fff}.filter-link.active{color:var(--mw-accent);background:#1f6feb22;border-color:#2f6feb55}.toolbar .grow{flex:1}.pager{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.bar-row{grid-template-columns:160px 1fr 90px;align-items:center;gap:12px;padding:6px 0;display:grid}.bar-label{color:var(--mw-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.bar-track{background:var(--mw-surface-2);border:1px solid var(--mw-border);border-radius:6px;height:16px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, #2f6feb, var(--mw-accent));height:100%}.bar-value{text-align:right;color:var(--mw-muted);font-size:13px}.line-items{flex-direction:column;gap:10px;display:flex}.line-item{border-bottom:1px solid var(--mw-border-soft);flex-wrap:wrap;align-items:end;gap:12px;padding-bottom:14px;display:flex}.line-item:last-child{border-bottom:0;padding-bottom:0}.line-item>div{flex:160px;min-width:0}.line-item>button{flex:none;width:auto;margin-top:0;padding:10px 16px}.link{color:var(--mw-accent);text-decoration:none}.link:hover{text-decoration:underline}h2{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:700}.skeleton{background:linear-gradient(90deg, var(--mw-hover) 25%, #1d2c47 37%, var(--mw-hover) 63%);background-size:400% 100%;border-radius:6px;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-title{width:220px;height:22px;margin-bottom:10px}.skeleton-text{width:320px;height:13px}.skeleton-row{width:100%;height:18px;margin:12px 0}.toast-wrap{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;border:1px solid var(--mw-border);border-radius:10px;padding:12px 16px;font-size:14px;animation:.2s ease-out toast-in;box-shadow:0 8px 24px #00000059}.toast-ok{color:#7ee787;background:#16331f;border-color:#2ea04366}.toast-error{color:#ffa7b5;background:#3a1620;border-color:#f4385e66}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.crumbs{color:var(--mw-muted);margin-bottom:10px;font-size:13px}.crumb-sep{color:var(--mw-muted);margin:0 8px}.crumb-link{color:var(--mw-blue);text-decoration:none}.crumb-link:hover{text-decoration:underline}.crumb-current{color:var(--mw-text)}.empty-state{text-align:center;border:1px dashed var(--mw-border);background:#3b82f60a;border-radius:12px;padding:40px 24px}.empty-title{color:var(--mw-text);margin:0 0 4px;font-size:15px}.mobile-nav-btn{z-index:60;border:1px solid var(--mw-border);border-radius:var(--mw-radius-sm);background:var(--mw-glass-bg);width:auto;-webkit-backdrop-filter:blur(var(--mw-glass-blur));color:var(--mw-text);margin:0;padding:9px;line-height:0;display:none;position:fixed;top:14px;left:14px}.mobile-nav-overlay{z-index:40;background:#0206178c;display:none;position:fixed;inset:0}@media (max-width:860px){.shell{grid-template-columns:1fr}.mobile-nav-btn{display:inline-flex}.sidebar{z-index:50;width:264px;transition:transform var(--mw-ease);position:fixed;top:0;left:0;transform:translate(-100%)}.content{max-width:100%;padding:64px 18px 24px}.page-head{flex-wrap:wrap;gap:10px}body.nav-open .mobile-nav-overlay{display:block}body.nav-open .sidebar{box-shadow:var(--mw-shadow-lg);transform:translate(0)}}.pos-qty{align-items:center;gap:4px;display:inline-flex}.pos-qty-input{text-align:center;width:52px;padding:8px 4px}.pos-qty-btn{background:var(--mw-surface-2);width:34px;min-height:34px;color:var(--mw-text);border:1px solid var(--mw-border);flex:none;margin-top:0;padding:0;font-size:18px;line-height:1}.pos-qty-btn:hover{background:var(--mw-hover)}@media (max-width:860px){.pos-sale input,.pos-sale select{min-height:44px;font-size:16px}.pos-match{min-height:44px}.pos-qty-btn{width:44px;min-height:44px}.pos-qty-input{width:60px}.pos-lines thead{display:none}.pos-lines,.pos-lines tbody,.pos-lines tr,.pos-lines td{width:100%;display:block}.pos-lines tr{border:1px solid var(--mw-border-soft);border-radius:var(--mw-radius-sm);margin-bottom:10px;padding:6px 10px}.pos-lines tbody tr:hover{background:0 0}.pos-lines td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.pos-lines td:before{content:attr(data-label);color:var(--mw-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:11px}.pos-lines td[data-label=Producto]{font-weight:600;display:block}.pos-lines td[data-label=Producto]:before,.pos-lines td:not([data-label]):before{display:none}.pos-lines td:not([data-label]){justify-content:flex-end}.pos-cobrar .btn{width:100%;min-height:52px;font-size:16px}}.pill-success{color:#4ade80;background:#22c55e24;border-color:#22c55e66}.pill-danger{color:#fb7185;background:#f43f5e24;border-color:#f43f5e66}.pill-warn{color:#fbbf24;background:#fbbf2424;border-color:#fbbf246b}.pill-info{color:var(--mw-accent);background:#3b82f629;border-color:#3b82f666}.pill-neutral{color:var(--mw-muted);background:#94a3b81f;border-color:#94a3b84d}[data-theme=light] .pill-success{color:#15803d}[data-theme=light] .pill-danger{color:#be123c}[data-theme=light] .pill-warn{color:#b45309}[data-theme=light] .pill-info{color:#1d4ed8}[data-theme=light] .pill-neutral{color:#475569}.kpi-hero{background:linear-gradient(135deg, #3b82f61a, var(--mw-panel) 62%);border-color:var(--mw-border)}.kpi-hero .value{font-size:30px}.kpi .delta{align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:600;display:inline-flex}.delta-up{color:#4ade80}.delta-down{color:#fb7185}.delta-flat{color:var(--mw-muted)}[data-theme=light] .delta-up{color:#15803d}[data-theme=light] .delta-down{color:#be123c}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--mw-pink);color:#fff;border-radius:var(--mw-radius-sm);box-shadow:var(--mw-shadow-md);transition:transform var(--mw-ease);padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{outline:none;transform:translateY(0)}.nav-link:focus-visible,.crumb-link:focus-visible,.filter-link:focus-visible,.link:focus-visible,a:focus-visible{box-shadow:0 0 0 3px var(--mw-ring);border-radius:var(--mw-radius-sm);outline:none}.req{color:var(--mw-pink);margin-left:2px}.field-error{color:#ff7b72;margin-top:4px;font-size:12px;display:block}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--mw-pink)}.modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);background:#02061799;place-items:center;padding:20px;animation:.15s ease-out toast-in;display:grid;position:fixed;inset:0}.modal-card{background:var(--mw-panel);border:1px solid var(--mw-border);border-radius:var(--mw-radius);width:100%;max-width:430px;box-shadow:var(--mw-shadow-lg);padding:22px}.modal-title{margin:0 0 6px;font-size:17px;font-weight:700}.modal-msg{color:var(--mw-text-soft);margin:0 0 18px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions button{width:auto;margin-top:0;padding:9px 18px}.modal-actions .btn-ghost{margin-top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.kpi:hover{transform:none}}