:root{--wine-primario:#76174a;--wine-primario-oscuro:#56103a;--wine-primario-claro:#f7e9f1;--wine-texto:#17121a;--wine-texto-suave:#6b6169;--wine-fondo:#f4f2f3;--wine-superficie:#fff;--wine-borde:#e6dde2;--wine-error:#b3261e;--wine-error-fondo:#fbeceb;--wine-exito:#1e7d34;--wine-exito-fondo:#e3f5e6;--wine-radio:10px;--wine-sombra:0 2px 10px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--wine-fondo);color:var(--wine-texto);margin:0;padding:0}#root{min-height:100vh}input,select,button,textarea{font-family:inherit;font-size:14px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.pantalla-login-panel{background:linear-gradient(135deg, var(--wine-primario) 0%, var(--wine-primario-oscuro) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.tarjeta-login-panel{background:var(--wine-superficie);border-radius:16px;width:100%;max-width:360px;padding:32px 28px;box-shadow:0 8px 32px #00000040}.marca-panel{color:var(--wine-primario);align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.marca-panel-w{background:var(--wine-primario);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.subtitulo-login{color:var(--wine-texto-suave);margin:6px 0 22px;font-size:13px}.tarjeta-login-panel form{flex-direction:column;gap:12px;display:flex}.tarjeta-login-panel input{border:1.5px solid var(--wine-borde);border-radius:var(--wine-radio);background:var(--wine-fondo);padding:11px 12px}.tarjeta-login-panel input:focus{border-color:var(--wine-primario);outline:none}.tarjeta-login-panel button[type=submit]{border-radius:var(--wine-radio);background:var(--wine-primario);color:#fff;border:none;padding:12px;font-weight:700}.tarjeta-login-panel button[type=submit]:hover:not(:disabled){background:var(--wine-primario-oscuro)}.error-login{color:var(--wine-error);margin:0;font-size:12.5px}.pantalla-carga-panel{min-height:100vh;color:var(--wine-texto-suave);text-align:center;justify-content:center;align-items:center;padding:20px;display:flex}.layout-panel{min-height:100vh;display:flex}.sidebar-panel{background:var(--wine-superficie);border-right:1px solid var(--wine-borde);flex-direction:column;flex-shrink:0;width:240px;padding:20px 0;display:flex}.sidebar-marca{border-bottom:1px solid var(--wine-borde);margin-bottom:12px;padding:0 20px 20px}.sidebar-panel nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.item-sidebar{text-align:left;border-radius:var(--wine-radio);color:var(--wine-texto);background:0 0;border:none;padding:10px 12px;font-size:14px;font-weight:500}.item-sidebar:hover{background:var(--wine-primario-claro)}.item-sidebar.activo{background:var(--wine-primario);color:#fff;font-weight:700}.sidebar-pie{border-top:1px solid var(--wine-borde);flex-direction:column;gap:10px;padding:12px 20px 0;display:flex}.chip-rol{color:var(--wine-primario);background:var(--wine-primario-claro);border-radius:20px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700}.boton-cerrar-sesion{border:1.5px solid var(--wine-borde);border-radius:var(--wine-radio);color:var(--wine-texto-suave);background:0 0;padding:9px;font-size:13px}.boton-cerrar-sesion:hover{border-color:var(--wine-error);color:var(--wine-error)}.contenido-panel{flex:1;max-width:1100px;padding:32px 40px}.pantalla-seccion h1{margin:0;font-size:22px}.encabezado-seccion{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.boton-primario{border-radius:var(--wine-radio);background:var(--wine-primario);color:#fff;border:none;padding:10px 18px;font-size:13.5px;font-weight:700}.boton-primario:hover:not(:disabled){background:var(--wine-primario-oscuro)}.tarjeta-form{background:var(--wine-superficie);border:1px solid var(--wine-borde);border-radius:var(--wine-radio);box-shadow:var(--wine-sombra);margin-bottom:24px;padding:22px}.grilla-form{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grilla-form label{color:var(--wine-texto-suave);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.grilla-form input,.grilla-form select{border:1.5px solid var(--wine-borde);border-radius:var(--wine-radio);background:var(--wine-fondo);color:var(--wine-texto);padding:10px 11px;font-weight:400}.grilla-form input:focus,.grilla-form select:focus{border-color:var(--wine-primario);outline:none}.mensaje-error-form{color:var(--wine-error);margin:0 0 12px;font-size:12.5px}.texto-carga,.texto-vacio{color:var(--wine-texto-suave);font-size:14px}.tabla-datos{border-collapse:collapse;background:var(--wine-superficie);border-radius:var(--wine-radio);width:100%;box-shadow:var(--wine-sombra);overflow:hidden}.tabla-datos th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--wine-texto-suave);background:var(--wine-fondo);border-bottom:1px solid var(--wine-borde);padding:12px 16px;font-size:11.5px}.tabla-datos td{border-bottom:1px solid var(--wine-borde);padding:13px 16px;font-size:13.5px}.tabla-datos tr:last-child td{border-bottom:none}.chip-estado{border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.estado-activa{background:var(--wine-exito-fondo);color:var(--wine-exito)}.estado-suspendida,.estado-inactiva{background:var(--wine-error-fondo);color:var(--wine-error)}.chip-promo{background:var(--wine-primario-claro);color:var(--wine-primario);border-radius:20px;margin-left:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}