.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{background:var(--surface);color:var(--text);padding:24px;border-radius:12px;width:480px;max-width:95%;position:relative;box-shadow:0 8px 24px #00000059;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;right:12px;top:12px;background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text-300)}.form-group{display:flex;flex-direction:column;margin-bottom:14px;width:100%}.form-group label{font-size:.9rem;margin-bottom:4px;color:var(--text-300)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line-700);background:var(--surface);color:var(--text);font-size:.95rem;box-sizing:border-box}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--green-100: #f2f4f2;--green-200: #d8ded8;--green-300: #cfd7cf;--green-400: #7d947d;--green-600: #576757;--green-900: #252c25;--bg: #252c25;--surface: #2f3530;--card: #3c463c;--muted: #576757;--text: #f2f4f2;--text-200: #f2f4f2;--text-300: #d8ded8;--text-400: #7d947d;--brand: #7d947d;--line-700: #3c463c;--border: 1px solid rgba(255, 255, 255, .08);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);display:block;font-size:15px;font-weight:400}a{color:var(--brand);text-decoration:none}a:hover{filter:brightness(1.1)}h1{font-size:2rem;line-height:1.2;margin:0 0 8px}h1,h2,h3,h4,h5,h6{color:var(--text)}h2,h3{margin:0 0 8px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface);color:var(--text);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .1s;box-shadow:0 2px 8px #00000040}button:hover{border-color:var(--brand);box-shadow:0 10px 28px #0006;transform:translateY(-1px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:var(--border);padding:16px}.nav-link{display:block;padding:12px 16px;border-radius:10px;color:var(--text-300);font-weight:600;margin-bottom:8px;transition:background .2s,transform .1s}.nav-link:hover{background:#7d947d2e}.nav-link.active{background:var(--brand);color:var(--green-900)}.content{flex:1;display:flex;flex-direction:column}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:var(--border);background:#2a322d;color:var(--text-300)}.main{padding:24px}@media (max-width: 1024px){.sidebar{width:200px}h1{font-size:1.875rem}}@media (max-width: 768px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:240px;background:var(--surface);border-right:var(--border);z-index:120;transition:transform .25s ease-out}.sidebar.open{transform:translate(0)}.topbar{padding:0 12px}.main{padding:12px}h1{font-size:1.5rem}}.theme-green-dark{--bg: #252c25;--surface: #2f3530;--card: #3c463c;--muted: #576757;--text: #f2f4f2;--text-200: #f2f4f2;--text-300: #d8ded8;--text-400: #7d947d;--brand: #7d947d;--line-700: #3c463c;--border: 1px solid rgba(255, 255, 255, .08)}.theme-green-light{--bg: #eef3ee;--surface: #ffffff;--card: #ffffff;--muted: #8aa08a;--text: #1f2a20;--text-200: #1f2a20;--text-300: #4d5d4d;--text-400: #7d947d;--brand: #7b9380;--line-700: #d5dfd5;--border: 1px solid #dbe4db}.theme-green-light body{background:var(--bg);color:var(--text);font-size:15px;font-weight:400}.theme-green-light .sidebar{background:#dce4dc;border-right-color:#c8d3c8;color:var(--text-300)}.theme-green-light .topbar{background:#fff;border-bottom-color:#dbe4db;color:var(--text-300)}.theme-green-light .main{background:var(--bg)}.theme-green-light .nav-link{color:#3b4a3c}.theme-green-light .nav-link:hover{background:#7b938040}.theme-green-light .nav-link.active{background:#7b9380;color:#fff}.theme-green-light button{background-color:#7b9380;color:#fff;border-color:transparent;box-shadow:0 4px 12px #6e887340}.theme-green-light button:hover{filter:brightness(1.05)}.tabla-productos{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:20px}.tabla-header,.tabla-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:8px;padding:12px 16px;border-radius:8px;align-items:center}.tabla-header{background:var(--card);font-weight:600}.tabla-row{background:var(--surface)}.tabla-row:hover{background:var(--surface-hover, #3f4a3f)}.status{padding:4px 10px;border-radius:50px;font-size:.8rem}.status.activo{background:var(--green-200);color:var(--green-900)}.status.inactivo{background:#d8a5a5;color:#4a0000}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid #1f2937;cursor:pointer}}.tabla-opciones{display:flex;flex-direction:row;gap:6px;align-items:stretch;justify-content:center}.btn-opcion{display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;padding:6px;cursor:pointer}.btn-opcion.editar,.btn-opcion.eliminar{background:var(--brand);color:#fff}@media (max-width: 640px){.tabla-header{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto}.tabla-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:center}.tabla-opciones{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;align-items:center}.btn-opcion{width:36px;height:36px;padding:0}}