:root{--bg:#F6F7EE;--surface:#FFFFFF;--surface2:#EEF2E2;--line:#D6DCC8;--line-strong:#AEB9A0;--fg:#1F2A22;--muted:#56655A;--brand:#2F5A42;--on-brand:#FFFFFF;--sage-soft:#DDE9D3;--ok:#2F5A42;--ok-bg:#DDE9D3;--warn-bg:#FCE9D6;--warn-fg:#7A3B05;--bad-bg:#F8DDD8;--bad-fg:#8A2A1B;--off-bg:#EAEEDF;--off-fg:#4A574E;--danger:#B3261E;--logo-light:block;--logo-dark:none;--f-display:"Fraunces",Georgia,serif;--f-body:"DM Sans",system-ui,sans-serif}@media (prefers-color-scheme: dark){:root{--bg:#121815;--surface:#1B2420;--surface2:#17201B;--line:#31403A;--line-strong:#4B5E54;--fg:#EEF1E6;--muted:#A5B2A8;--brand:#7DB596;--on-brand:#0E1A12;--sage-soft:#243629;--ok:#A8D4B9;--ok-bg:#243629;--warn-bg:#3A2A18;--warn-fg:#F3C79B;--bad-bg:#3E2420;--bad-fg:#F3B6A9;--off-bg:#27332D;--off-fg:#B5C1B8;--danger:#F0877B;--logo-light:none;--logo-dark:block;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.4;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--f-display);font-weight:800;margin:0;text-wrap:balance}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px;font-family:var(--f-body);font-weight:700}.logo-l{display:var(--logo-light);width:auto}.logo-d{display:var(--logo-dark);width:auto}.muted{color:var(--muted)}.small{font-size:13px}.num{text-align:right;font-variant-numeric:tabular-nums}.warn{color:var(--warn-fg)}.stack{display:flex;flex-direction:column;gap:14px}.wrapx{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.row:first-of-type{border-top:0}.center{min-height:100dvh;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px))}.card{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.login,.panel{max-width:400px;padding:24px;gap:14px}.tag{font-family:Georgia,serif;font-style:italic;margin:-6px 0 0}.err{background:var(--bad-bg);color:var(--bad-fg);padding:10px 12px;border-radius:10px;margin:0;font-size:14px}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:600;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}.toast:not(:empty){opacity:1}label.field,.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}.field span.small{font-weight:400}input,select{font:inherit;font-weight:400;min-height:46px;padding:0 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg);color:var(--fg);width:100%}input.q{width:92px;text-align:right;padding:0 8px;min-height:42px}input:focus-visible,select:focus-visible,.btn:focus-visible,.chip:focus-visible,.nav:focus-visible,.bar button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.btn{font:inherit;font-weight:700;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;background:transparent;color:var(--fg)}.btn.small{min-height:40px;padding:0 14px;font-size:14px}.btn.primary{background:var(--brand);color:var(--on-brand)}.btn.soft,.btn.tg-on{background:var(--sage-soft);color:var(--ok);border-color:var(--ok)}.btn.ghost{border-color:var(--line-strong)}.btn.tg-off{color:var(--danger);border-color:var(--danger)}.btn.lista{width:100%;text-align:left}.btn:disabled{opacity:.6;cursor:default}.chip{font:inherit;font-weight:500;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--fg);cursor:pointer}.chip.on{background:var(--sage-soft);color:var(--ok);border-color:var(--ok);font-weight:700}.shell{min-height:100dvh}.side{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;border-bottom:1px solid var(--line)}.content{padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px));max-width:1100px;margin:0 auto}.bar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);z-index:20}.bar button{flex:1;min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:13px;cursor:pointer}.bar button.on{background:var(--sage-soft);color:var(--ok)}.wrap{display:flex;flex-direction:column;gap:14px}@media (min-width:900px){.shell{display:grid;grid-template-columns:230px 1fr}.side{display:flex;flex-direction:column;gap:18px;padding:22px 14px;border-right:1px solid var(--line);position:sticky;top:0;height:100dvh}.side nav{display:flex;flex-direction:column;gap:4px}.side hr{border:0;border-top:1px solid var(--line);margin:8px 0;width:100%}.brand{padding:0 10px}.tagline{font-family:Georgia,serif;font-style:italic;color:var(--ok);letter-spacing:.06em;margin-top:2px}.nav{text-align:left;font:inherit;font-weight:500;min-height:44px;padding:0 14px;border-radius:12px;border:0;background:transparent;color:var(--fg);cursor:pointer}.nav.on{background:var(--sage-soft);color:var(--ok);font-weight:700}.usuario{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:0 10px}.topbar,.bar{display:none}.content{padding:28px 32px 40px;width:100%}.toast{bottom:24px}}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width:700px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.kpi b{font-family:var(--f-display);font-size:22px}.filtros{display:flex;flex-direction:column;gap:10px}.tbl{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse}th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}th.num{text-align:right}td{padding:10px;border-top:1px solid var(--line);vertical-align:middle}tbody tr:first-child td{border-top:0}tr.on td{background:var(--sage-soft)}@media (max-width:699px){.hide-m{display:none}}.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--off-bg);color:var(--off-fg);white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.bad{background:var(--bad-bg);color:var(--bad-fg)}.modal{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--fg);padding:0;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.modal::backdrop{background:#0a100c8c}.modal-body{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}@media (max-width:699px){.tbl:has(table.lista){background:transparent;border:0;overflow:visible}table.lista,table.lista tbody{display:block}table.lista thead{display:none}table.lista tr{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"prod prod prod prod" "stock estado precio edit";gap:8px 12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:8px}table.lista td{display:block;padding:0;border:0}table.lista tbody tr:first-child td{border:0}.c-prod{grid-area:prod}.c-stock{grid-area:stock;text-align:left}.c-estado{grid-area:estado}.c-precio{grid-area:precio}.c-edit{grid-area:edit}.c-stock:before{content:attr(data-l) " ";color:var(--muted);font-size:13px}.c-stock b{font-size:18px}}@media (max-width:699px){table.lista td.hide-m{display:none}}