:root{--p-900:#4c1d95;--p-800:#5b21b6;--p-700:#6d28d9;--p-600:#7c3aed;--p-500:#8b5cf6;--p-400:#a78bfa;--p-200:#ddd6fe;--p-100:#ede9fe;--p-50:#f5f3ff;--n-900:#0f172a;--n-800:#1e293b;--n-700:#334155;--n-600:#475569;--n-500:#64748b;--n-400:#94a3b8;--n-300:#cbd5e1;--n-200:#e2e8f0;--n-100:#f1f5f9;--n-50:#f8fafc;--blanco:#fff;--error:#dc2626;--sombra-sm:0 1px 3px #00000017, 0 1px 2px #0000000f;--sombra-md:0 2px 8px #00000012, 0 6px 20px #00000012;--sombra-lg:0 8px 32px #00000024, 0 2px 8px #00000014;--sombra-card:0 1px 3px #00000017, 0 4px 20px #0000001c, 0 0 0 1px #00000012;--sombra-btn:0 1px 3px #4a1ca959, 0 3px 8px #4a1ca933;--sombra-btn-hover:0 2px 6px #4a1ca973, 0 6px 16px #4a1ca940;--radio-sm:6px;--radio-md:10px;--radio-lg:14px;color:var(--n-800);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--n-100);margin:0}h1,h2,h3{margin:0;font-weight:700}p{margin:0}ul{margin:0;padding:0;list-style:none}#login{background:linear-gradient(135deg,#2e0665 0%,#4c1d95 50%,#5b21b6 100%);justify-content:center;align-items:center;min-height:100svh;display:flex}#form-login{background:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-lg), 0 0 0 1px #0000000d;flex-direction:column;gap:.6rem;width:100%;max-width:380px;padding:2.5rem 2.25rem;display:flex}#form-login h1{color:var(--p-800);text-align:center;margin-bottom:.1rem;font-size:1.5rem}.login-subtitulo{color:var(--n-500);text-align:center;margin-bottom:.5rem;font-size:.82rem}#app{min-height:100svh;display:flex}.sidebar{z-index:10;background:linear-gradient(#3b0764 0%,#4c1d95 35%,#5b21b6 100%);flex-direction:column;flex-shrink:0;width:240px;height:100svh;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:2px 0 16px #00000038}.app-main{background:var(--n-200);flex:1;min-height:100svh;overflow-y:auto}#paneles{max-width:960px;padding:2rem 2.25rem}.sidebar-logo{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex}.sidebar-logo-icono{width:30px;height:30px;color:var(--p-300,#c4b5fd);flex-shrink:0}.sidebar-marca{color:var(--blanco);font-size:.95rem;font-weight:700;line-height:1.2;display:block}.sidebar-submarca{color:#ffffff8c;font-size:.68rem;line-height:1.3;display:block}#tabs{flex-direction:column;flex:1;gap:2px;padding:.5rem;display:flex;overflow-y:auto}.tab{border-radius:var(--radio-sm);color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.625rem;width:100%;padding:.6rem .875rem;font-size:.845rem;font-weight:500;line-height:1.3;transition:background .15s,color .15s,border-color .15s;display:flex}.tab:hover{color:#ffffffeb;background:#ffffff17}.tab.activa{color:var(--blanco);text-shadow:0 0 12px #c4b5fd40;background:#ffffff1f;border-left-color:#c4b5fd;font-weight:600}.tab-icono{opacity:.85;flex-shrink:0;width:17px;height:17px}.tab.activa .tab-icono{opacity:1}.sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:.875rem 1rem}.sidebar-user{color:#fff9;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.75rem;display:flex;overflow:hidden}.sidebar-user svg{flex-shrink:0;width:14px;height:14px}#user-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#btn-logout{border-radius:var(--radio-sm);color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff2e;align-items:center;gap:.45rem;width:100%;padding:.45rem .7rem;font-size:.78rem;font-weight:500;transition:background .15s,color .15s;display:flex}#btn-logout svg{flex-shrink:0;width:14px;height:14px}#btn-logout:hover{color:var(--blanco);background:#ffffff1a}.panel{display:none}.panel.activo{display:block}.panel-header{border-bottom:2px solid var(--p-100);margin-bottom:1.75rem;padding-bottom:.875rem}.panel-header h2{color:var(--p-900);margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.panel-desc{color:var(--n-500);font-size:.8rem}form{flex-direction:column;gap:.625rem;display:flex}.form-modulo{background:var(--blanco);border-radius:var(--radio-md);box-shadow:var(--sombra-card);max-width:840px;margin-bottom:1.5rem;padding:1.5rem}.form-grid{grid-template-columns:1fr 1fr;gap:.6rem 1.25rem;display:grid}.form-grid>div:first-child{grid-column:1/-1}.form-grid div:has(textarea){grid-column:1/-1}@media (width<=600px){.form-grid{grid-template-columns:1fr}.form-grid>div:first-child{grid-column:1}}label{color:var(--n-600);margin-bottom:.25rem;font-size:.78rem;font-weight:600;display:block}.form-grid div:has(input:required)>label:after{content:" *";color:var(--error)}.form-grid div:has(select:required)>label:after{content:" *";color:var(--error)}#form-login label:after{content:none!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{border:1.5px solid var(--n-300);border-radius:var(--radio-sm);width:100%;color:var(--n-900);background:var(--n-50);box-sizing:border-box;appearance:auto;padding:.48rem .7rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s,background .15s}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input:focus,textarea:focus,select:focus{border-color:var(--p-600);background:var(--blanco);outline:none;box-shadow:0 0 0 3px #7c3aed24}textarea{resize:vertical;min-height:76px}#form-login input{background:var(--blanco)}button[type=submit],.btn-primario{color:var(--blanco);border-radius:var(--radio-sm);cursor:pointer;box-shadow:var(--sombra-btn);letter-spacing:.01em;background:linear-gradient(160deg,#7c3aed 0%,#6d28d9 60%,#5b21b6 100%);border:none;padding:.58rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:box-shadow .18s,transform .18s}button[type=submit]:hover,.btn-primario:hover{box-shadow:var(--sombra-btn-hover);transform:translateY(-1px)}button[type=submit]:active,.btn-primario:active{box-shadow:var(--sombra-btn);transform:translateY(0)}.form-acciones{gap:.5rem;margin-top:.375rem;display:flex}.form-acciones>button[type=submit],.form-acciones>.btn-primario{flex:1}.form-grupo{background:var(--p-50);border:1px solid var(--p-200);border-radius:var(--radio-sm);padding:.875rem 1rem}.form-grupo-label{text-transform:uppercase;letter-spacing:.06em;color:var(--p-600);margin:0 0 .6rem;font-size:.72rem;font-weight:700}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:.5rem 1rem;display:grid}@media (width<=600px){.form-grid-3{grid-template-columns:1fr 1fr}}.campo-check{align-items:center;gap:.5rem;padding-top:1.4rem;display:flex}.campo-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--p-600);cursor:pointer;flex-shrink:0;margin:0}.campo-check label{color:var(--n-700);cursor:pointer;text-transform:none;letter-spacing:0;margin-bottom:0;font-size:.85rem;font-weight:500}.mensaje{color:var(--error);min-height:1.1em;font-size:.82rem}.lista{background:var(--blanco);border-radius:var(--radio-md);box-shadow:var(--sombra-card);max-width:840px;overflow:hidden}.lista li{border-bottom:1px solid var(--n-200);align-items:center;gap:.625rem;padding:.65rem 1rem;font-size:.85rem;transition:background .12s;display:flex}.lista li:last-child{border-bottom:none}.lista li:hover{background:var(--p-50)}.lista li .acciones{flex-shrink:0;gap:.35rem;margin-left:auto;display:flex}.item-nombre{color:var(--n-900);min-width:100px;font-weight:600}.item-meta{color:var(--n-500);font-size:.8rem}.item-codigo{background:var(--p-100);color:var(--p-700);white-space:nowrap;border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;font-weight:600}.item-domest{color:var(--n-500);margin-left:auto;margin-right:.5rem;font-size:.78rem}.btn-mini{border:1px solid var(--n-300);background:var(--blanco);color:var(--n-600);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-family:inherit;font-size:.76rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-mini:hover{background:var(--p-50);color:var(--p-700);border-color:#c4b5fd}.btn-borrar{color:var(--error);cursor:pointer;white-space:nowrap;background:#fff1f1;border:1px solid #fca5a5;border-radius:4px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-family:inherit;font-size:.76rem;font-weight:500;transition:background .15s;display:inline-flex}.btn-borrar:hover{background:#fee2e2}.btn-cancelar{border-radius:var(--radio-sm);border:1.5px solid var(--n-300);background:var(--blanco);color:var(--n-600);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .12s}.btn-cancelar:hover{background:var(--n-100)}.vacio{color:var(--n-400);text-align:center;padding:2rem 1.5rem;font-size:.84rem;line-height:1.65}.badge{white-space:nowrap;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.badge-ok{color:#065f46;background:#d1fae5}.badge-warn{color:#92400e;background:#fef3c7}.badge-alerta{color:#9a3412;background:#ffedd5}.badge-peligro{color:#991b1b;background:#fee2e2}.resumen-seccion{margin-bottom:0;padding-bottom:2.75rem}.resumen-seccion+.resumen-seccion{border-top:1px solid var(--n-300);padding-top:2.75rem}.resumen-seccion h3{color:var(--p-700);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--p-200);margin-bottom:.875rem;padding-bottom:.4rem;font-size:.78rem;font-weight:700}.resumen-totales{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-items:stretch;gap:.875rem;display:grid}.resumen-card{background:var(--blanco);border:1px solid var(--n-300);border-top:3px solid var(--p-400);border-radius:var(--radio-md);flex-direction:column;justify-content:space-between;gap:.375rem;padding:1rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 4px #00000017,0 6px 20px #0000001a}.resumen-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a,0 12px 28px #4a1ca921}.resumen-card .valor{color:var(--p-700);font-size:1.65rem;font-weight:700;line-height:1.1;display:block}.resumen-card .etiqueta{color:var(--n-500);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.7rem;display:block}.tabla-resumen{border-collapse:collapse;background:var(--blanco);border-radius:var(--radio-md);border:1px solid var(--n-300);width:100%;font-size:.825rem;overflow:hidden;box-shadow:0 2px 4px #00000017,0 6px 20px #0000001a}.tabla-resumen th,.tabla-resumen td{border-bottom:1px solid var(--n-200);text-align:left;padding:.65rem 1rem}.tabla-resumen th{background:var(--p-50);color:var(--p-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--p-200);font-size:.72rem;font-weight:700}.tabla-resumen tbody tr:nth-child(2n) td{background:var(--n-50)}.tabla-resumen tr:last-child td{border-bottom:none}.tabla-resumen tbody tr:hover td{background:var(--p-50)}#btn-actualizar-resumen{color:var(--blanco);border-radius:var(--radio-sm);cursor:pointer;box-shadow:var(--sombra-btn);letter-spacing:.01em;background:linear-gradient(160deg,#7c3aed 0%,#6d28d9 60%,#5b21b6 100%);border:none;padding:.56rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:box-shadow .18s,transform .18s}#btn-actualizar-resumen:hover{box-shadow:var(--sombra-btn-hover);transform:translateY(-1px)}#btn-actualizar-resumen:active{box-shadow:var(--sombra-btn);transform:translateY(0)}@media (width<=768px){#app{flex-direction:column}.sidebar{flex-direction:row;width:100%;height:auto;position:static;overflow:auto hidden}.sidebar-logo{border-bottom:none;border-right:1px solid #ffffff1a;flex-shrink:0;padding:.6rem .875rem}.sidebar-submarca{display:none}#tabs{flex-direction:row;flex:1;gap:2px;padding:.35rem .5rem;overflow:auto hidden}.tab{border-radius:var(--radio-sm) var(--radio-sm) 0 0;white-space:nowrap;border-bottom:3px solid #0000;border-left:none;flex-direction:column;flex-shrink:0;gap:.2rem;padding:.45rem .625rem;font-size:.68rem}.tab.activa{border-left-color:#0000;border-bottom-color:var(--p-400)}.sidebar-footer{display:none}#paneles{padding:1rem}}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;max-width:320px;display:flex;position:fixed;top:1.25rem;right:1.25rem}.toast{pointer-events:auto;cursor:pointer;opacity:0;-webkit-user-select:none;user-select:none;border-radius:8px;padding:.65rem 1rem;font-family:inherit;font-size:.84rem;font-weight:500;line-height:1.4;transition:transform .28s cubic-bezier(.175,.885,.32,1.1),opacity .2s;transform:translate(calc(100% + 1.5rem));box-shadow:0 4px 20px #0000001f,0 0 0 1px #0000000d}.toast-visible{opacity:1;transform:translate(0)}.toast-exito{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}